@charset "utf-8";
/* main common */
/* 주황색 작은 글씨 */
h2 { position: relative;}
h2 small,
h3 small { position: absolute; top: -10px; left: 30%;  display: block; width: 26px; height: 14px; font-weight: 600; font-size: 9px; color:#fff; line-height: 14px; text-align: center; border-radius: 6px;background:#fd540a; }
.mobiletel{display:none}
/* small Title */
.smallTit { display: block;font-weight: 600;font-size:13px;color:#489dfb;letter-spacing: -0.39px;line-height: 13px; }

/* big Title */
.bigTit { margin-top:19px; font-weight: 600;font-size:45px;color:#000;line-height:50px; letter-spacing: -1.35px; }

/* big Title of info text (큰 제목 글의 설명글) */
.infoTxt { font-weight: 400;font-size:15px;color:#454545;line-height:26px; letter-spacing: -0.45px; }

/* btn blue */
.btn .blueBtn + .blueBtn { margin-left:10px; }
.btn .blueBtn {display: inline-block;width: 150px; height:60px;}
.btn .blueBtn span {position: relative; display: table-cell; width: 150px; height:60px; line-height: 20px; font-size:15px; font-weight: 400; color:#489dfb; text-align:center; border:solid 1px #489dfb;  border-radius: 30px; background:#fff;   vertical-align: middle;}
.btn .blueBtn span:hover {color:#fff; background:#489dfb;}
.btn .blueBtn:first-child { margin-left:0; }

/* btn whilte */
.btn .whileBtn + .whileBtn { margin-left:17px; }
.btn .whileBtn {display: inline-block;width: 150px; height:60px;}
.btn .whileBtn span {position: relative; display: table-cell; width: 150px; height:60px; line-height: 18px; font-size:15px; font-weight: 400; color:#fff; text-align:center; border:solid 1px #fff; border-radius: 30px; vertical-align: middle; background:transparent;}
.btn .whileBtn span:hover { color:#454545; background:#fff;}
.btn .whileBtn:first-child { margin-left:0; }
/* / .main common */

/* 전체 메뉴 (#container.on #header .gnbBox .menuArea > ul li:last-child a) 클릭시 반응해야할 부분들 */
#container.on #header .headerWrap {position: absolute; top:0;left: 0; right: 0;z-index: 1; border-bottom: solid 1px #ebebeb;background:#fff; /*height:761px; transition: height .40s;*/}
#container.on #header .headerWrap:after {position: absolute; top: 118px; left: 0; z-index: 1; width:100%; height:1px; border-bottom: solid 1px #ebebeb; content: '';}
#container.on #header .headerWrap .gnbBox .menuArea > ul > li:last-child > h2 > a { width: 37px; height:37px; font-size:0; background: url('../images/bg/bg_gnbClose.gif') no-repeat left top; }
#container.on #header .headerWrap .gnbBox .menuArea > ul li:last-child a img { display:none; }
#container.on #header .headerWrap .subMenuArea { position: relative;z-index: 1; display: block; clear: both; background:#fff url('../images/bg/bg_gnbLogo.png') no-repeat right bottom;}
/* / .전체 메뉴 (#container.on #header .gnbBox .menuArea > ul li:last-child a) 클릭시 반응해야할 부분들 */

/* win scroll down GNB fixed */
#container #header.fiexd { position: fixed; top:0;left:0;right:0; z-index: 1;background:#fff; }
/* / .win scroll down GNB fixed */



/*#header {top:0;z-index: 1;left:0;right:0;background:#fff; height:110px; }
#header .headerWrap { position: relative; border-bottom: none; width: 100%; }
#header .headerWrap > .innerBox { margin: 0 auto; width: 1200px; position: relative;}
#header .globalBox { padding: 16px 0 0 0;height: 110px; }*/
.leftGlobal { position: absolute; right: 0; top:22px}
.leftGlobal ul { overflow: hidden; }
.leftGlobal ul li { position: relative; padding: 0 8px 0 5px;float: left; }
.leftGlobal ul li:first-child { padding-left: 15px; }
/*.leftGlobal ul li:first-child:before{font-family:xeicon; position: absolute; top: 4px; left: -2px;  #d8d7d7; content: '\ea1c';}
.leftGlobal ul li:after { position: absolute; top: 8px; right: -2px; width: 1px; height: 9px; background: #d8d7d7; content: '';}*/
.leftGlobal ul li a { -webkit-transition: all .3s ease; border: 1px solid #777; border-radius: 50px; display:block; font-size: 12px; padding:3px 10px; font-weight: 400;  color: #777; letter-spacing: -0.36px; }
.leftGlobal ul li a:hover{background:#0c4da2; color:#fff; -webkit-transition: all .3s ease;}



#header .globalBox .rightGlobal { position: absolute; right: 0; top:45px;}
#header .globalBox .rightGlobal > ul > li { position: relative; float: left; width:auto; display: block; }
#header .globalBox .rightGlobal > ul > li.on { display: none; }
#header .globalBox .rightGlobal > ul > li:first-child { padding-left: 0; }
#header .globalBox .rightGlobal > ul > li > a.chome {position: absolute; top: 0px; left: -30px;}
#header .globalBox .rightGlobal > ul > li > a.chome i{font-size:14px;}
/*#header .globalBox .rightGlobal > ul > li:first-child:before {font-family:xeicon; font-size:14px; position: absolute; top: 2px; left: -15px; content: '\e900';}*/
#header .globalBox .rightGlobal > ul > li:after { position: absolute; top: 4px; right: 0; width: 1px; height: 9px; background: #d8d7d7; content: '';}
#header .globalBox .rightGlobal > ul > li > a { padding: 0 13px; font-size: 13px; font-weight: 400; color: #303030; letter-spacing: 0; }
#header .globalBox .rightGlobal > ul > li:nth-child(4) { position: relative;}
#header .globalBox .rightGlobal > ul > li:nth-child(4) > a { background: url('../images/bg/bg_closeDown.gif') no-repeat right center; }
#header .globalBox .rightGlobal > ul > li:nth-child(4) > a.on { background-image: url('../images/bg/bg_closeUp.gif'); }
#header .globalBox .rightGlobal > ul > li:nth-child(4) .helpBox { display: none; }
#header .globalBox .rightGlobal > ul > li:nth-child(4) .helpBox.on { display: block; position: absolute; top: 22px; left: -22px; z-index: 2; padding:17px 0 0 0; width:119px; height:auto; background: url('../images/bg/bg_helpTop.png') no-repeat left top; }
#header .globalBox .rightGlobal > ul > li:nth-child(4) .helpBox .innerBox { padding-bottom: 14px; background: url('../images/bg/bg_helpBottom.png') no-repeat left bottom; }
#header .globalBox .rightGlobal ul li:nth-child(4) .helpBox ul { padding: 6px 0 9px 0; width: 100%; height:100%; background: url('../images/bg/bg_helpRepeat.png') repeat-y -1px top; }
#header .globalBox .rightGlobal ul li:nth-child(4) .helpBox ul li:first-child { margin:0; }
#header .globalBox .rightGlobal ul li:nth-child(4) .helpBox ul li { margin:8px 0 0 0; height:20px; text-align: center; }
#header .globalBox .rightGlobal ul li:nth-child(4) .helpBox:after {position: absolute; bottom:0; left:0; width:100%; height:100%;  }
#header .globalBox .rightGlobal ul li:nth-child(4) .helpBox ul li a { display: inline-block; height: 100%; font-size: 13px; font-weight: 400; color: #303030; letter-spacing: -0.39px; text-align: center; }
#header .globalBox .rightGlobal ul li:nth-child(4) .helpBox ul li a:hover { text-decoration: none; }
#header .globalBox .rightGlobal ul li:nth-child(4) .helpBox ul li:hover a { border-bottom: solid 1px #303030;}
#header .globalBox .rightGlobal ul li:nth-child(4):after { display: none; }
#header .globalBox .rightGlobal > ul > li:last-child { position: relative; padding-right:0;}
#header .globalBox .rightGlobal > ul > li:last-child:after { display: none; }
#header .globalBox .rightGlobal > ul > li:last-child a {padding-right:0;}
#header .globalBox .rightGlobal > ul > li:last-child .snsBox { display: none;}
#header .globalBox .rightGlobal > ul > li:last-child .snsBox.on { display: block;position: absolute; top: 0; right: 0; z-index: 1; min-width:350px; width: auto; height: 25px; background:#fff;}
#header .globalBox .rightGlobal > ul > li:last-child .snsBox .innerBox {float:right;}
#header .globalBox .rightGlobal > ul > li:last-child .snsBox .innerBox ul {overflow: hidden; }
#header .globalBox .rightGlobal > ul > li:last-child .snsBox .innerBox ul li {margin-left: 20px; float:left;}
#header .globalBox .rightGlobal > ul > li:last-child .snsBox .innerBox ul li:last-child {margin-top: -3px; margin-left: 25px; }
#header .globalBox .rightGlobal > ul > li:last-child .snsBox .innerBox ul li a { padding: 3px 0 0 0; display: block; width: 100%; height: 100%; text-align: center; }

.gnbBox .menuArea { height: 50px; }
.gnbBox .menuArea h1 { float: left; }
.gnbBox .menuArea h1 a {display: block; width: 100%; height: 100%; }
.gnbBox .menuArea > ul {float: right; }
.gnbBox .menuArea > ul > li {float: left;}
.gnbBox .menuArea > ul > li h2{margin-block-start: 0;
    margin-block-end: 0;}
.gnbBox .menuArea > ul > li:first-child { margin-left:0; }
.gnbBox .menuArea > ul > li:last-child { margin-top:-2px; }
.gnbBox .menuArea > ul > li > h2 > a {position: relative; display: inline-block; width: 100%; height: 100%; font-size:16px; font-weight: 500; color:#000; letter-spacing: -0.48px; }
.gnbBox .menuArea > ul > li > h2 > a:hover {color:#fdb813; letter-spacing: -0.48px; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
/*.gnbBox .menuArea > ul > li:hover > h2 > a { padding-bottom: 20px; border-bottom: solid 4px #fdb813; }*/
.gnbBox .menuArea > ul li:last-child:hover > h2 > a { padding-bottom: 0; border-bottom: none; }
.gnbBox .menuArea > ul li:last-child > h2 > a { padding-top: 0; }
#header .headerWrap > .innerBox > .gnbBox > .menuArea > ul > li:last-child > h2 > a { float:left; width: 37px; height:37px; font-size:0; background: url('../images/bg/bg_gnbOpen.gif') no-repeat left top; }
#header .headerWrap > .innerBox >.gnbBox > .menuArea > ul li:last-child > h2 > a img { display:block; }

/* gnbSubMenu */
/*
.gnbBox .menuArea > ul li > .gnbSubMenu {  height: auto;확인후 높이 오토 풀기}
*/
.gnbBox .menuArea > ul li > .gnbSubMenu { position: absolute; top: 170px; left: 0; z-index: 1; display: none; width: 100%; min-height: 50px;background: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.gnbBox .menuArea > ul li > .gnbSubMenu:before { position: absolute; top: -1px; left: 0; z-index: 1; width: 100%; height: 1px; background: #ebebeb; content: ''; }

.gnbBox .menuArea > ul li > .gnbSubMenu:after { position: absolute; bottom: 0; left: 0; z-index: 1; display: block; width: 100%;content: ''; }

.gnbBox .menuArea > ul li > .gnbSubMenu.on { display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.gnbBox .menuArea > ul li > .gnbSubMenu > .innerBox {margin:0 auto; width:1200px; height:100%;}
.gnbBox .menuArea > ul li > .gnbSubMenu > .innerBox > ul { padding: 16px 0 11px 335px; overflow: hidden; }
.gnbBox .menuArea > ul li > .gnbSubMenu > .innerBox > ul > li { margin: 0 25px 0 0; float:left; }
.gnbBox .menuArea > ul li > .gnbSubMenu > .innerBox > ul > li > h3 > a{display: block;width:100%;height:100%; font-size: 15px; font-weight: 400; color: #626262; letter-spacing: -0.45px;line-height: 23px;}
.gnbBox .menuArea > ul li > .gnbSubMenu > .innerBox > ul > li > h3 > a:hover { color: #fdb813; }
/* / .gnbSubMenu */

/* subMenuArea */
#header .subMenuArea { display:none; overflow:hidden; }
.subMenuArea > ul { padding: 25px 0 8px 0;}
.subMenuArea > ul > li { margin-bottom: 8px; min-height: 39px; overflow: hidden; }
.subMenuArea > ul > li:last-child { padding-bottom: 0;}
.subMenuArea > ul > li > h2 { float: left; width: 162px;}
.subMenuArea > ul > li > h2 > a { display:block; font-size: 17px; font-weight: 500; color: #010101; line-height: 25px;}
.subMenuArea > ul > li > ul {margin-bottom: 5px; overflow: hidden;}
.subMenuArea > ul > li > ul > li { float: left; min-height: 26px; }
.subMenuArea > ul > li > ul > li:hover a { color: #fdb813; border-bottom: solid 1px #fdb813; }
.subMenuArea > ul > li > ul > li > h3 { margin: 0 31px 0 0; min-height: 25px; }
.subMenuArea > ul > li > ul > li > h3 > a { display:inline-block; height: 100%; font-size: 15px; font-weight: 400; color: #626262; letter-spacing: -1px;line-height: 24px; }
.subMenuArea > ul > li > ul > li > h3 > small { position: static; margin: 4px 0 0 4px;float: right; }
.subMenuArea > ul > li > ul > li > h3 > a:hover { color: #fdb813; }
.subMenuArea > ul > li > ul > li:first-child > h2 > a { margin-left: 0; }
/* / .subMenuArea */

#content  {clear: both;}
#content .bottomVisualWrap {height:130px; }


/* */
.bottomVisualWrap > .innerBox { height:100%; }
.bottomVisualWrap > .innerBox .leftArea { position:relative; float:left;width:50%; height:100%; background:#000 url('../images/bg/bg_count.png') no-repeat right top; }
.bottomVisualWrap > .innerBox .leftArea .innerBox{float:right; width:600px; height:100%;}
.bottomVisualWrap > .innerBox .leftArea .tit { height:100%;}
.bottomVisualWrap > .innerBox .leftArea .tit img {margin:42px 0 0 0;}
.bottomVisualWrap > .innerBox .leftArea .numberWrap { position:absolute;top:25px;right:180px; width:auto; }
.bottomVisualWrap > .innerBox .leftArea .numberWrap * { float:left; display:block; }
.bottomVisualWrap > .innerBox .leftArea .numberCount { width:auto; font-weight: 600; font-size:45px; color:#fff; text-align:right; }
.bottomVisualWrap > .innerBox .leftArea .numberWrap small { padding:30px 0 0 4px;width:20px; float:right; font-size:18px; color:#fff; font-weight: 500; text-align:right; letter-spacing: -0.54px;}
.bottomVisualWrap > .innerBox .leftArea a { position:absolute;top:0;right:0; padding-top: 60px; display:block;width:130px;height:100%; background:#252525 url('../images/bg/bg_count01.gif') no-repeat center 29px; font-size:15px; color:#fff; font-weight: 400; letter-spacing: -0.45px; line-height: 20px; text-align: center;}
.bottomVisualWrap > .innerBox .rightArea { float:left;width:50%;height:100%; background:#e7bac5;}
.bottomVisualWrap > .innerBox .rightArea .innerBox{float:left; width:600px; height:100%;}
.bottomVisualWrap > .innerBox .rightArea a { display:block;width:100%;height:100%;font-size: 0px;}

/* commonWrap */
.commonWrap { border-top:solid 1px #ebebeb; }
.commonWrap > .innerBox { margin:0 auto; width: 1200px; height: 491px; overflow: hidden; }
.commonWrap > .innerBox > .leftArea { float:left;width:100%; height: 100%; }
.commonWrap > .innerBox > .leftArea .innerBox { padding:75px 0 80px 0; }
.commonWrap > .innerBox > .leftArea .innerBox .bigTit { margin:19px 0 0 0; }
.commonWrap > .innerBox > .leftArea .innerBox .infoTxt { margin:30px 0 0 0; }
.commonWrap > .innerBox > .leftArea .innerBox .btnList { margin:31px 0 0 0; }
.commonWrap > .innerBox > .leftArea .innerBox a:first { margin-left:0; }
/* promotionWrap */

.promotionWrap{}

#maincontainer{width:100%}

/* startup */
.startupWrap > .innerBox > .leftArea { background: url('../images/bg/bg_mainVisual01.png') no-repeat right 91px; }


/* 메인비주얼퀵*/
#content .visualquick{height:120px; background: linear-gradient( to right, #0c4da2, #0b2d70 );}
#content .visualquick > div{width:1200px; margin:auto; text-align:center; padding:20px 0}
#content .visualquick > div > ul > li{display:inline-block; width:98px; vertical-align: top;}
#content .visualquick > div > ul > li > a > span{display:block; text-align:center; color:#fff; font-size:14px;}
#content .visualquick > div > ul > li:last-child{width:90px}
/*#content .visualquick > div > ul > li:first-child{width:90px}*/
#content .visualquick > div > ul > li a:hover img{margin-top:5px; color:#006cff;}
#content .visualquick > div > ul > li a, #content .visualquick > div > ul > li a img{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/*메인공지사항*/

/* support */
.board_wp{width:1200px; margin:auto; clear: both;}
.support{width:740px; height:370px;border:1px solid #d8d8d8; margin-top:50px; position: relative; float:left}
.support .tab_list{overflow:hidden;}

.support .tab_list li{border-right:1px solid #d8d8d8; float:left; width:46%; background-color:#f2f2f2;  border-bottom:1px solid #d8d8d8; text-align:center; box-sizing:border-box;}
.support .tab_list li.on{background-color:#fff; border-bottom:none;}
.support .tab_list li.on a{color:#333; font-weight:500;}
.support .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:18px; color:#949494;}
.support table.blue{background:url(/resources/images/support/supportlist_bar.jpg) 0 top no-repeat;}
.support table tr.notice td{background-color:#f5f9fb;}
.support .table_list_type td:nth-child(3){padding-left:20px; text-align:left;}
.support .table_tit{overflow:hidden;}
.support .table_tit h3{float:left; margin-right:10px; font-size:20px; line-height:normal;}
.support .table_tit p{float:right; font-size:15px; color:#888;}
.support .table_tit p:before{display:inline-block; margin-right:5px; color:#f69679; content:"*";}
.support .security{overflow:hidden;}
.support .security .left{float:left;}
.support .security .right{float:left; padding-top:10px; margin-left:20px;}
.support .security .right p{margin-bottom:5px; font-size:13px; color:#aaa;}
.support .table_1 td.none{border:none;}
/* accordion tab */
.faq_section{margin-bottom:0; padding:0 30px}
.faq_section ul{border-top:2px solid #2992c7;}
.faq_section ul li > a{color:#696969; display:block; padding-left:8px; line-height:34px; font-size:15px; font-weight:400; float:left; width:70%}
.faq_section ul li > a:hover{color:#0c4da2; font-weight: 500;}
.faq_section ul li > a:before{display:inline-block; margin-right:10px; content:"ㆍ";}
/*.faq_section ul li > span{float:right; width:28%; font-size:15px; text-align:right; padding-right:30px}*/
.faq_section ul li div{display:none; position:relative; padding:40px 72px; font-size:15px; color:#888; background-color:#efefef;}
.faq_section ul li div.on{display:block;}
.faq_section ul li div.on < a{background:url(/resources/images/etc/list_arrow_t.gif) 1100px center no-repeat;}
.faq_section ul li div:before{display:block; position:absolute; left:40px; top:40px; font-size:16px; font-weight:400; color:#1c87d0; content:"A";}
.faq_section ul li .date{float:right; color:#9e9e9e;font-size:14px;}
.faq_section ul li:first-child a:before{display:none;}
.faq_section ul li:first-child a:hover{color:#0c4da2; font-weight: 500;}
.faq_section ul li:first-child{height:110px;background: url("../images/icon/notice_n_icon.gif") no-repeat left 0px; border-bottom:1px dashed #c5c5c5; margin:30px 0 15px 0}
.faq_section ul li:first-child a{padding-left: 0; display:block;margin-left:0;margin:0 0 0 135px;font-size:17px;color:#121212;background:none;}
.faq_section ul li:first-child span{display:block;height:42px;margin-top:5px;padding:0 0 0 135px;font-size:14px;color:#787878;overflow:hidden; clear: both;}
.faq_section ul li:first-child .date{display:none;}
.faq_section ul li:first-child img{vertical-align:middle;}
.faq .faq_section ul{border-top:none;}
.faq .faq_section .cont{display:none;}
.faq .faq_section .cont.on{display:block;}

.faq .faq_section .cont .morewp{right:0; position: absolute; border-bottom: 1px solid #d8d8d8; top: 0; width: 60px; height: 58px;}
.faq .faq_section .cont .more_btn{border-bottom:1px solid #d8d8d8; height: 58px; display: block; float: left; width:100%}
.faq .faq_section .cont .more_btn a{display:block; text-align:center; line-height:65px}
.faq .faq_section .cont .more_btn a i{font-size:20px;}



/**********/

.support2{width:740px; height:330px;border:1px solid #d8d8d8; margin-top:20px; position: relative; float:right}
.support2 .tab_list{overflow:hidden;}
.support2 .tab_list li{border-right:1px solid #d8d8d8; float:left; width:46%; background-color:#f2f2f2;  border-bottom:1px solid #d8d8d8; text-align:center; box-sizing:border-box;}
.support2 .tab_list li.on{background-color:#fff; border-bottom:none;}
.support2 .tab_list li.on a{color:#333; font-weight:500;}
.support2 .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:18px; color:#949494;}
.support2 table.blue{background:url(/resources/images/support/supportlist_bar.jpg) 0 top no-repeat;}
.support2 table tr.notice td{background-color:#f5f9fb;}
.support2 .table_list_type td:nth-child(3){padding-left:20px; text-align:left;}
.support2 .table_tit{overflow:hidden;}
.support2 .table_tit h3{float:left; margin-right:10px; font-size:20px; line-height:normal;}
.support2 .table_tit p{float:right; font-size:15px; color:#888;}
.support2 .table_tit p:before{display:inline-block; margin-right:5px; color:#f69679; content:"*";}
.support2 .security{overflow:hidden;}
.support2 .security .left{float:left;}
.support2 .security .right{float:left; padding-top:10px; margin-left:20px;}
.support2 .security .right p{margin-bottom:5px; font-size:13px; color:#aaa;}
.support2 .table_1 td.none{border:none;}
/* accordion tab */
.faq_section2{margin-bottom:0; padding:0 30px}
.faq_section2 ul{border-top:2px solid #2992c7;}
.faq_section2 ul li > a{color:#696969; display:block; padding-left:8px; line-height:34px; font-size:15px; font-weight:400; float:left; width:70%}
.faq_section2 ul li > a:hover{color:#0c4da2; font-weight: 500;}
.faq_section2 ul li > a:before{display:inline-block; margin-right:10px; content:"ㆍ";}
/*.faq_section2 ul li > span{float:right; width:28%; font-size:15px; text-align:right; padding-right:30px}*/
.faq_section2 ul li div{display:none; position:relative; padding:40px 72px; font-size:15px; color:#888; background-color:#efefef;}
.faq_section2 ul li div.on{display:block;}
.faq_section2 ul li div.on < a{background:url(/resources/images/etc/list_arrow_t.gif) 1100px center no-repeat;}
.faq_section2 ul li div:before{display:block; position:absolute; left:40px; top:40px; font-size:16px; font-weight:400; color:#1c87d0; content:"A";}
.faq_section2 ul li .date{float:right; color:#9e9e9e;font-size:14px;}
.faq_section2 ul li:first-child a:before{display:none;}
.faq_section2 ul li:first-child a:hover{color:#0c4da2;}
.faq_section2 ul li:first-child{height:110px;background: url("../images/icon/notice_n_icon2.gif") no-repeat left 0px; border-bottom:1px dashed #c5c5c5; margin:30px 0 15px 0}
.faq_section2 ul li:first-child a{padding-left: 0; display:block;margin-left:0;margin:0 0 0 135px;font-size:17px;color:#121212;background:none;}
.faq_section2 ul li:first-child span{display:block;height:42px;margin-top:5px;padding:0 0 0 135px;font-size:14px;color:#787878;overflow:hidden; clear: both;}
.faq_section2 ul li:first-child .date{display:none;}
.faq_section2 ul li:first-child img{vertical-align:middle;}
.faq .faq_section2 ul{border-top:none;}
.faq .faq_section2 .cont{display:none;}
.faq .faq_section2 .cont.on{display:block;}

.faq .faq_section2 .hyoboard{padding:20px 0}
.faq .faq_section2 .hyoboard h2{font-size:18px; float:left}
.faq .faq_section2 .hyoboard .more_btn a{display:block; text-align:center; line-height:14px; float:right; border:1px solid #e4e4e4; padding:5px;}
.faq .faq_section2 .hyoboard .more_btn a i{font-size:15px; color:#a0a5a9; font-weight: bold;}



/*메인하단간편서비스*/
.contbottomwp{clear: both; background:#dceff0; height:420px}
.contbottomwp .contbottom{width:1200px; margin:auto; clear: both; padding: 50px 0 30px 0;}
.contbottomwp .contbottom .btservice{height:200px;}
.contbottomwp .contbottom .btservice li{float:left; width:400px; color:#fff;}
.contbottomwp .contbottom .btservice a{display:inline-block; border:1px solid #fff; font-size:14px; color:#fff; padding:5px 8px; margin-top:30px}
.contbottomwp .contbottom .btservice .on1{padding:20px 30px; height:200px; background: #00a3ae url('../images/icon/contbottom_icon01.png') no-repeat right bottom;}
.contbottomwp .contbottom .btservice .on1 span{font-size:20px; display:block; line-height:40px;}
.contbottomwp .contbottom .btservice .on1 p{font-size:16px; line-height:20px}

.contbottomwp .contbottom .btservice .on2{padding:20px 30px; height:200px; background: #096fd3 url('../images/icon/contbottom_icon02.png') no-repeat right bottom;}
.contbottomwp .contbottom .btservice .on2 span{font-size:20px; display:block; line-height:40px;}
.contbottomwp .contbottom .btservice .on2 p{font-size:16px; line-height:20px}

.contbottomwp .contbottom .btservice .on3{padding:20px 30px; height:200px; background: #394e63 url('../images/icon/contbottom_icon03.png') no-repeat right bottom;}
.contbottomwp .contbottom .btservice .on3 span{font-size:20px; display:block; line-height:40px;}
.contbottomwp .contbottom .btservice .on3 p{font-size:16px; line-height:20px}

.contbottomwp .contfamily{margin-top:30px; width:1200px; margin:auto; clear: both; padding:20px 0; background:#fff}



/* design */
.designpWrap > .innerBox .leftArea { background: url('../images/bg/bg_mainVisual02.png') no-repeat right top; }
.designpWrap > .innerBox .rightArea .innerBox img { position: absolute; bottom: -9px; right:0; }

/* marketing */
.marketingWrap > .innerBox > .leftArea { background: url('../images/bg/bg_mainVisual03.png') no-repeat right top; }

/* operatingExpenses (운영비) */
.operatingExpensesWrap { background: url('../images/bg/bg_operatingExpenses.png') no-repeat left top; }
.operatingExpensesWrap .innerBox { margin:0 auto; width: 1200px; height:450px; }
.operatingExpensesWrap .innerBox .tit { padding:160px 0 0 0; width: 100%; height:78px; text-align: center;}
.operatingExpensesWrap .innerBox .tit img { display: inline-block;}
.operatingExpensesWrap .innerBox .txt { padding-top:78px; font-weight: 400; font-size:18px; color:#fff; letter-spacing: -1px; line-height: 30px; text-align: center; }

/*  */
.shoppingWrap { height:584px; }
.shoppingWrap .innerBox { height:100%; }
.shoppingWrap .innerBox .leftArea { position:relative; float:left;width:50%; height:100%; background:#3b4661 url('../images/bg/bg_shopping.png') no-repeat right top; }
.shoppingWrap .innerBox .leftArea .innerBox {padding:79px 0 0 0; float:right; width:600px; height:100%;}
.shoppingWrap .innerBox .leftArea .innerBox .tit { font-size:30px;color:#fff;font-weight: 600; letter-spacing: -0.9px; text-align: center; line-height: 30px;}
.shoppingWrap .innerBox .leftArea .innerBox .txt { margin-top: 29px; font-size:15px;color:#fff;font-weight: 400; letter-spacing: -1px; line-height: 26px; text-align: center;}
.shoppingWrap .innerBox .menuList { padding: 59px 0 0 30px; }
.shoppingWrap .innerBox .menuList ul { overflow: hidden; }
.shoppingWrap .innerBox .menuList ul li { float:left; width: 33.3%; min-height: 45px;}
.shoppingWrap .innerBox .menuList ul li a { font-size: 16px; color:#fff; font-weight: 400; line-height: 16px;}
.shoppingWrap .innerBox .menuList ul li:hover a { color: #5ad0fb; border-bottom: solid 1px #5ad0fb; }
.shoppingWrap .innerBox .leftArea .innerBox .btn {margin:21px 0 0 0;text-align: center;}
.shoppingWrap .innerBox .rightArea { float:left;width:50%;height:100%; background:#ebebeb;}
.shoppingWrap .innerBox .rightArea .innerBox {padding-top:79px; float:left; width:600px; height:100%; }
.shoppingWrap .innerBox .rightArea a { display:block;width:100%;height:100%;font-size: 0px;}
.shoppingWrap .innerBox .rightArea .innerBox .tit { font-size:30px;color:#000;font-weight: 600; letter-spacing: -0.9px; text-align: center; line-height: 30px;}
.shoppingWrap .innerBox .rightArea .innerBox .txt { margin-top: 29px; font-size:15px;color:#454545;font-weight: 400; letter-spacing: -0.45px; line-height: 26px; text-align: center;}
.shoppingWrap .innerBox .rightArea .menuList ul { margin:0 auto; width: 500px; overflow: hidden; }
.shoppingWrap .innerBox .rightArea .menuList ul li { margin: 0 0 54px 0; padding: 57px 0 0 0; float:left; width: 25%; text-align: center; background: url('../images/bg/bg_shoppingMenuList01.png') no-repeat center top; }
.shoppingWrap .innerBox .rightArea .menuList ul li:nth-child(2) { background-image: url('../images/bg/bg_shoppingMenuList02.png'); }
.shoppingWrap .innerBox .rightArea .menuList ul li:nth-child(3) { background-image: url('../images/bg/bg_shoppingMenuList03.png'); }
.shoppingWrap .innerBox .rightArea .menuList ul li:nth-child(4) { background-image: url('../images/bg/bg_shoppingMenuList04.png'); }
.shoppingWrap .innerBox .rightArea .menuList ul li:nth-child(5) { background-image: url('../images/bg/bg_shoppingMenuList05.png'); }
.shoppingWrap .innerBox .rightArea .menuList ul li:nth-child(6) { background-image: url('../images/bg/bg_shoppingMenuList06.png'); }
.shoppingWrap .innerBox .rightArea .menuList ul li:nth-child(7) { background-image: url('../images/bg/bg_shoppingMenuList07.png'); }
.shoppingWrap .innerBox .rightArea .menuList ul li:nth-child(8) { background-image: url('../images/bg/bg_shoppingMenuList08.png'); }

.shoppingWrap .innerBox .rightArea .menuList ul li a {display: inline; font-size: 14px; color:#454545; font-weight: 500; letter-spacing: -0.48px; line-height: 18px; text-align: center;}
.shoppingWrap .innerBox .rightArea .menuList ul li:hover a,
.shoppingWrap .innerBox .rightArea .menuList ul li:hover a:hover { color: #fdb813; border-bottom: solid 1px #fdb813; }

/* bankInfo */
.bankInfoWrap { height:220px; background: #595f6b;}
.bankInfoWrap > .innerBox { margin:0 auto; width: 1200px; height:100%; }
.bankInfoWrap > .innerBox > .rightArea { float:left;width:1200px;height:100%;}
.bankInfoWrap > .innerBox > .rightArea .boxList { padding: 30px 0 0 29px; float:left;height:100%;}
.bankInfoWrap > .innerBox > .rightArea .boxList:first-child { padding: 30px 0 0 0; float:left;width:300px;height:100%;}

/* main boxList layout */
.bankInfoWrap > .innerBox > .rightArea .boxList { float:left; width:360px; height:100%; background: url('../images/bg/bg_dotted.gif') no-repeat right 32px;}
.bankInfoWrap > .innerBox > .rightArea .boxList .tit{ height: 42px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -0.45px; }
.bankInfoWrap > .innerBox > .rightArea .boxList .subTit { font-size: 14px; font-weight: 600; color: #fff; letter-spacing: -0.42px; line-height: 55px; }
.bankInfoWrap > .innerBox > .rightArea .boxList .txt a { font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -0.42px; line-height: 22px; }
/* / .main boxList layout */

/* boxList 1 */
.bankInfoWrap > .innerBox > .rightArea .boxList .txt {letter-spacing: 0;}
.bankInfoWrap > .innerBox > .rightArea .boxList:first-child { width:300px; }
.bankInfoWrap > .innerBox > .rightArea .boxList:last-child { width:540px; }
.bankInfoWrap > .innerBox > .rightArea .boxList:first-child .con{ height: 63px; overflow: hidden; }
.bankInfoWrap > .innerBox > .rightArea .boxList:first-child p { float:left; }
.bankInfoWrap > .innerBox > .rightArea .boxList:first-child .con p:first-child {margin-right:10px; font-size: 34px; font-weight: 600; color: #fff; letter-spacing: -1.02px; line-height: 40px;}
.bankInfoWrap > .innerBox > .rightArea .boxList:first-child .foo{ overflow: hidden; }
.bankInfoWrap > .innerBox > .rightArea .boxList:first-child .foo p:last-child {float:left; color: #fff; }

/* boxList 2 */
.bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .con .txt + .subTit{ margin-top:11px; }

/* boxList 3 */
#footer {position: relative; clear: both;}

#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child { background-image: none;}
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul { overflow: hidden; }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li { padding: 55px 0 0 0; float:left; width: 80px; text-align: center; background: url('../images/icon/fot_serviceicon01.png') no-repeat center top; }
#footer .bankInfoWrap > .innerBox .rightArea .boxList:last-child .menuList ul li:hover a { color: #fff; }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li:nth-child(2) { background-image: url('../images/icon/fot_serviceicon02.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li:nth-child(3) { background-image: url('../images/icon/fot_serviceicon03.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li:nth-child(4) { background-image: url('../images/icon/fot_serviceicon04.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li:nth-child(5) { background-image: url('../images/icon/fot_serviceicon05.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li:nth-child(6) { background-image: url('../images/icon/fot_serviceicon06.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li a {display: inline; font-size: 13px; color:#fff; font-weight: 500; letter-spacing: -0.39px; line-height: 18px; text-align: center;}
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li:hover a:hover { color: #fff; }

#footer > .innerBox { margin: 0 auto; width: 1200px; height: 100%; }
#footer > .innerBox > .leftArea {width: 100%; margin:40px 0;}
.address .tit { height: 42px; font-weight: 600; font-size:15px; color:#303030; line-height:24px; letter-spacing: -0.45px; }
#footer > .innerBox > .leftArea ul { overflow: hidden; }
#footer > .innerBox > .leftArea ul li { position: relative; /*float:left;*/ padding: 0; display: block; height: 24px; font-size: 14px; color:#454545; font-weight: 400; letter-spacing: -0.48px; }
/*#footer > .innerBox > .leftArea ul li:after {position: absolute; top:5px; right:0; width: 2px; height: 11px; background:#c8c8c8; content:''; }
#footer > .innerBox > .leftArea ul li:nth-child(1),
#footer > .innerBox > .leftArea ul li:nth-child(3),
#footer > .innerBox > .leftArea ul li:nth-child(4) {padding-left:0;}
#footer > .innerBox > .leftArea ul li:nth-child(2):after,
#footer > .innerBox > .leftArea ul li:nth-child(3):after,
#footer > .innerBox > .leftArea ul li:nth-child(6):after { background:none; }
#footer > .innerBox > .leftArea ul li:nth-child(3),
#footer > .innerBox > .leftArea ul li:nth-child(4) { clear: both; }
#footer > .innerBox > .leftArea ul:last-child { margin-top: 14px; }
#footer > .innerBox > .leftArea ul:last-child li:nth-child(3):after { background:#c8c8c8; }
#footer > .innerBox > .leftArea ul:last-child li:nth-child(4) { margin-left:10px; clear:none; }
#footer > .innerBox > .leftArea ul:last-child li:nth-child(4):after { background:#c8c8c8; }
#footer > .innerBox > .leftArea ul:last-child li:nth-child(5):after { background:none; }*/
.copytxt{color:#a5a5a5; margin-top:10px; clear: both;}
#footer .menuListwp{border-bottom:1px solid #cccccc}
#footer .menuList2{overflow: hidden; margin:auto; width:1200px; margin:auto}
#footer .menuList2 h1 {float:left;}
#footer .menuList2 .directMenu {float:left; line-height:50px; height:50px;}
#footer .menuList2 .directMenu a { float:left; margin-right:28px; display: inline-block;font-size: 14px; color:#454545; font-weight: 400; letter-spacing: -1px; line-height: 50px; }
#footer .menuList2 .directMenu a:first-child { font-weight: 500; }
#footer .menuList2 .directMenu a:last-child { margin-right:0; }

#footer > .innerBox > .rightArea { padding:40px 0 0 0; float:left; width: 281px; }
#footer > .innerBox > .rightArea .tit { height: 42px; font-weight: 600; font-size:15px; color:#303030; line-height:24px; letter-spacing: -0.45px; }
#footer > .innerBox > .rightArea .con { height: 176px;}
#footer > .innerBox > .rightArea .con > ul { overflow: hidden; }
#footer > .innerBox > .rightArea .con > ul li { margin:0 24px 0 0;float:left;height:59px; }
#footer > .innerBox > .rightArea .con > ul li:first-child { margin-right:28px;}
#footer > .innerBox > .rightArea .con > ul li a { display: block; height: 24px; font-size: 14px; color:#454545; font-weight: 500; letter-spacing: -0.48px; }

/* siteFastGo */
#footer .siteFastGo { position: relative; width:200px;height:36px; border: solid 1px #454545; } 
#footer .siteFastGo .btn { width:100%; height: 100%; } 
#footer .siteFastGo .btn a { padding:0 10px; display: block; width:100%; height: 100%; font-size: 14px; color:#454545; font-weight: 500; letter-spacing: -0.48px; line-height: 34px; background: url('../images/bg/bg_siteFastGoDown.png') no-repeat 90% center; } 
#footer .siteFastGo.on .btn a { background-image: url('../images/bg/bg_siteFastGoUp.png'); } 
#footer .siteFastGo ul { position: absolute; top: 34px; left:-1px;  display: none; width: 200px; border: solid 1px #454545; background: #fff;} 
#footer .siteFastGo.on ul { display: block;  } 
#footer .siteFastGo ul li a { padding:0 10px; display: block; width:100%; height: 100%; font-size: 14px; color:#454545; font-weight: 500; letter-spacing: -0.48px; line-height: 34px;  } 
/* / .siteFastGo */

#footer .txtColor04:hover { border-color: #fff; }
#footer .copyright{ font-weight: 600;font-size:13px;color:#454545;letter-spacing: -0.39px; line-height: 13px; }
#footer .copyright small { font-weight: 500;font-size:13px;color:#454545;}
#footer .logoList { padding:46px 0 16px; text-align: center;clear: both; }
#footer .logoList a { margin-right:37px; display: inline-block; }
#footer .logoList a:last-child { margin-right:0; }


.naviwrap .centerGlobal { text-align:left; padding:10px 0; float:left}
.naviwrap .centerGlobal a img{height:45px;}


 /*탑롤오버메뉴*/
.naviwrap {width: 100%;margin: auto;text-align: center; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color: rgba( 255, 255, 255, 0.5 );}
.naviwrap_inner{width:1200px; margin:auto; position: relative; height:70px}

/* @group core nav menu */
#nav {margin: 0;padding: 0;list-style: none; height: 70px; float:left; padding-left:20px}

#nav li {float: left; display: inline-block;background: none;position: relative;z-index: 222; }

#nav li a {display: block;padding: 0;font-weight: 500;line-height: 70px;text-decoration: none;color: #222;zoom: 1;font-size: 18px;border-left: 1px solid transparent;border-right: 1px solid transparent;padding: 0px 35px; letter-spacing: -0.06em;}
#nav li a:hover, #nav li a.hov {background-color: #fff; color: #0c4da2; }


#nav > li > a:after{-webkit-transition: all .3s ease; position: absolute; top: 55px; left: 50%; width: 4px; height: 4px; border-radius: 50px; background: #4363bf; content: '';}
#nav > li > a:hover:after{-webkit-transition: all .3s ease; position: absolute; top: 55px;  left: 45%; width: 20px; height: 4px; border-radius: 50px; background: #4363bf; content: '';}
#nav li a:after.hov{-webkit-transition: all .3s ease; position: absolute; top: 55px;  left: 45%; width: 20px; height: 4px; border-radius: 50px; background: #4363bf; content: '';}

/*#nav .lastw a:after{display:none}*/

/* @group subnav */
#nav ul { background: #fff; position: absolute; left: 1px; display: none; margin: 0; padding:0; list-style: none; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); }	
#nav ul li { width: 180px; float: left; border-top: 1px solid #fff; text-align: left;}
#nav ul li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent;}

#nav ul a {display: block; line-height: 32px;/*padding:10px;*/color: #666;border-bottom: 1px solid transparent;text-transform:  uppercase;color: #797979;font-size: 14px;font-weight: normal;}
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #fff; background:#0c4da2}


.jbMenu {
        text-align: center;
		z-index:99999;
        width: 100%;
      }
      .jbContent {
        height: 2000px;
      }
      .jbFixed {
        position: fixed !important;
		/*background-color: rgba( 255, 255, 255, 0.9 );*/
		background:#fff;
		transition:width 2s, height 2s, background-color 0.5s, transform 0.2s;
        top: 0px;

      }
.other-link ul{
  position:absolute;
  right:110px;
  bottom: 0;
  z-index:9999;
  visibility: hidden;
	opacity: 0;
  transition: .3s linear;
}
.other-link.on ul{
position:absolute;
  right:110px;
  bottom: 0;
  z-index:9999;
opacity: 1;
  visibility: visible;
}
.other-link button,
.other-link ul li {
  /*position:absolute;*/
 
  right:0;
  top:0;
}
.link5{padding:0 !important}
.other-link button{
  margin:0;
  padding:0;
 
  width:100%;
  height:auto;
  z-index:1;
  transition: transform .5s;
  border:0;
  border-radius: 5px;
  outline:0;
}
.other-link button .xi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    transition: opacity .3s;
	display:none
}
.fastMove ul li {
    margin: 5px 0 0 0;
    width: auto;
    height: 85px;
}
.other-link button .xi-close{
    opacity:0
}
.other-link > button > span {
    font-size: 22px;
    padding:25px 13px;
    display: inline-block;
    font-weight: 600;
}

.other-link > button > .boxin{
background: #413300;
    border-radius: 50px;
    padding: 5px 10px;
}
.other-link > button > .boxin i{color:#fdc80b}
.other-link ul li{
  text-align:center;
  width:266px;
  height:230px;
  white-space:nowrap;
  opacity:0;
  -webkit-transition:opacity .1s,bottom .25s cubic-bezier(0,.58,.74,1.14);
  transition:opacity .1s,bottom .25s cubic-bezier(0,.58,.74,1.14);
  border-radius:5px;
}
.other-link ul li a{
  color:#000;
  font-size:12px
}
.other-link ul li .xi{
  display:inline-block;
  margin-right:12px;
  width:45px;
  max-width:45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  text-align: center;
  vertical-align:middle;
  color: #000;
  /*border-radius: 100%;*/
  background-color: #fff;
}
.other-link.on button {
    
	padding:0;
}
button:focus,button:acive{padding:0; outline:0;}
.other-link.on button .reser {
    opacity:0;
}
.other-link button .reser{line-height:12px; padding:0;}
.other-link.on button .xi-close{
  opacity:1
}
.other-link.on ul li{
  opacity:1
}
.other-link.on ul li a{
  display: block;
}
.other-link.on ul .link1{
  bottom:425px;
}
.other-link.on ul .link2{
  bottom:365px;
  -webkit-transition-delay:.015s;
  transition-delay:.015s
}
.other-link.on ul .link3{
  bottom:305px;
  -webkit-transition-delay:.03s;
  transition-delay:.03s
}
.other-link.on ul .link4{
  bottom:245px;
  -webkit-transition-delay:.045s;
  transition-delay:.045s
}
.other-link.on ul .link5{
  bottom:185px;
  width:266px;
  -webkit-transition-delay:.06s;
-webkit-transition: all .3s ease;
  transition-delay:.06s;
  background:url(/theme/new/images/common/quick_bg.png) 0 top no-repeat;
}
.other-link.on ul .link6{
  bottom:125px;
  -webkit-transition-delay:.075s;
  transition-delay:.075s
}
.other-link.on ul .link7{
  bottom:65px;
  -webkit-transition-delay:.09s;
  transition-delay:.09s
}
/*.fastMove{
position: fixed;
    bottom: 250px;
    right: 71px;
    z-index: 999;
    background: #fdc80b;
    width: 190px;
    border-radius: 50px;
}*/
.fastMove{
position: fixed;
    bottom: 410px;
    right: 66px;
    z-index: 999;
    width: 100px;
    border-radius: 50px;
}
.other-link .customerwp{background:#fdb813; height:100px; border-radius: 5px 5px 0 0; text-align:center; color:#fff; padding-top: 15px;}
.other-link .customerwp span{font-size:18px;}
.other-link .customerwp span i{font-size:22px;}
.other-link .customerwp p{font-size:36px; font-weight: 600; line-height:38px;}

.other-link .customerwp2{color:#333; padding:15px 20px 5px}
.telboxnum h2{text-align:center; color:#fff; font-size:18px}
.telboxnum .telnum{text-align:center; font-size:28px; font-weight: 700; padding: 10px 15px; display: inline-block; color:#fff; line-height:32px;}
.speedcon{
	background: #fdb813;
    position: fixed;
    bottom: 140px;
    right: 88px;
    width: 235px;
    font-size: 28px;
    color: #000;
    padding: 10px 30px;
    border-radius: 50px;
	font-weight: 600;
	}
.other-link .customerwp2 .des{font-size:14px; color:#fff; display:block; padding:10px 0}
.other-link .customerwp2{text-align:center}
.other-link .customerwp2 h2{font-size:14px; font-weight: 400; color:#fff; text-align:center; padding: 5px; border-radius: 20px;}
.other-link .customerwp2 span i{font-size:22px;}
.other-link .customerwp2 p{font-size:36px; font-weight: 600; line-height:38px;}
.telboxnum{
	background: #1d7fff;
    position: fixed;
    bottom: 345px;
    width: 190px;
    right: 74px;
    padding: 20px 0;
    border-radius: 50px;
	z-index:888;
	text-align:center;
	}

.blankcustomer{
		background: #143877;
    position: fixed;
    bottom: 70px;
    width: 190px;
    right: 66px;
    padding: 0px 0;
    border-radius: 50px;
    text-align: center;
	z-index:88
}
.blankcustomer .won{text-align:center; font-size:22px; font-weight: 700; padding: 10px 20px; display: block; color:#fff; line-height:65px;}
.customerbox_btn{background: #333 !important; display: block !important; width: 100% !important; height: 45px !important; line-height: 32px !important; color: #fff !important; font-size: 18px !important; margin: auto !important; border-radius: 0 !important; border: 0 !important; margin-top: 10px !important;}
.customBox input.tel[type='text'],
.customBox select
{ margin-right: 2px; margin-top:10px; padding: 0 15px; width: 32.0%; height: 30px; font-weight: 500; border:0; font-size: 12px; color: #626262; border-radius: 5px; background: rgba(255,255,255,0.5);}
.customBox input[type='text'],
.customBox input[type='password'] { margin-top:10px; padding: 0 15px; width: 100%; height: 30px; font-weight: 500; font-size: 15px; color: #626262; border: solid 1px #c7c7c7; }
.customBox2 input{margin-top:10px; padding: 10px 15px; width: 100%; height: 32px; font-weight: 500; border-radius: 5px; background: rgba(255,255,255,0.5); font-size: 12px; color: #626262; border: 0; }
/*****************모바일**************/


/***20250424추가***/

.rightinbox{
	position: fixed;
    top: 310px;
    width: 100px;
    right: 66px;
    padding: 0px 0;
    border-radius: 20px;
    text-align: center;
	z-index:88;
	background:#0064ff;
	padding:10px;
	}
	
.rightinbox li{padding:15px 0}
.rightinbox2{
	position: fixed;
    top: 640px;
    width: 100px;
    right: 66px;
    padding: 0px 0;
    text-align: center;
	z-index:88;
	}
	
.rightinbox2 li{padding:15px 0}
/*메인공지사항*/

/* support */
.moboard_wp{margin: 15px 10px;clear: both;}
.mosupport{width:100%; height:auto;border:1px solid #d8d8d8;  position: relative; float:left}
.mosupport .tab_list{overflow:hidden;}

.mosupport .tab_list li{border-right:1px solid #d8d8d8; float:left; width:44%; background-color:#f2f2f2;  border-bottom:1px solid #d8d8d8; text-align:center; box-sizing:border-box;}
.mosupport .tab_list li.on{background-color:#fff; border-bottom:none;}
.mosupport .tab_list li.on a{color:#333; font-weight:500;}
.mosupport .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:18px; color:#949494;}
.mosupport table.blue{background:url(/resources/images/support/supportlist_bar.jpg) 0 top no-repeat;}
.mosupport table tr.notice td{background-color:#f5f9fb;}
.mosupport .table_list_type td:nth-child(3){padding-left:20px; text-align:left;}
.mosupport .table_tit{overflow:hidden;}
.mosupport .table_tit h3{float:left; margin-right:10px; font-size:20px; line-height:normal;}
.mosupport .table_tit p{float:right; font-size:15px; color:#888;}
.mosupport .table_tit p:before{display:inline-block; margin-right:5px; color:#f69679; content:"*";}
.mosupport .security{overflow:hidden;}
.mosupport .security .left{float:left;}
.mosupport .security .right{float:left; padding-top:10px; margin-left:20px;}
.mosupport .security .right p{margin-bottom:5px; font-size:13px; color:#aaa;}
.mosupport .table_1 td.none{border:none;}
/* accordion tab */
.mofaq_section{margin-bottom:0; padding:0 15px}
.mofaq_section ul{border-top:2px solid #2992c7;}
.mofaq_section ul li > a{color:#696969; display:block; padding-left:0x; line-height:34px; font-size:15px; font-weight:400; float:left; width:70%}
.mofaq_section ul li > a:hover{color:#0c4da2; font-weight: 500;}
/*.mofaq_section ul li > a:before{display:inline-block; margin-right:10px; content:"ㆍ";}*/
/*.faq_section ul li > span{float:right; width:28%; font-size:15px; text-align:right; padding-right:30px}*/
.mofaq_section ul li div{display:none; position:relative; padding:40px 72px; font-size:15px; color:#888; background-color:#efefef;}
.mofaq_section ul li div.on{display:block;}
.mofaq_section ul li div.on < a{background:url(/resources/images/etc/list_arrow_t.gif) 1100px center no-repeat;}
.mofaq_section ul li div:before{display:block; position:absolute; left:40px; top:40px; font-size:16px; font-weight:400; color:#1c87d0; content:"A";}
.mofaq_section ul li .date{float:right; color:#9e9e9e;font-size:14px;}
.mofaq_section ul li:first-child a:before{display:none;}
.mofaq_section ul li:first-child a:hover{color:#0c4da2; font-weight: 500;}
.mofaq_section ul li:first-child{height:110px;background: url("../images/icon/notice_n_icon.gif") no-repeat left 0px; border-bottom:1px dashed #c5c5c5; margin:30px 0 15px 0}
.mofaq_section ul li:first-child a{padding-left: 0; display:block;margin-left:0;margin:0 0 0 105px;font-size:17px;color:#121212;background:none;}
.mofaq_section ul li:first-child span{display:block;height:42px;margin-top:5px;padding:0 0 0 105px;font-size:14px;color:#787878;overflow:hidden; clear: both;}
.mofaq_section ul li:first-child .date{display:none;}
.mofaq_section ul li:first-child img{vertical-align:middle;}
.mofaq_section ul li:last-child a{padding-bottom:15px;}
.mofaq .mofaq_section ul{border-top:none;}
.mofaq .mofaq_section .cont{display:none;}
.mofaq .mofaq_section .cont.on{display:block;}

.mofaq .mofaq_section .cont .morewp{right:0; position: absolute; border-bottom: 1px solid #d8d8d8; top: 0; width: 12.2%; height: 58px;}
.mofaq .mofaq_section .cont .more_btn{border-bottom:1px solid #d8d8d8; height: 58px; display: block; float: left; width:100%}
.mofaq .mofaq_section .cont .more_btn a{display:block; text-align:center; line-height:65px}
.mofaq .mofaq_section .cont .more_btn a i{font-size:20px;}


.mobilejs {
    width: 100%;
}




.mobile_bannernew{clear: both; margin:auto; width:96%; text-align:center; padding-top:20px;} 
.mobile_bannernew > li{width:47%; display:inline-block; text-align:center;float:left} 
.mobile_bannernew > li:last-child{margin-right:0; float:right}


.contfamily{clear: both;}


.motopbtn2 { position:absolute;top:10px;right:10px; line-height: 12px; padding:7px 10px;height:40px;width:40px;border:0; border-radius: 3px;font-size:11px;background: #fdb813;letter-spacing:-0.1em}
.motopbtn2 a{color:#fff;}

#ol_after{display:none}
#gnb_1dul{margin-top:55px;}
.gnb_1dli a{font-size:14px}
#gnb_close{top:5px;}
.hd_nb3{display:none}
.hd_nb4{display:none}

.txtbox1{color:#fdb813; width:24%; display:inline-block; text-align:center; margin:auto; padding-top:50px; font-size:34px;}
.txtbox1 > .counter{display:inline-block; line-height: 50px; font-size:54px; font-weight: 700;}
.txtbox1 > .counter2{display:inline-block; line-height: 50px; font-size:54px; font-weight: 700;}
.txtbox1 > .counter3{display:inline-block; font-size:54px; font-weight: 700; line-height:50px}
.txtbox1 > .counter4{display:inline-block; font-size:54px; font-weight: 700;}
.txtbox1 > span{margin:0 10px; font-size:44px; font-weight: 700;}
.txtbox1 h2{font-size:18px; color:#fdb813; font-weight: 700; padding-bottom:0;}
.fonttxt{font-size:20px !important}


@media screen and (max-width: 767px){
/*.other-link{display:none}*/
.other-link.on ul {
    position: absolute;
    right: -70px;
    bottom: 100px;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
}
.other-link ul {
    position: absolute;
    right: -70px;
    bottom: 100px;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: .3s linear;
}
.rightinbox,.rightinbox2{display:none}
.txtbox1 h2{font-size:12px}
.txtbox1 > .counter{font-size:28px}
.txtbox1 > .counter2{font-size:28px}
.txtbox1 > .counter3{font-size:28px}
#header  .logintop {z-index: 100;position: absolute; top: 24px;right: 150px; padding: 4px 20px; color: #fff; border: 1px solid #fff; display:none}
#header  .logintop2 {z-index: 100;position: absolute; top: 24px;right: 65px; padding: 4px 20px; color: #fff; border: 1px solid #fff;}
#header .btn_all_menu{top:6px}
.fastMove{display:none}
.mofastMove {right: 70px; display:block; position: fixed; bottom:10px;  z-index:999}
.mofastMove ul li { margin:5px 0 0 0; width:65px; height:65px; }
.mofastMove ul li:first-child { margin-top:0; }
.mofastMove ul li a { padding:5px 0 0 0; display: block; width:100%; height:100%;  font-size:13px; color:#fff; letter-spacing: -0.39px; text-align: center; border:solid 1px #454545; border-radius: 5px; line-height: 14px;}
.mofastMove ul li:first-child a { border-radius: 5px; border:solid 1px #2081ed; }
.mofastMove ul li:nth-child(2) a { text-indent: -9999999999999999px; background:#454545 url('../images/bg/bg_fastTop.png') no-repeat center center; }
.mofastMove ul li:nth-child(3) a { text-indent: -9999999999999999px; background:#454545 url('../images/bg/bg_fastBottom.png') no-repeat center center; }
.mofastMove ul li:last-child { margin-top:1px; }
.mofastMove .other-link ul .link5{bottom: 185px;
    width: 266px;
    transform: translate( -20%);
    left: 50%;
    height: 220px;}
.mofastMove .other-link.on ul .link5{
bottom: 185px;
top:-100px;
    width: 266px;
    transform: translate( -20%);
    left: 50%;
    height: 220px;
}
#container.load .scrollDown{display:none}
.mobiletel{
	display: block;
    font-size: 28px !important;
    padding-top: 0px;
    position: absolute;
    right: 60px;
    top: 25px;
    font-weight: 600;
    color: #fff;
    z-index: 99;

}
.mobiletel a{font-size: 28px !important; color: #fff;}
.blankcustomer,.telboxnum{display:none}
}