@charset "utf-8";
/* main common */
/* 주황색 작은 글씨 */
ul, ol{margin-bottom:0 !important}
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; }

/* small Title */
.smallTit { display: block;font-weight: 600;font-size:13px;color:#e79224;letter-spacing: -0.39px;line-height: 13px; }

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

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

/* btn blue */
.btn .blueBtn + .blueBtn { margin-left:10px; }
.btn .blueBtn {display: inline-block;width: 150px; height:60px;}
.btn .blueBtn span {-webkit-transition: all .3s ease; position: relative; display: table-cell; width: 150px; height:60px; line-height: 20px; font-size:15px; font-weight: 400; color:#e79224; text-align:center; border:solid 1px #e79224;  border-radius: 30px; background:#fff;   vertical-align: middle;}
.btn .blueBtn span:hover {-webkit-transition: all .3s ease; color:#fff; background:#e79224;}
.btn .blueBtn span.on {color:#fff; background:#e79224;}
.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 {/* position: fixed;*/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; }



#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:#2081ed; 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 #2081ed; }*/
.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: #2081ed; }
/* / .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: #2081ed; border-bottom: solid 1px #2081ed; }
.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: #2081ed; }
.subMenuArea > ul > li > ul > li:first-child > h2 > a { margin-left: 0; }
/* / .subMenuArea */

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


/* */
.bottomVisualWrap > .innerBox { height:100%; width: 1200px; margin:auto; padding:20px 0}
.bottomVisualWrap > .innerBox li{float:left; margin-right:30px}
.bottomVisualWrap > .innerBox li a{font-size:20px}
.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: 100%; height:860px; overflow: hidden; }
.commonWrap > .innerBox > .leftArea { float:left;width:100%; height: 100%; }
.commonWrap > .innerBox > .leftArea .innerBox { padding:75px 0 80px 0; position: relative; left: 50%;}
.commonWrap > .innerBox > .leftArea .txtleft { padding:205px 0 80px 0; position: relative; left: 5%;}

.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:90px 0 0 0; }
.commonWrap > .innerBox > .leftArea .innerBox a:first { margin-left:0; }
/* promotionWrap */

.promotionWrap{}

.contfamilywp{width:100%; text-align:center;
clear: both; border-top:2px solid #e3e3e3; border-bottom:2px solid #e3e3e3; margin:20px 0 0}
.contfamilywp > .innner{width:1200px;}
.contfamilywp > .contfamily{padding:30px 0; width:1200px; margin:auto}

.mainslider .mvisual{
	width:1200px;
	height:700px;
}
.mainslider .mvisual .visual_text {
    position: absolute;
    width: 1200px;
	text-align: left;
    color: #fff;
    left: 50%;
	top:170px;
    margin-left: -600px;
	overflow:hidden;
}
.mainslider .mvisual .visual_text span{
	font-size:23px;
	font-weight: 200;
	-webkit-animation-name: example;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.3s;
	/* Standard syntax */
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-fill-mode:both;

}

@keyframes example {
  0%   {transform: translateY(50%); opacity: 0;}
  
  100% {transform: translateY(0%); opacity: 1;}
}

.mainslider .mvisual .visual_text h2{
	font-size:68px;
	font-weight: 300;
	line-height: 75px;
	letter-spacing: -1px;
	padding-top:10px;
	-webkit-animation-name: example2;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	/* Standard syntax */
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode:both;
}
.mainslider .mvisual .visual_text h2.er{
	font-size:68px;
	font-weight: 700;
	line-height: 75px;
	letter-spacing: -1px;
	padding-top:10px;
	-webkit-animation-name: example2;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	/* Standard syntax */
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode:both;
}

@keyframes example2 {
  0%   {transform: translateY(50%); opacity: 0;}
  
  100% {transform: translateY(0%); opacity: 1;}
}



.mainslider .mvisual .visual_text p{
	font-size:20px;
	font-weight: 200;
	line-height: 28px;
	letter-spacing: -1px;
	color:#c8c8c8;
	padding-top:10px;
	-webkit-animation-name: example3;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1s;
	/* Standard syntax */
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode:both;
}
.mainslider .mvisual .visual_text p.er{
	font-size:14px;
	font-weight: 200;
	line-height: 20px;
	letter-spacing: 0px;
	color:#c8c8c8;
	padding-top:10px;
	-webkit-animation-name: example3;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1s;
	/* Standard syntax */
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode:both;
}
@keyframes example3 {
  0%   {transform: translateY(50%); opacity: 0;}
  
  100% {transform: translateY(0%); opacity: 1;}
}

.mainslider .mvisual .visual_text a{
	display:inline-block;
	padding:10px 30px;
	border:1px solid #f89828;
	padding-top:10px;
	color:#f89828;
	border-radius: 50px;
	font-size:16px;
	margin-right:10px;
	margin-top:50px;
	-webkit-animation-name: example4;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 1.2s;
	/* Standard syntax */
	animation-name: example;
	animation-duration: 1s;
	animation-delay: 1.2s;
	animation-fill-mode:both;
}
@keyframes example4 {
  0%   {transform: translateY(50%); opacity: 0;}
  
  100% {transform: translateY(0%); opacity: 1;}
}



.videowp{width:100%; position: absolute; top: -160px; opacity: 0.8;}


/*********portfolio**********/

.main_portfolio{
width:100%; text-align:center;
margin:80px 0;
}
.main_portfolio h2{font-size:42px; font-weight: 600;}
.main_portfolio h2:after {font-size:22px; font-family:xeicon; position: absolute; text-align:center; content:'\e9af'; left: 50%; margin-left:-5px; top: 50px; font-weight: 100;}
.main_portfolio p{font-size:16px; color:#4f4f4f; line-height:28px; padding-top:35px;}
.main_portfolio > div{width:32%; display:inline-block; margin:50px 5px; text-align:left; vertical-align: top; padding:10px}
.main_portfolio > div{box-shadow: 0 0 0px rgba(0,0,0,0.1); -webkit-transition: box-shadow 0.5s;  transition: box-shadow 0.5s; -webkit-transition: all .3s ease;}
.main_portfolio > div > li{text-align:center}
.main_portfolio > div:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.1); -webkit-transition: all .3s ease;}
.main_portfolio > div > li strong{text-align:left; font-size:30px; font-weight: 600; display:block; padding-top: 20px;}
.main_portfolio > div > li span{text-align:left; font-size:18px; color:#373737; display: block;}
.main_portfolio .viewbtn{margin:100px 0; -webkit-transition: all .3s ease; border:1px solid #000; display: inline-block; padding: 15px 30px; font-size:16px; font-weight: 300;}
.main_portfolio .viewbtn:hover{background:#000; color:#fff; -webkit-transition: all .3s ease;}
.main_portfolio .viewbtn i{font-size:16px; padding-left:10px;}


.perfect_wp{
width:100%; text-align:center;
clear: both;
}
.perfect_wp > .inner{width:1200px; margin:auto}
.perfect_wp > .inner > li{float:left}
.perfect_wp > .inner > li:last-child{float:right}
.perfect_wp > .inner > li .right{width:590px;}
.perfect_wp > .inner > li .right > li{float:left}
.perfect_wp h2{font-size:42px; font-weight: 600;}
.perfect_wp h2:after {font-size:22px; font-family:xeicon; position: absolute; text-align:center; content:'\e9af'; left: 50%; margin-left:-5px; top: 50px; font-weight: 100;}
.perfect_wp p{font-size:16px; color:#4f4f4f; line-height:28px; padding-top:35px;}
.perfect_wp span{font-size:15px; color:#707070; line-height:20px}
.perfect_wp > .perfect{width:1200px; margin:auto; padding:50px 0}
.perfect_wp > .perfect li{display:inline-block; margin-right:120px; vertical-align: top;}
.perfect_wp > .perfect li:last-child{margin-right:0}
.perfect_wp > .perfect p{font-size:20px; font-weight: 600; color:#292929; line-height:28px; padding:15px 0;}

/* startup */
.startupWrap > .innerBox > .leftArea { background: url('../images/bg/bg_mainVisual01.png') no-repeat left 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:590px; height:220px;border:1px solid #d8d8d8; margin-top:10px; 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 10px; text-align:left}
.faq_section ul{border-top:2px solid #2992c7;}
.faq_section ul li > a{color:#393939; display:block; padding-left:8px; line-height:22px; font-size:18px; font-weight:400; float:left; width:70%; text-align:left}
.faq_section ul li:first-child a{margin-top:15px;}
.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 .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: 50px; 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
.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: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{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{background:#fafafa}
.marketingWrap > .innerBox > .leftArea { background: url('../images/bg/bg_mainVisual03.png') no-repeat right bottom; }

/* 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:130px 0 0 0; width: 100%; height:78px; text-align: center;}
.operatingExpensesWrap .innerBox .tit img { display: inline-block;}
.operatingExpensesWrap .innerBox .txt { padding-top:130px; 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: 500; 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 { font-size: 16px; color:#fff; font-weight: 400; line-height: 16px;}
.shoppingWrap .innerBox .menuList ul li:hover a { color: #e89224; border-bottom: solid 1px #e89224; }
.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 {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: #e89224; border-bottom: solid 1px #e89224; }

/* bankInfo */
.bankInfoWrap { height:200px; background: #ebebeb;}
.bankInfoWrap > .innerBox { margin:0 auto; width: 1200px; height:100%; }
.bankInfoWrap > .innerBox > .leftArea { float:left; width:209px; height:100%; background:#454545 url('../images/bg/bg_bankInfo.gif') no-repeat left top; }
.bankInfoWrap > .innerBox > .leftArea .innerBox { padding:30px 0 0 30px; }
.bankInfoWrap > .innerBox > .leftArea *{ font-weight: 400;font-size:15px;color:#fff;letter-spacing: -0.45px; }
.bankInfoWrap > .innerBox > .leftArea .title { height:41px; }
.bankInfoWrap > .innerBox > .leftArea .txt { margin-bottom: 10px; clear: both; overflow: hidden; line-height: 15px;}
.bankInfoWrap > .innerBox > .leftArea .txt dt { float:left;width:32px; height: 42px; }
.bankInfoWrap > .innerBox > .leftArea .txt dd { float:left; min-height: 24px; font-weight: 500; }
.bankInfoWrap > .innerBox > .leftArea .txt dd:first-child { clear: none; }
.bankInfoWrap > .innerBox > .rightArea { float:left;width:1200px;height:100%;}
.bankInfoWrap > .innerBox > .rightArea .boxList { padding: 30px 0 0 0; float:left;width:300px;height:100%;}

/* main boxList layout */
.bankInfoWrap > .innerBox > .rightArea .boxList { float:left; width:230px; height:100%; background: url('../images/bg/bg_dotted.gif') no-repeat right 32px;}
.bankInfoWrap > .innerBox > .rightArea .boxList .tit{ height: 42px; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }
.bankInfoWrap > .innerBox > .rightArea .boxList .subTit { font-size: 14px; font-weight: 600; color: #000; letter-spacing: -0.42px; line-height: 18px; }
.bankInfoWrap > .innerBox > .rightArea .boxList .txt { font-size: 14px; font-weight: 400; color: #454545; 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:520px; }
.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:last-child { margin-left:25px; font-size: 45px; font-weight: 600; color: #000; 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 { margin-left:10px; float:left; color: #fd540a; }

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

/* boxList 3 */
#footer {position: relative; background:#202020;}
/*#footer:after {position: absolute;bottom:80px;left:0; width:100%;height:1px; background:#ebebeb; content:
'';}*/

#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) { background-image: none;}
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul { overflow: hidden; }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul li { padding: 32px 0 0 0; float:left; width: 33.3%; text-align: center; background: url('../images/bg/bg_contactUsMenuList01.png') no-repeat center top; }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul li:hover {background-image: url('../images/bg/bg_contactUsMenuListOn01.png'); }
#footer .bankInfoWrap > .innerBox .rightArea .boxList:nth-child(2) .menuList ul li:hover a { color: #000; }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul li:nth-child(2) { background-image: url('../images/bg/bg_contactUsMenuList02.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul li:nth-child(2):hover {background-image: url('../images/bg/bg_contactUsMenuListOn02.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul li:nth-child(3) { background-image: url('../images/bg/bg_contactUsMenuList03.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul li:nth-child(3):hover {background-image: url('../images/bg/bg_contactUsMenuListOn03.png'); }
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(2) .menuList ul li a {display: inline; font-size: 13px; color:#454545; font-weight: 500; letter-spacing: -0.39px; line-height: 18px; text-align: center;}
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:nth-child(1) .menuList ul li:hover a:hover { color: #000; }

#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child {float:right; background:#e89224; height:200px;}
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .tit{padding-left:20px; padding-top:10px; color:#fff; font-size:26px; line-height:28px}
#footer .bankInfoWrap > .innerBox > .rightArea .boxList:last-child .menuList ul li a{display:inline-block; border:1px solid #fff; margin-left:100px; margin-top:70px; padding: 10px 20px; color:#fff}


#footer > .innerBox { margin: 0 auto; width: 1200px; height: 100%; }
#footer > .innerBox > .leftArea { padding:40px 0; text-align:left; display:inline-block; width:780px}
.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; margin-top:10px;}
#footer > .innerBox > .leftArea ul li {position: relative; padding: 0; display: block; height: 22px; font-size: 13px; color:#999; font-weight: 400; letter-spacing: -0.20px; }
#footer > .innerBox > .leftArea ul li strong{color:#fff; font-size:14px; font-weight: 500;}
#footer > .innerBox > .leftArea ul li span{margin:0 0 0 20px; display:inline-block}

#footer > .innerBox > .rightArea01{float:right; color:#fff}
#footer > .innerBox > .rightArea01 li{display:inline-block; margin:100px 10px}

#footer > .innerBox .menuList{margin:35px 0 0 0; overflow: hidden;}

#footer > .innerBox .menuList h1 {float:left;}
#footer > .innerBox .menuList .directMenu {margin:0; float:left;}
#footer > .innerBox .menuList .directMenu a { float:left; margin-right:28px; display: inline-block;font-size: 14px; color:#454545; font-weight: 400; letter-spacing: -1px; line-height: 30px; }
#footer > .innerBox .menuList .directMenu a:first-child { font-weight: 500; }
#footer > .innerBox .menuList .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:5px 30px; float:left}
.naviwrap .centerGlobal a img{}
.naviwrap .centerGlobal a{display: block; position: relative; top: 10px;}


 /*탑롤오버메뉴*/
.naviwrap_height{position: relative; height:107px;}
.naviwrap { position: fixed; width: 100%; z-index: 888; background: #fff; margin: auto;text-align: center; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9}
.naviwrap_inner{/*width:1200px;*/ margin:auto; position: relative; height:105px}

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

#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: 105px;text-decoration: none;color: #333;zoom: 1;font-size: 22px; padding: 0px 60px;}
#nav li a:hover, #nav li a.hov {background-color: #fff; color: #0082dc; }

.lastwin{width:120px; padding:10px 5px; top: 20px;}
.lastwin a{font-size: 16px !important; border:2px solid #c7c7c7; padding:5px 20px !important; line-height:24px !important; border-radius: 50px;}
#nav > li > a:after{/*-webkit-transition: all .3s ease; position: absolute; top: 102px; left: 22px; width: 70%; height: 4px; background: #fff; content: '';*/}
/*#nav > li > a:hover:after{-webkit-transition: all .3s ease; position: absolute; top: 102px; left: 22px; width: 70%; height: 4px; background: #fff; 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 li ul a {padding:0 20px; 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 li ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #fff; background:#0083dd}


.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;

      }
#footer .menuListwp{background:#cccccc}
#footer .menuList2{overflow: hidden; margin:auto; width:1200px; margin:auto; text-align:center; padding:10px 0}
#footer .menuList2 h1 {float:left;}
#footer .menuList2 .directMenu {line-height:50px; height:50px;}
#footer .menuList2 .directMenu a {margin-right:28px; display: inline-block;font-size: 16px; 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; }
/* 문의, 상단 이동, 하단 이동 */
.fastMove { position: fixed; top:60%; right:20px; z-index:99999}
.fastMove ul li { margin:5px 0 0 0; width:40px; height:40px; }
.fastMove ul li:first-child { margin-top:0; }
.fastMove ul li a { padding:5px 0 0 0; display: block; width:100%; height:100%; font-weight: 400; font-size:13px; color:#fff; letter-spacing: -0.39px; text-align: center; border:solid 1px #454545; border-radius: 5px; line-height: 14px; background:#454545; }
.fastMove ul li:first-child a { border-radius: 5px; border:solid 1px #2081ed; background:#2081ed; }
.fastMove ul li:nth-child(2) a { text-indent: -9999999999999999px; background:#454545 url('../images/bg/bg_fastTop.png') no-repeat center center; }
.fastMove ul li:nth-child(3) a { text-indent: -9999999999999999px; background:#454545 url('../images/bg/bg_fastBottom.png') no-repeat center center; }
.fastMove ul li:last-child { margin-top:1px; }


.other-link ul{
  position:absolute;
  right:60px;
  bottom: 300px;
  z-index:9999;
  visibility: hidden;
	opacity: 0;
  transition: .3s linear;
}
.other-link.on ul{
position:absolute;
  right:60px;
  bottom: 300px;
  z-index:9999;
opacity: 1;
  visibility: visible;
}
.other-link button,
.other-link ul li {
  position:absolute;
  height:66px;
  height:45px;
  right:0;
  top:0;
  line-height:12px;
}
.other-link button{
  margin:0;
  padding:0;
  width:40px;
  height:40px;
  background-color:/* rgba(0, 0,0,0.55)*/#151c63;
  color: #fff;
  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%;
    line-height:40px;
    text-align: center;
    font-size: 20px;
    transition: opacity .3s;
}
.other-link button .xi-close{
    opacity:0
}
.other-link ul li{
  text-align:right;
  width:310px;
  height:380px;
  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);
  background:#fff;
  border-radius:5px;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.other-link ul li a{
  color:#fff;
  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 {
    transform: rotate(180deg);
	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 button .reser br{line-height:15px;}
.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;
  -webkit-transition-delay:.06s;
-webkit-transition: all .3s ease;
  transition-delay:.06s
}
.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
}

.other-link .customerwp{background:#151c63; 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{text-align:left; color:#333; padding:15px 20px}
.other-link .customerwp2 h2{font-size:18px; font-weight: 600;}
.other-link .customerwp2 span i{font-size:22px;}
.other-link .customerwp2 p{font-size:36px; font-weight: 600; line-height:38px;}

.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-top:10px; padding: 0 15px; width: 32.5%; height: 30px; font-weight: 500; font-size: 15px; color: #626262; border: solid 1px #c7c7c7; }
.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; }

.customBox textarea{margin-top:10px; padding: 10px 15px; width: 100%; height: 80px; font-weight: 500; font-size: 15px; color: #626262; border: solid 1px #c7c7c7; }


/*****************모바일**************/

/*메인공지사항*/

/* 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%;
}

.mainicons{border-bottom: 1px solid #d8d8d8; background: linear-gradient( to right, #0c4da2, #0b2d70 );}
.mainicons .article_top{overflow:hidden; border-bottom:1px solid #d8d8d8;}
.mainicons .article_top li{float:left; font-size:15px; padding:15px; border-left:1px solid #1c57ac; width:50%; text-align:center; color:#000;}
.mainicons .article_top li:first-child{border-left:none;}
.mainicons .article_top li span{color:#3a7bd3; font-weight:bold;}
.mainicons .article_btm{overflow:hidden;}
.mainicons .article_btm li{float:left; font-size:13px; padding:10px 0; border-left:1px solid #1c57ac;  border-bottom:1px solid #1c57ac; width:25%; /*height:45px;*/ text-align:center; color:#666;}
.mainicons .article_btm li.s1{border-left:none;}
.mainicons .article_btm li.s5{border-left:none;}
.mainicons .article_btm li.s9{border-left:none;}
.mainicons .article_btm li.s4{width:24.1%}
.mainicons .article_btm li.s8{width:24.1%}
.mainicons .article_btm li.s12{width:24.1%}
.mainicons .article_btm li.s9{border-bottom:0}
.mainicons .article_btm li.s10{border-bottom:0}
.mainicons .article_btm li.s11{border-bottom:0}
.mainicons .article_btm li.s12{border-bottom:0}
.mainicons .article_btm li .ico{display:block; width:24px; height:24px; margin:0 auto 5px; background:url(/theme/basic/images/mobile/ico_top.png) no-repeat; background-position:0 0; background-size:320px auto;}
.mainicons .article_btm li.s1 .ico{background-position:-25px 0;}
.mainicons .article_btm li.s2 .ico{background-position:-107px 0;}
.mainicons .article_btm li.s3 .ico{background-position:-188px 0;}
.mainicons .article_btm li.s4 .ico{background-position:-269px 0;}
.mainicons .article_btm li.s5 .ico{background-position:-25px -23px;}
.mainicons .article_btm li.s6 .ico{background-position:-107px -23px;}
.mainicons .article_btm li.s7 .ico{background-position:-188px -23px;}
.mainicons .article_btm li.s8 .ico{background-position:-269px -23px;}
.mainicons .article_btm li.s9 .ico{background-position:-25px -50px;}
.mainicons .article_btm li.s10 .ico{background-position:-107px -50px;}
.mainicons .article_btm li.s11 .ico{background-position:-188px -50px;}
.mainicons .article_btm li.s12 .ico{background-position:-269px -50px;}
.mainicons .article_btm li a{font-size:12px; color:#fff}


.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: #2081ed;letter-spacing:-0.1em}
.motopbtn2 a{color:#fff; line-height:14px;}

#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}
/*******테블릿******/
@media only screen and (max-width: 1350px) {
.commonWrap > .innerBox{height:auto;}
.startupWrap > .innerBox > .leftArea{background-size: 50%;}
.marketingWrap > .innerBox > .leftArea{background-size: 50%; background-position: right;}
)