@charset "utf-8";

/*스크롤 영역*/
body::-webkit-scrollbar {display:none}
body {-ms-overflow-style:none}

body {min-width:1600px}

header {width:100%; height:114px; background:#fff; border-bottom:1px solid #eee}
header .header-container {width:100%; height:36px; background:#2177ce; overflow:hidden}
header .header-container .top_util {margin:0 auto; text-align:right; width:1280px; height:36px; line-height:36px; font-size:0}
header .header-container .top_util a {display:inline-block; position:relative; color:#fff; font-size:14px; font-weight:100; padding:0 10px; letter-spacing:-1px}
header .header-container .top_util a:last-child {font-weight:400}
header .header-container .top_util a:last-child:after {content:" \e93f"; font-family:"xeicon"}
header .header-container .top_util a:before {content:""; width:1px; height:12px; background:rgba(255,255,255,0.6); position:absolute; left:0; top:13px}
header .header-container .top_util a:first-child:before {width:0; height:0}
header .header-container .top_util a:hover {text-decoration:underline}

nav {margin:0 auto; width:1280px; height:78px}
nav .top_logo {float:left; width:290px; height:78px}
nav .top_logo a {display:block; padding:26px 50px}
nav .main_nav {float:left; width:770px; height:78px}
nav .main_nav > ul {text-align:center}
nav .main_nav > ul > li {display:inline-block; position:relative}
nav .main_nav > ul > li > a {display:block; padding:27px 29px; color:#212121; font-size:18px; font-weight:400; letter-spacing:-1px}
nav .main_nav li:nth-child(1) ul {left:-10%; width:120%}
nav .main_nav li:nth-child(2) ul {left:0; width:100%}
nav .main_nav li:nth-child(3) ul {left:-50%; width:200%}
nav .main_nav li:nth-child(4) ul {left:-10%; width:120%}
nav .main_nav ul ul {display:none; position:absolute; left:-25%; top:77px; padding:2px 0; width:150%; background:#fff; box-shadow:2px 2px 6px rgba(0,0,0,0.1); z-index:9}
nav .main_nav ul ul li a {display:block; padding:8px 0 8px 30px; text-align:left; color:#212121; font-size:15px; font-weight:300; letter-spacing:-1px}
nav .main_nav ul ul li {position:relative; border-top:1px solid #eee}
nav .main_nav ul ul li:first-child {border-top:none}
nav .main_nav ul ul li:last-child {border-bottom:3px solid #1e78d0}
nav .main_nav ul ul li:before {content:"\e91b"; font-family:"xeicon"; position:absolute; left:0; top:11px; padding-left:10px}
nav .main_nav li:hover ul {display:block}
nav .main_nav li:hover > a {display:block; color:#2177ce}
nav .main_nav ul ul li:hover a {display:block; text-decoration:underline}

nav .util_btn {float:left; position:relative; width:220px; height:78px}
nav .util_btn .mypp p.myh_txt1 {color:#212121; font-size:17px; font-weight:400; padding:25px 33px 0 98px; letter-spacing:-1; text-align:left}
nav .util_btn .mypp p.myh_txt1:before {content:""; position:absolute; top:28px; left:33px; background:url(../img/point_icon1.png)no-repeat; width:49px; height:49px}
nav .util_btn .mypp p.myh_txt1 span {font-size:14px; font-weight:200}
nav .util_btn .mypp img {display:inline-block; padding-top:25px}
nav .util_btn .mypp a.myh_log {display:inline-block; margin-top:20px; font-size:16px; font-weight:500; color:#fff;line-height:16px; letter-spacing:-1; background:#1e78d0; padding:12px 36px; border-radius:20px}
nav .util_btn .mypp a.myh_log:hover {text-decoration:underline}
nav .util_btn .mypp a.myh_log > span {font-weight:300}
nav .util_btn .mypp > a {display:block; background:url(../img/my_home_icon.png)no-repeat; width:34px; height:34px; padding:0; margin:22px 0 0 29px}
#mypage {position:absolute; top:62px; right:0; width:434px; height:590px; border:2px solid #0958a6; background:#fff; text-align:center; border-radius:3px; box-shadow:1px 1px 6px rgba(0,0,0,0.2); z-index:10}
#mypage:before {content:""; position:absolute; top:-10px; left:252px; width:14px; height:10px; background:url(../img/arrow_icon1.png)no-repeat}
#mypage button {cursor:pointer; position:absolute; top:14px; right:-48px; background:url(../img/close.png)no-repeat; width:35px; height:35px; color:transparent; outline:0}
nav .util_btn .sch > a.sch_bar {position:absolute; top:22px; left:82px; background:url(../img/search_bar_icon.png)no-repeat; width:34px; height:34px}
nav .util_btn .sch_form {display:none; position:absolute; top:62px; right:0; width:1280px; height:80px; border:2px solid #0958a6; background:#fff; border-radius:3px; box-shadow:1px 1px 6px rgba(0,0,0,0.2); z-index:12}
nav .util_btn .sch_form:before {content:""; position:absolute; top:-10px; right:110px; width:14px; height:10px; background:url(../img/arrow_icon1.png)no-repeat}
nav .util_btn .sch_edit {margin:14px 0 0 50px; border-bottom:2px solid #212121; background:#fff; font-size:18px; line-height:18px; width:1176px; height:46px}
nav .util_btn input[type="button"] {position:absolute; top:20px; right:56px; background:url(../img/search_bar_icon.png)no-repeat; width:34px; height:34px; color:transparent; cursor:pointer}

nav .util_btn .ctm_bn a.ctm_icon {position:absolute; top:22px; right:51px; background:url(../img/ctm_icon.png)no-repeat; width:34px; height:34px}
#ctmpage {position:absolute; top:62px; right:0; width:443px; height:600px; border:2px solid #0958a6; background:#fff; border-radius:3px; box-shadow:1px 1px 6px rgba(0,0,0,0.2); z-index:11}
#ctmpage:before {content:""; position:absolute; top:-10px; right:58px; width:14px; height:10px; background:url(../img/arrow_icon1.png)no-repeat}
#ctmpage button {cursor:pointer; position:absolute; top:14px; right:-48px; background:url(../img/close.png)no-repeat; width:35px; height:35px; color:transparent; outline:0}
#ctmpage .ctm_tit {width:100%; height:90px; background:#0958a6; color:#fff}
#ctmpage .ctm_tit:before {content:""; position:absolute; top:16px; left:0; background:url(../img/ctm_bg.png)no-repeat; width:101px; height:48px}
#ctmpage .ctm_tit p {padding-left:116px}
#ctmpage .ctm_tit p:nth-child(1) {padding-top:20px; font-size:20px; font-weight:500; line-height:20px; letter-spacing:-1}
#ctmpage .ctm_tit p:nth-child(2) {padding-top:8px; font-size:14px; font-weight:200; line-height:14px; letter-spacing:-1}
#ctmpage .ctm_con1 {position:relative; width:100%; height:118px}
#ctmpage .ctm_con1 li {float:left}
#ctmpage .ctm_con1 li:nth-child(1) {margin:33px 0 33px 23px; background:url(../img/ctm_con1_img.png)no-repeat; width:53px; height:52px}
#ctmpage .ctm_con1 li:nth-child(2) {margin-left:11px; color:#212121; font-size:18px; font-weight:400; line-height:118px; letter-spacing:-1px}
#ctmpage .ctm_con1 li:nth-child(3) a {display:block; margin:38px 0 0 26px; color:#fff; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 15px; background:#034ea2}
#ctmpage .ctm_con1 li:nth-child(4) a {display:block; margin:38px 0 0 5px; color:#fff; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 15px; background:#1e78d0}
#ctmpage .ctm_con1 li:hover:nth-child(3) a {background:#4ec6df; text-decoration:underline}
#ctmpage .ctm_con1 li:hover:nth-child(4) a {background:#4ec6df; text-decoration:underline}
#ctmpage .ctm_con1:after {content:""; position:absolute; top:116px; left:8px; width:420px; height:1px; background:#d1d1d1}
#ctmpage .ctm_con2 {position:relative; width:100%; height:118px}
#ctmpage .ctm_con2 li {float:left}
#ctmpage .ctm_con2 li:nth-child(1) {margin:33px 0 33px 23px; background:url(../img/ctm_con2_img.png)no-repeat; width:53px; height:52px}
#ctmpage .ctm_con2 li:nth-child(2) {margin-left:11px; color:#212121; font-size:18px; font-weight:400; line-height:118px; letter-spacing:-1px}
#ctmpage .ctm_con2 li:nth-child(3) a {display:block; margin:38px 0 0 26px; color:#fff; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 15px; background:#034ea2}
#ctmpage .ctm_con2 li:nth-child(4) a {display:block; margin:38px 0 0 5px; color:#fff; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 15px; background:#1e78d0}
#ctmpage .ctm_con2 li:hover:nth-child(3) a {background:#4ec6df; text-decoration:underline}
#ctmpage .ctm_con2 li:hover:nth-child(4) a {background:#4ec6df; text-decoration:underline}
#ctmpage .ctm_con2:after {content:""; position:absolute; top:116px; left:8px; width:420px; height:1px; background:#d1d1d1}
#ctmpage .ctm_con3 {width:100%; height:118px}
#ctmpage .ctm_con3 li {float:left}
#ctmpage .ctm_con3 li:nth-child(1) {margin:33px 0 33px 23px; background:url(../img/ctm_con3_img.png)no-repeat; width:53px; height:52px}
#ctmpage .ctm_con3 li:nth-child(2) {margin-left:11px; color:#212121; font-size:18px; font-weight:400; line-height:118px; letter-spacing:-1px}
#ctmpage .ctm_con3 li:nth-child(3) a {display:block; margin:38px 0 0 41px; color:#fff; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 15px; background:#034ea2}
#ctmpage .ctm_con3 li:nth-child(4) a {display:block; margin:38px 0 0 5px; color:#fff; font-size:14px; font-weight:500; letter-spacing:-1px; padding:10px 15px; background:#1e78d0}
#ctmpage .ctm_con3 li:hover:nth-child(3) a {background:#4ec6df; text-decoration:underline}
#ctmpage .ctm_con3 li:hover:nth-child(4) a {background:#4ec6df; text-decoration:underline}
#ctmpage .ctm_con4 {background:url(../img/ctm_con4_img.png)no-repeat; width:439px; height:152px}

.ad_slide {position:relative; height:156px}
.ad_slide a {outline:0}
.ad_slide img {max-width:1600px; margin:0 auto}

.main_bg {margin-top:2px; position:relative; height:394px; background:url(../img/main_bg2.png)no-repeat 8% 0 ; border-top:1px solid #3399ff; box-sizing:border-box; user-select:none}
.main_bg:after {content:""; position:absolute; top:84px; left:60%; background:url(../img/main_bg_img.png)no-repeat; width:555px; height:49px; }
.main_bg p:nth-child(1) {position:absolute; top:120px; left:60%; padding:10px 16px; border-radius:20px; font-size:16px; font-weight:300; letter-spacing:-1px; line-height:16px; color:#fff; background:#478cd1}
.main_bg p:nth-child(1) > span {font-weight:500}
.main_bg p:nth-child(2) {position:absolute; top:176px; left:60%; font-size:50px; font-weight:400; color:#212121; line-height:50px; letter-spacing:-3px}
.main_bg p:nth-child(3) {position:absolute; top:236px; left:60%; font-size:50px; font-weight:600; color:#212121; line-height:50px; letter-spacing:-3px}
.main_bg p:nth-child(4) {position:absolute; top:294px; left:60%; font-size:18px; font-weight:200; color:#212121; line-height:18px; letter-spacing:-1px}

.main_bg p:nth-child(3):before {content:""; position:absolute; top:16px; width:80px; height:36px; animation:slide 1s linear infinite; transform:rotate(-56deg)}
@keyframes slide {
    from {left:-10px; background:rgba(255,255,255,0.5)}
    to {left:316px; background:rgba(255,255,255,0.5)}
}

#app .app-container {position:relative; background:url(../img/app_bg.png)no-repeat; height:148px}
#app p:nth-child(1) {position:absolute; top:22px; left:311px; background:url(../img/app_icon.png)no-repeat; width:96px; height:97px}
#app p:nth-child(2) {position:absolute; top:38px; left:424px; font-size:30px; color:#fff; font-weight:500; line-height:30px; letter-spacing:-3px}
#app p:nth-child(3) {position:absolute; top:80px; left:424px; font-size:20px; color:#fff; font-weight:100; line-height:20px; letter-spacing:-1px}
#app p:nth-child(4) a {position:absolute; top:45px; right:263px; padding:18px 38px 18px 68px; color:#fff; font-size:18px; font-weight:600; line-height:18px; letter-spacing:-1px; background:#1e78d0; border-radius:3px; border:1px solid #2484e3; box-shadow:4px 4px 16px rgba(0,0,0,0.3)}
#app p:nth-child(4) a:before {content:""; position:absolute; top:18px; left:38px; background:url(../img/google_app_icon.png)no-repeat; width:19px; height:20px}
#app p:hover:nth-child(4) a {box-shadow:4px 4px 16px rgba(0,0,0,0.5)}
#app p:nth-child(5) a {position:absolute; top:45px; right:36px; padding:18px 38px 18px 68px; color:#fff; font-size:18px; font-weight:600; line-height:18px; letter-spacing:-1px; background:#1e78d0; border-radius:3px; border:1px solid #2484e3; box-shadow:4px 4px 16px rgba(0,0,0,0.3)}
#app p:nth-child(5) a:before {content:""; position:absolute; top:13px; left:38px; background:url(../img/apple_app_icon.png)no-repeat; width:21px; height:25px}
#app p:hover:nth-child(5) a {box-shadow:4px 4px 16px rgba(0,0,0,0.5)}

#quick_menu {width:100%; height:110px; background:#0e3058}
.quick-container {margin:0 auto; width:1280px; height:110px}
.quick_tit {float:left; width:220px; height:110px}
.quick_tit p {color:#fff; margin-left:20px}
.quick_tit p:nth-child(1) {margin-top:32px; font-size:14px; font-weight:400; line-height:14px}
.quick_tit p:nth-child(2) {padding-top:10px; font-size:24px; font-weight:500; line-height:24px; letter-spacing:-1px}
.quick_tit p:nth-child(2):after {content:"\e93f"; font-family:"xeicon"; font-size:18px}
.quick_list {float:left; width:1060px; height:110px}
.quick_list ul {text-align:center}
.quick_list li {position:relative; display:inline-block}
.quick_list li a {display:block; color:#fff; font-size:18px; line-height:110px; padding:0 60px}
.quick_list li:nth-child(1) a:before {content:""; position:absolute; top:32px; left:0; background:url(../img/quick_icon1.png)no-repeat; width:39px; height:37px}
.quick_list li:nth-child(2) a:before {content:""; position:absolute; top:36px; left:0; background:url(../img/quick_icon2.png)no-repeat; width:34px; height:37px}
.quick_list li:nth-child(3) a:before {content:""; position:absolute; top:36px; left:0; background:url(../img/quick_icon3.png)no-repeat; width:36px; height:37px}
.quick_list li:nth-child(4) a:before {content:""; position:absolute; top:36px; left:0; background:url(../img/quick_icon4.png)no-repeat; width:37px; height:37px}
.quick_list li:nth-child(5) a:before {content:""; position:absolute; top:36px; left:0; background:url(../img/quick_icon5.png)no-repeat; width:30px; height:37px}
.quick_list li:nth-child(5) a {padding-right:0}
.quick_list li:hover:nth-child(1) {text-decoration:underline}
.quick_list li:hover:nth-child(2) {text-decoration:underline}
.quick_list li:hover:nth-child(3) {text-decoration:underline}
.quick_list li:hover:nth-child(4) {text-decoration:underline}
.quick_list li:hover:nth-child(5) {text-decoration:underline}

.contents {margin:0 auto; position:relative; width:1280px; height:530px; background:#fff}
.contents .con1 {position:absolute; top:59px; left:0; width:400px; height:380px; background:#fff; border:1px solid #eee; box-shadow:2px 6px 16px rgba(0,0,0,0.06)}
.contents .con1 p {margin-left:30px}
.contents .con1 p:nth-child(1) {margin-top:40px; font-size:24px; color:#212121; font-weight:500; line-height:24px; letter-spacing:-1px}
.contents .con1 p:nth-child(2) {margin-top:16px; font-size:18px; color:#212121; font-weight:300; line-height:1.4; letter-spacing:-1px}
.contents .con1:before {content:""; position:absolute; bottom:26px; right:26px; background:url(../img/con1_bg.png)no-repeat; width:259px; height:194px}
.contents .con1:hover {box-shadow:0 0 0 rgba(0,0,0,0.1)}
.contents .con1:hover p:nth-child(1) {color:#4ec6df; text-shadow:0 0 0 rgba(0,0,0,0.2)}
.contents .con2 {position:absolute; top:59px; left:440px; width:400px; height:380px; background:#fff; border:1px solid #eee; box-shadow:2px 6px 16px rgba(0,0,0,0.06)}
.contents .con2 p {margin-left:30px}
.contents .con2 p:nth-child(1) {margin-top:40px; font-size:24px; color:#212121; font-weight:500; line-height:24px; letter-spacing:-1px}
.contents .con2 p:nth-child(2) {margin-top:16px; font-size:18px; color:#212121; font-weight:300; line-height:1.4; letter-spacing:-1px}
.contents .con2:before {content:""; position:absolute; bottom:26px; right:26px; background:url(../img/con2_bg.png)no-repeat; width:232px; height:205px}
.contents .con2:hover {box-shadow:0 0 0 rgba(0,0,0,0.1)}
.contents .con2:hover p:nth-child(1) {color:#4ec6df; text-shadow:1px 1px 0 rgba(0,0,0,0.2)}
.contents .con3 {position:absolute; top:59px; right:0px; width:400px; height:180px; background:#fff; border:1px solid #eee; box-shadow:2px 6px 16px rgba(0,0,0,0.06)}
.contents .con3 p {margin-left:30px}
.contents .con3 p:nth-child(1) {margin-top:36px; font-size:22px; color:#212121; font-weight:500; line-height:22px; letter-spacing:-1px}
.contents .con3 p:nth-child(2) {margin-top:16px; font-size:16px; color:#212121; font-weight:300; line-height:1.4; letter-spacing:-1px}
.contents .con3:before {content:""; position:absolute; bottom:0px; right:26px; background:url(../img/con3_bg.png)no-repeat; width:111px; height:125px}
.contents .con3:hover {box-shadow:0 0 0 rgba(0,0,0,0.1)}
.contents .con3:hover p:nth-child(1) {color:#4ec6df; text-shadow:1px 1px 0 rgba(0,0,0,0.2)}
.contents .con4 {position:absolute; top:259px; right:0; width:400px; height:180px; background:#fff; border:1px solid #eee; box-shadow:2px 6px 16px rgba(0,0,0,0.06)}
.contents .con4 p {margin-left:30px}
.contents .con4 p:nth-child(1) {margin-top:36px; font-size:22px; color:#212121; font-weight:500; line-height:22px}
.contents .con4 p:nth-child(2) {margin-top:16px; font-size:16px; color:#212121; font-weight:300; line-height:1.4}
.contents .con4:before {content:""; position:absolute; bottom:0px; right:28px; background:url(../img/con4_bg.png)no-repeat; width:111px; height:125px}
.contents .con4:hover {box-shadow:0 0 0 rgba(0,0,0,0.1)}
.contents .con4:hover p:nth-child(1) {color:#4ec6df; text-shadow:1px 1px 0 rgba(0,0,0,0.2)}

#post {width:100%; height:646px; background:#fbfbfb}
.post_con1 {margin:0 auto; width:1280px; height:323px; border-bottom:1px solid #e7e7e7}
.post_con1 > a.con1_bx1 > div {position:relative; width:620px; height:323px; float:left}
.post_con1 > a.con1_bx1 > div > p {padding-left:30px}
.post_con1 > a.con1_bx1 > div > p:nth-child(1) {padding-top:80px; color:#212121; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-1px}
.post_con1 > a.con1_bx1 > div > p:nth-child(2) {padding-top:20px; color:#212121; font-size:16px; font-weight:300; line-height:1.4; letter-spacing:-1px}
.post_con1 > a.con1_bx1 > div > p:nth-child(1) span {color:#1155a2}
.post_con1 > a.con1_bx1 > div:before {content:""; position:absolute; top:36px; right:26px; background:url(../img/post_con1_img1.png)no-repeat; width:161px; height:137px}
.post_con1 > a.con1_bx1 > div > p:nth-child(3) {position:absolute; bottom:38px; right:18px; font-size:14px; font-weight:300; color:#212121; letter-spacing:-1px}
.post_con1 > a.con1_bx1 > div > p:nth-child(3):after {content:"\e914"; font-family:"xeicon"; color:#1155a2; font-weight:600}
.post_con1 > a.con1_bx1 > div > p:hover:nth-child(3) {text-decoration:underline}
.post_con1 > a.con1_bx2 > div {position:relative; width:620px; height:323px; float:left; margin-left:40px}
.post_con1 > a.con1_bx2 > div > p {padding-left:30px}
.post_con1 > a.con1_bx2 > div > p:nth-child(1) {padding-top:80px; color:#212121; font-size:24px; font-weight:500; line-height:1.4; letter-spacing:-1px}
.post_con1 > a.con1_bx2 > div > p:nth-child(2) {padding-top:20px; color:#212121; font-size:16px; font-weight:300; line-height:1.4; letter-spacing:-1px}
.post_con1 > a.con1_bx2 > div > p:nth-child(1) span {color:#1155a2}
.post_con1 > a.con1_bx2 > div:before {content:""; position:absolute; top:36px; right:26px; background:url(../img/post_con1_img2.png)no-repeat; width:174px; height:118px}
.post_con1 > a.con1_bx2 > div > p:nth-child(3) {position:absolute; bottom:38px; right:18px; font-size:14px; font-weight:300; color:#212121; letter-spacing:-1px}
.post_con1 > a.con1_bx2 > div > p:nth-child(3):after {content:"\e914"; font-family:"xeicon"; color:#1155a2; font-weight:600}
.post_con1 > a.con1_bx2 > div > p:hover:nth-child(3) {text-decoration:underline}
.post_con2 {margin:0 auto; width:1280px; height:323px}
.post_con2 > a.con2_bx1 > div {position:relative; width:620px; height:323px; float:left}
.post_con2 > a.con2_bx1 > div > p:nth-child(1) {padding:68px 0 0 30px; color:#212121; font-size:24px; font-weight:500; line-height:24px; letter-spacing:-1px}
.post_con2 > a.con2_bx1 > div > p:nth-child(2) {position:absolute; top:57px; right:18px; font-size:14px; font-weight:300; color:#212121; letter-spacing:-1px}
.post_con2 > a.con2_bx1 > div > p:nth-child(2):after {content:"\e93f"; font-family:"xeicon"; color:#1155a2; font-weight:600}
.post_con2 > a.con2_bx1 > div > p:hover:nth-child(2) {text-decoration:underline}
.post_con2 > a.con2_bx1 > div > ul {padding:36px 0 0 36px}
.post_con2 > a.con2_bx1 > div > ul > li {color:#212121; font-size:16px; font-weight:300; line-height:2; letter-spacing:-1px}
.post_con2 > a.con2_bx1 > div > ul > li:hover {text-decoration:underline}
.post_con2 > .con2_bx2 {position:relative; width:400px; height:323px; float:left; margin-left:40px}
.post_con2 > .con2_bx2:before {content:""; position:absolute; top:58px; left:26px; background:url(../img/post_con2_img1.png)no-repeat; width:82px; height:82px}
.post_con2 > .con2_bx2 > p {padding-left:134px}
.post_con2 > .con2_bx2 > p:nth-child(1) {padding-top:64px; color:#212121; font-size:24px; font-weight:500; line-height:24px; letter-spacing:-1}
.post_con2 > .con2_bx2 > p:nth-child(2) {padding-top:8px; color:#212121; font-size:42px; font-weight:600; line-height:42px; letter-spacing:-1}
.post_con2 > .con2_bx2 > p:nth-child(3) {padding-top:38px;color:#212121; font-size:16px; font-weight:300; line-height:16px; letter-spacing:-1}
.post_con2 > .con2_bx2 > p:nth-child(4) {padding-top:16px; color:#212121; font-size:16px; font-weight:300; line-height:16px; letter-spacing:-1}
.post_con2 > .con2_bx2 > p:nth-child(5) {padding-top:16px; color:#212121; font-size:16px; font-weight:300; line-height:16px; letter-spacing:-1}
.post_con2 > .con2_bx2 > p > span {color:#4ec6df; font-weight:600}
.post_con2 > .con2_bx3 {position:relative; width:220px; height:323px; float:left}
.post_con2 > .con2_bx3 p a {display:inline-block; color:#212121; font-size:16px; font-weight:300; line-height:16px; letter-spacing:-1}
.post_con2 > .con2_bx3 p:nth-child(1) a {padding:57px 0 0 38px}
.post_con2 > .con2_bx3 p:nth-child(1) a:before {content:""; position:absolute; top:57px; left:14px; background:url(../img/con2_bx3_img1.png)no-repeat; width:17px; height:20px}
.post_con2 > .con2_bx3 p:nth-child(1) a:after {content:" \e90b"; font-family:"xeicon"}
.post_con2 > .con2_bx3 p:hover:nth-child(1) a {text-decoration:underline}
.post_con2 > .con2_bx3 p:nth-child(2) a {padding:42px 0 0 38px}
.post_con2 > .con2_bx3 p:nth-child(2) a:before {content:""; position:absolute; top:118px; left:14px; background:url(../img/con2_bx3_img2.png)no-repeat; width:17px; height:18px}
.post_con2 > .con2_bx3 p:nth-child(2) a:after {content:" \e90b"; font-family:"xeicon"}
.post_con2 > .con2_bx3 p:hover:nth-child(2) a {text-decoration:underline}
.post_con2 > .con2_bx3 p:nth-child(3) a {padding:39px 0 0 38px}
.post_con2 > .con2_bx3 p:nth-child(3) a:before {content:""; position:absolute; top:176px; left:14px; background:url(../img/con2_bx3_img3.png)no-repeat; width:14px; height:19px}
.post_con2 > .con2_bx3 p:nth-child(3) a:after {content:" \e90b"; font-family:"xeicon"}
.post_con2 > .con2_bx3 p:hover:nth-child(3) a {text-decoration:underline}
.post_con2 > .con2_bx3 p:nth-child(4) a {padding:42px 0 0 38px}
.post_con2 > .con2_bx3 p:nth-child(4) a:before {content:""; position:absolute; bottom:65px; left:14px; background:url(../img/con2_bx3_img4.png)no-repeat; width:16px; height:18px}
.post_con2 > .con2_bx3 p:nth-child(4) a:after {content:" \e90b"; font-family:"xeicon"}
.post_con2 > .con2_bx3 p:hover:nth-child(4) a {text-decoration:underline}

#ft_link {width:100%; height:47px; background:#fff; border-top:1px solid #e3e3e3}
#ft_link .ft_list {margin:0 auto; width:1280px; height:47px}
#ft_link .ft_list > ul {text-align:center; font-size:0}
#ft_link .ft_list > ul > li {position:relative; display:inline-block; width:320px; height:47px; border-left:1px solid #eee}
#ft_link .ft_list > ul > li:first-child {border-left:0}
#ft_link .ft_list > ul > li > a:after {content:"\e945"; font-family:"xeicon"; position:absolute; top:0; right:10px}
#ft_link .ft_list > ul > li > a {display:block; font-size:16px; color:#212121; font-weight:300; line-height:47px; letter-spacing:-1px}
#ft_link .ft_list ul ul {display:none; position:absolute; bottom:47px; left:0; width:100%; background:#fff; box-shadow:1px 2px 6px rgba(0,0,0,0.03)}
#ft_link .ft_list ul ul > li {border-top:1px solid #eee}
#ft_link .ft_list ul ul > li > a {font-size:16px; color:#212121; font-weight:300; line-height:47px; letter-spacing:-1px}
#ft_link .ft_list li:hover ul {display:block}
#ft_link .ft_list ul ul li:hover {background:#1e78d0}
#ft_link .ft_list ul ul li:hover a {color:#fff}

footer {width:100%; height:166px; background:#2a2a2a;}
footer .ft-container {margin:0 auto; width:1280px; height:166px}
.ft_logo {float:left; width:220px; height:166px}
.ft_logo a {display:block; margin-top:40px}
.ft_logo img {opacity:0.5}
.ft_copy {float:left; width:1060px; height:166px}
.ft_copy > ul {padding-top:40px}
.ft_copy > ul > li {float:left; padding:0 16px; position:relative}
.ft_copy > ul > li:after {content:""; position:absolute; top:5px; left:0; width:1px; height:12px; background:#ccc}
.ft_copy > ul > li:first-child {padding-left:0}
.ft_copy > ul > li:first-child:after {width:0; height:0}
.ft_copy > ul > li > a {display:block; color:#ccc; font-size:14px; font-weight:200}
.ft_copy > ul > li:hover a {color:#fff; text-decoration:underline}
.ft_copy p.cpy_txt1 {clear:both; padding-top:30px; color:#ccc; font-size:14px; font-weight:200}
.ft_copy p.cpy_txt2 {padding-top:8px; color:#ccc; font-size:14px; font-weight:200}