/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
}
* { position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); word-break:keep-all; }

/* layout */
#wrap { min-width:1400px; }

#header { position:absolute; top:0; left:0; right:0; z-index:50; letter-spacing:0; }
#header.sticky { position:fixed; background:#fff; }
#header .wrap { width:1400px; height:100px; margin:0 auto; }
#header .wrap h1 { position:absolute; top:31px; left:0; }
#header .wrap h1 a { display:block; width:148px; height:51px; /*width:169px; height:38px;*/ background-image:url(../images/logo_w.png); text-indent:-9999px; }
#header.main .wrap h1 a,
#header.sticky .wrap h1 a { background-image:url(../images/logo.png); }

#gnb { position:absolute; top:0; right:0; }
#gnb a:hover { text-decoration:none; }
#gnb>li { float:left; margin-left:50px; }
#gnb>li>a { display:block; line-height:100px; font-family: 'Heebo', sans-serif; font-weight:500; font-size:16px; color:rgba(255,255,255,0.8); }
.main #gnb>li>a,
.sticky #gnb>li>a { color:rgba(35,31,32,0.6); }
#gnb>li>ul { position:absolute; top:100%; left:0; width:140px; padding:8px 20px; background:#f1f1f2; border-top:2px solid #231f20; display:none; }
#gnb>li:hover>ul { display:block; }
#gnb>li>ul li a { display:block; font-size:15px; line-height:34px; color:#999; }
#gnb>li>ul li a:hover { color:#231f20; font-weight:700; }

#footer { padding:50px 0; background:#000; letter-spacing:0; }
#footer .wrap { width:1400px; margin:0 auto; font-size:14px; line-height:25px; color:rgba(255,255,255,0.5); font-weight:100; }
#footer .wrap a { color:rgba(255,255,255,0.5); }
#footer .wrap em { font-size:16px; margin-left:3px; }
#footer .wrap>i { margin:0 10px; vertical-align:top; }
#footer .wrap .logo { margin-bottom:45px; }
#footer .wrap .bt_privacy { position:absolute; top:0; right:0; font-size:13px; line-height:15px; color:rgba(255,255,255,0.5); padding-bottom:5px; }
#footer .wrap .bt_privacy i { position:absolute; bottom:0; left:0; right:0; height:1px; background:rgba(255,255,255,0.5); }
#footer .wrap .bt_privacy:hover i { left:100%; }
#footer .wrap .bt_privacy:hover { text-decoration:none; }
#footer .wrap .copyright { position:absolute; bottom:0; right:0; font-size:13px; color:rgba(255,255,255,0.2); }
#footer .wrap .t4 { position:absolute; bottom:0; right:0; font-size:13px; color:rgba(255,255,255,0.2); }

html.on { height:100%; overflow:hidden; }
.pu_privacy { position:fixed; top:0; left:0; right:0; bottom:0; background:#ebebeb; z-index:99; overflow:hidden; overflow-y:auto; display:none; }
.pu_privacy .bt_close { position:fixed; top:50px; right:50px; width:36px; height:36px; background:url(../images/policy_bt_close.png); text-indent:-9999px; z-index:1; }
.pu_privacy .con { padding:240px 20px 185px; max-width:940px; margin:0 auto; font-size:16px; line-height:23px; color:#666; font-weight:300; }
.pu_privacy .con h3 { font-size:60px; line-height:100%; color:#2f2f2f; font-weight:800; margin-bottom:65px; }
.pu_privacy .con dl { margin-bottom:40px; }
.pu_privacy .con dl dt { font-size:24px; font-weight:700; color:#2f2f2f; margin-bottom:20px; }


/* main */
.mt_slider .swiper-slide { height:750px; background-color:#fff; background-position:center center; background-size:cover; }
.mt_slider .swiper-slide .tx { position:absolute; top:50%; left:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-left:-700px; width:700px; font-size:18px; line-height:30px; color:#666; }
.mt_slider .swiper-slide .tx .tit { font-size:60px; line-height:74px; color:#231f20; font-weight:700; margin-bottom:16px; }
.mt_slider .swiper-button-prev,
.mt_slider .swiper-button-next { width:43px; height:43px; margin-top:-22px; }
.mt_slider .swiper-button-prev { left:50%; margin-left:-890px; background-image:url(../images/mt_slider_bt_prev.png); }
.mt_slider .swiper-button-next { right:50%; margin-right:-890px; background-image:url(../images/mt_slider_bt_next.png); }
.mt_slider .ct_area { position:absolute; bottom:70px; left:50%; margin-left:-700px; z-index:10; padding-left:32px; }
.mt_slider .pagination { padding-top:2px; }
.mt_slider .swiper-pagination-bullet { width:12px; height:12px; padding:0; margin-right:13px; background-color:rgba(35,31,32,0.1); vertical-align:top; }
.mt_slider .swiper-pagination-bullet-active { background-color:rgba(35,31,32,0.8); }
.mt_slider .bt { position:absolute; top:0; left:0; width:15px; height:15px; text-indent:-9999px; background-repeat:no-repeat; }
.mt_slider .bt.bt_stop { background-image:url(../images/mt_slider_bt_stop.png); }
.mt_slider .bt.bt_play { background-image:url(../images/mt_slider_bt_play.png); display:none; }

#main_contents h2 { font-family: 'Heebo', sans-serif; font-size:32px; line-height:100%; color:#404040; font-weight:700; margin-bottom:10px; }
#main_contents .t_tx { font-size:18px; color:#999; line-height:140%; }
#main_contents a:hover { text-decoration:none; }

.popup_award {position:fixed;display:none;left:10%;top:100px;z-index:99;width:500px;height:692px;background:#FFFFFF;padding:8px 8px;box-sizing:border-box;box-shadow:rgb(0 0 0 / 40%) 2px 2px 2px;}
.popup_award .pop_btns {box-sizing:border-box;width:100%;text-align:right;cursor:pointer;background:#FFFFFF;color:#797B7D;font-size:16px;margin:5px 0 0 0 ;}
.popup_award .pop_btns input[type='checkbox']{vertical-align:baseline;margin-top:-1px;}
.popup_award img{width:100%;}
.popup_award .close{position:absolute;right:12px;top:12px;z-index:4;}

.m_point { position:absolute; top:-100px; left:0; }

.m_service { height:810px; }
.m_service:before { content:''; position:absolute; bottom:0; left:0; right:0; height:450px; background:#c3d93c; }
.m_service .wrap { position:absolute; top:85px; left:50%; margin-left:-700px; right:0; bottom:90px; }
.m_service .wrap .t_tx { margin-bottom:55px; }
.m_service .scroll { position:absolute; top:85px; right:50%; margin-right:-700px; z-index:1; }
.m_service .wrap .swiper-container { padding:15px 0 80px; margin-left:-20px; padding-left:20px; }
.m_service .wrap .swiper-pagination { position:absolute; top:auto; bottom:0; left:20px; right:0; }
.m_service .wrap .swiper-slide { width:410px; height:430px; }
.m_service .wrap .swiper-slide .box { position:absolute; top:50%; left:50%; height:445px; width:370px; margin:-205px 0 0 -205px; }
.m_service .wrap .swiper-slide .box:hover { transform:scale(1.03); box-shadow:0 0 15px rgba(0,0,0,0.2); }
.m_service .wrap .swiper-slide .box .front,
.m_service .wrap .swiper-slide .box .back { position:absolute; top:0; left:0; right:0; bottom:0; }
.m_service .wrap .swiper-slide .box .front { background:#a56fff; overflow:hidden; }
.m_service .wrap .swiper-slide:nth-child(even) .box .front { background:#ff8181; }
.m_service .wrap .swiper-slide .box .front .tx { position:absolute; top:30px; left:30px; right:30px; font-size:16px; line-height:24px; color:#fff; }
.m_service .wrap .swiper-slide .box .front .tx h3 { font-size:30px; line-height:100%; color:#fff; margin-bottom:20px; }
.m_service .wrap .swiper-slide .box .front .ph { position:absolute; bottom:0; left:50px; right:0; }
.m_service .wrap .swiper-slide .box .front .ph.mo { right:50px; }
.m_service .wrap .swiper-slide .box .front .ph img { width:100%; }
.m_service .wrap .swiper-slide .box .front .ph:after { content:''; position:absolute; left:-19px; right:-19px; top:-19px; bottom:-19px; border:1px solid rgba(255,255,255,0.4); border-radius:20px; }
.m_service .wrap .swiper-slide .box .back { background:#f3f4f5; opacity:0; }
.m_service .wrap .swiper-slide .box:hover .back { opacity:1; }
.m_service .wrap .swiper-slide .box .back h3 { position:absolute; top:30px; left:30px; font-size:26px; color:#404040; padding-bottom:29px; background:url(../images/m_service_b_tit_deco.png) no-repeat 0 bottom; }
.m_service .wrap .swiper-slide .box .back p { position:absolute; top:153px; left:30px; right:30px; font-size:16px; line-height:23px; color:#666; }
.m_service .wrap .swiper-slide .box .back .bt_download { position:absolute; bottom:30px; left:30px; right:30px; border:1px solid #618ffc; background:#618ffc; line-height:58px; font-size:16px; color:#fff; font-weight:500; text-align:center; }
.m_service .wrap .swiper-slide .box .back .bt_download:after { content:''; display:inline-block; width:19px; height:19px; background-image:url(../images/m_service_ic_download.png); vertical-align:middle; margin:-3px 0 0 10px; }
.m_service .wrap .swiper-slide .box .back .bt_download.off { border-color:#404040; color:#404040; background:none; }
.m_service .wrap .swiper-slide .box .back .bt_download.off:after { background-image:url(../images/m_service_ic_download_off.png); }
.m_service .swiper-pagination-progress { background:#adc900; }
.m_service .swiper-pagination-progress .swiper-pagination-progressbar { background:#404040; }

.m_br_emoticon { padding:90px 0; background:#fef9e7; overflow:hidden; }

.m_br_emoticon:before { content:''; position:absolute; top:0; bottom:0; left:50%; right:0; background:#ffd961; margin-left:322px; }
.m_br_emoticon .wrap { width:1400px; height:520px; margin:0 auto; }
.m_br_emoticon .wrap .tx { position:absolute; top:217px; left:0; font-size:18px; line-height:30px; color:#999; }
.m_br_emoticon .wrap .tx p { font-size:22px; color:#404040; font-weight:700; margin-bottom:20px; }
.m_br_emoticon .wrap .tx p img { vertical-align:middle; margin:-3px 10px 0 0; }
.m_br_emoticon .wrap .ph { position:absolute; top:17px; right:160px; }
.m_br_emoticon .wrap .btn { position:absolute; bottom:0; left:0; }
.m_br_emoticon .wrap .btn a { display:inline-block; padding:0 27px; line-height:58px; border:1px solid #404040; font-size:16px; color:#010101; font-weight:500; margin-right:16px; }
.m_br_emoticon .wrap .btn a:hover { background:#f9c72a; border-color:#f9c72a; color:#010101; }
.m_br_emoticon .wrap .btn a:first-child i { display:inline-block; width:19px; height:19px; background-image:url(../images/down_pc_icon1.png); vertical-align:middle; margin:-3px 0 0 10px; border-radius:100%; }
.m_br_emoticon .wrap .btn a:last-child i { display:inline-block; width:19px; height:19px; background-image:url(../images/down_pc_icon2.png); vertical-align:middle; margin:-3px 0 0 10px; border-radius:100%; }

.m_br_emoticon .wrap .btn a:first-child:hover i { background-image:url(../images/down_pc_icon1_on.png); }
.m_br_emoticon .wrap .btn a:last-child:hover i { background-image:url(../images/down_pc_icon2_on.png); }

.m_br_emoticon .wrap .bt_view_all { position:absolute; top:160px; right:-68px; width:200px; padding-top:75px; height:125px; border-radius:100%; background-image:url(../images/m_Puc_bt_bg_off.gif); background-position:center center; background-size:cover; font-size:18px; line-height:24px; color:#fff; font-weight:700; text-align:center; }
.m_br_emoticon .wrap .bt_view_all:hover { background-image:url(../images/m_puc_bt_bg.png); }
.m_br_emoticon .wrap .bt_view_all:after { content:''; display:block; height:7px; background:url(../images/m_puc_ic_arrow.png) no-repeat center 0; margin-top:8px; }


.m_pb_campaign { padding:90px 0; background:#f2fbff; overflow:hidden; }
.m_pb_campaign:before { content:''; position:absolute; top:0; bottom:0; left:50%; right:0; background:#618ffc; margin-left:322px; }
.m_pb_campaign .wrap { width:1400px; height:520px; margin:0 auto; }
.m_pb_campaign .wrap .tx { position:absolute; top:217px; left:0; font-size:18px; line-height:30px; color:#999; }
.m_pb_campaign .wrap .tx p { font-size:22px; color:#404040; font-weight:700; margin-bottom:20px; }
.m_pb_campaign .wrap .tx p img { vertical-align:middle; margin:-3px 10px 0 0; }
.m_pb_campaign .wrap .ph { position:absolute; top:17px; right:-51px; }
.m_pb_campaign .wrap .btn { position:absolute; bottom:0; left:0; }
.m_pb_campaign .wrap .btn a { display:inline-block; padding:0 27px; line-height:58px; border:1px solid #404040; font-size:16px; color:#404040; font-weight:500; margin-right:16px; }
.m_pb_campaign .wrap .btn a:hover { background:#618ffc; border-color:#618ffc; color:#fff; }
.m_pb_campaign .wrap .btn a i { display:inline-block; width:19px; height:19px; background-image:url(../images/m_service_ic_download_off2.png); vertical-align:middle; margin:-3px 0 0 10px; border-radius:100%; }
.m_pb_campaign .wrap .btn a:hover i { background-image:url(../images/m_service_ic_download.png); }
.m_pb_campaign .wrap .bt_view_all { position:absolute; top:160px; right:-68px; width:200px; padding-top:75px; height:125px; border-radius:100%; background-image:url(../images/m_Puc_bt_bg_off.gif); background-position:center center; background-size:cover; font-size:18px; line-height:24px; color:#fff; font-weight:700; text-align:center; }
.m_pb_campaign .wrap .bt_view_all:hover { background-image:url(../images/m_puc_bt_bg.png); }
.m_pb_campaign .wrap .bt_view_all:after { content:''; display:block; height:7px; background:url(../images/m_puc_ic_arrow.png) no-repeat center 0; margin-top:8px; }

.m_client { padding:90px 0; }
.m_client .wrap { width:1400px; margin:0 auto; }
.m_client .wrap .t_tx { margin-bottom:50px; }
.m_client .wrap .btn { text-align:center; padding-top:55px; }
.m_client .wrap .btn a { display:inline-block; font-size:15px; line-height:100%; color:#999; padding-bottom:4px; border-bottom:1px solid #999; }
.m_client .wrap .btn a:after { content:''; display:inline-block; width:9px; height:9px; background:url(../images/m_client_ic_plus.gif); vertical-align:middle; margin:-3px 0 0 5px; }
ul.tab_m_client { margin-bottom:55px; }
ul.tab_m_client:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
ul.tab_m_client li { float:left; width:20%; }
ul.tab_m_client li a { display:block; line-height:75px; font-size:20px; font-weight:700; text-align:center; background:#f3f4f5; border-right:1px solid #E8E8E8; }
ul.tab_m_client li:last-child a { border:0; }
ul.tab_m_client li a:hover { text-decoration:none; }
ul.tab_m_client li.active a { color:#fff; background:#f2685e; z-index:1; box-shadow:0 30px 40px rgba(0,0,0,0.15);  }
.tab_m_client_content { display:none; }
.tab_m_client_content.on { display:block; }
.tab_m_client_content ul:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.tab_m_client_content ul li { float:left; width:14.2857%; height:90px; line-height:90px; text-align:center; }
.tab_m_client_content ul li img { vertical-align:middle; max-width:90%;}

.m_education { padding:70px 0; background:#ffd434; }
.m_education .wrap { width:1400px; margin:0 auto; }
.m_education .wrap:before { content:''; position:absolute; bottom:-70px; right:0; width:427px; height:268px; background:url(../images/m_edu_ill.png); }
.m_education .wrap .t_tx { color:#404040 !important; margin-bottom:34px; }
.m_education .wrap .btn a { display:inline-block; width:158px; line-height:52px; border:1px solid #404040; border-radius:30px; font-size:16px; color:#404040; font-weight:500; text-align:center; margin-right:10px; }



.m_awards { padding:90px 0; background:#FFFFFF; }
.m_awards .wrap { width:1400px; margin:0 auto; }
.m_awards .wrap .t_tx { margin-bottom:55px; }
.m_awards .wrap .unit { width:650px; height:640px; }
.m_awards .wrap .unit h3 { font-size:20px; line-height:100%; color:#404040; font-weight:700; margin-bottom:50px; }
.m_awards .wrap .tabs {display:flex;}
.m_awards .wrap .tabs > div{flex:1;background:#fefefe;font-size:18px;height:58px;border:1px solid #fafafa;box-sizing:border-box;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.m_awards .wrap .tabs > div.on{background:#f2685e;color:#ffffff;font-weight:700;}
.m_awards .wrap .aw_cont{position:relative;width:100%;height:568px;margin-top:50px;}
.m_awards .wrap .aw_cont .prize {position:absolute;left:0;top:0;width:137px;height:137px;}
.m_awards .wrap .aw_cont .frame{width:100%;height:100%;}
.m_awards .wrap .aw_cont .frame iframe{width:100%;height:100%;}
.m_awards .wrap .aw_cont .frame .t_wrap{width:100%;display:flex;justify-align:center;flex-direction:column;;align-items:center;line-height:35px;}
.m_awards .wrap .acontent01 .prize {background-image:url('../images/prize01.png');}
.m_awards .wrap .acontent02 .prize {background-image:url('../images/prize02.png');}
.m_awards .wrap .acontent03 .prize {background-image:url('../images/prize02.png');}


.m_contact { padding:90px 0; background:#f3f4f5; }
.m_contact .wrap { width:1400px; margin:0 auto; }
.m_contact .wrap .t_tx { margin-bottom:55px; }
.m_contact .wrap .unit { width:650px; height:640px; }
.m_contact .wrap .unit h3 { font-size:20px; line-height:100%; color:#404040; font-weight:700; margin-bottom:50px; }
.m_contact .wrap .unit.c01 dl { line-height:60px; margin-bottom:30px; }
.m_contact .wrap .unit.c01 dl dt { position:absolute; top:0; left:0; font-size:18px; font-weight:500; }
.m_contact .wrap .unit.c01 dl dd { margin-left:103px; }
.m_contact .wrap .unit.c01 dl dd input[type=text] { width:100%; height:60px; padding:0 20px; border:0; font-size:18px; font-weight:500; }
.m_contact .wrap .unit.c01 dl dd textarea { width:100%; height:230px; padding:15px 20px; border:0; font-size:18px; font-weight:500; }
.m_contact .wrap .unit.c01 .agree { padding-left:103px; }
.m_contact .wrap .unit.c01 .agree input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.m_contact .wrap .unit.c01 .agree input[type="checkbox"] + label { display:block; padding-left:26px; font-size:16px; color:#999; line-height:14px; }
.m_contact .wrap .unit.c01 .agree input[type="checkbox"] + label:before { content:''; position:absolute; top:0; left:0; width:16px; height:16px; background-image:url(../images/cb_mc.png); }
.m_contact .wrap .unit.c01 .agree input[type="checkbox"]:checked + label:before { background-image:url(../images/cb_mc_on.png); }
.m_contact .wrap .unit.c01 .agree input[type="checkbox"] + label a { padding-bottom:3px; color:#404040; }
.m_contact .wrap .unit.c01 .agree input[type="checkbox"] + label a i { position:absolute; bottom:0; left:0; right:0; height:2px; background:#404040; }
.m_contact .wrap .unit.c01 .agree input[type="checkbox"] + label a:hover i { left:100%; }
.m_contact .wrap .unit.c01 .bt_send { position:absolute; bottom:0; right:0; width:160px; line-height:50px; background:#f2685e; font-size:16px; color:#fff; font-weight:500; text-align:center; }
.m_contact .wrap .unit.c01 .bt_send:after { content:''; display:inline-block; width:20px; height:20px; background-image:url(../images/ic_bt_r_arrow.png); vertical-align:middle; margin:-3px 0 0 10px; border-radius:100%; }
.m_contact .wrap .unit.c02 { position:absolute; top:0; right:0; }
.m_contact .wrap .unit.c02 dl dt { font-family: 'Heebo', sans-serif; font-size:14px; color:#999; margin-bottom:15px; }
.m_contact .wrap .unit.c02 dl dd { font-size:17px; line-height:29px;}
.m_contact .wrap .unit.c02 .map { position:absolute; bottom:0; left:0; right:0; height:437px; }


.m_about { background:url(../images/m_about_bg2.jpg) no-repeat center center; overflow:hidden;height:1050px;}
.m_about .m_about_wrap {width:1400px;overflow:hidden;margin:0 auto;}
.m_about .m_about_wrap .content {float:right;width:850px;}
.m_about .m_about_wrap .content .about_cont{width:710px;padding:90px 0 0 90px;} 
.m_about .m_about_wrap .content .about_cont .title{font-size:32px;font-weight:bold;}
.m_about .m_about_wrap .content .about_cont .tab{font-size:20px;margin-top:50px;cursor:pointer;}
.m_about .m_about_wrap .content .about_cont .tab .spacer{padding-right:32px;} 
.m_about .m_about_wrap .content .about_cont .tab .on{color:#618ffc;border-bottom:2px solid #618ffc;font-weight:bold;}
.m_about .m_about_wrap .content .about_cont .major {font-size:52px;font-weight:bold;}
.m_about .m_about_wrap .content .about_cont .memo {font-size:18px;color:#404040;margin-top:25px;}
.m_about .m_about_wrap .content .about_cont .man_info {margin-top:77px;}

.m_about .m_about_wrap .content .about_cont .com_info {margin-top:100px;}
.m_about .m_about_wrap .content .about_cont .info {position:relative;width:100%;margin:0; padding-bottom:35px;display:inline-block;}
.m_about .m_about_wrap .content .about_cont .info li{float:left;list-style:none;padding:0; margin:0;}
.m_about .m_about_wrap .content .about_cont .info li:first-child{width:280px;}
.m_about .m_about_wrap .content .about_cont .info li .center {color:#f2685e;font-size:15px;}
.m_about .m_about_wrap .content .about_cont .info li .center_name {font-size:24px;margin-top:5px;}
.m_about .m_about_wrap .content .about_cont .info li .comment {font-size:16px;color:#999999;letter-spacing:0px;}

.m_about .m_about_wrap .content .about_cont .history_info {padding:0;margin:0;width:703px;margin-top:0;}
.m_about .m_about_wrap .content .about_cont .history_info .history {padding:0;margin:0;width:703px;}
.m_about .m_about_wrap .content .about_cont .history_info .history li{padding:0;margin:0;width:100%;clear:both;}
.m_about .m_about_wrap .content .about_cont .history_info .history li div{float:left;}
.m_about .m_about_wrap .content .about_cont .history_info .history li .year {width:66px;font-weight:bold;font-size:18px;padding-bottom:28px;}
.m_about .m_about_wrap .content .about_cont .history_info .history li .line {float:left;width:7px;text-align:center;height:100%;padding-top:10px;background:url(../images/com_line.jpg);background-position:center;background-repeat:repeat-y;padding-bottom:28px;overflow:hidden}
.m_about .m_about_wrap .content .about_cont .history_info .history li .content {float:left;width:630px;padding-left:20px;box-sizing:border-box;font-size:18px;padding-bottom:28px;}

.m_about .m_about_wrap .content .about_cont .history_info .history li.double .line {padding-bottom:60px;}
.m_about .m_about_wrap .content .about_cont .history_info .history li.last .year {padding-bottom:0px;}
.m_about .m_about_wrap .content .about_cont .history_info .history li.last .line {padding-bottom:0px;}
.m_about .m_about_wrap .content .about_cont .history_info .history li.last .content {padding-bottom:0px;}

/* sub */
#container .wrap { width:1400px; margin:0 auto; padding-bottom:100px; }
#container .wrap .emoticon{ background:#fef9e7;padding:99px 64px;box-sizing:border-box;position:relative !important;display:inline-block !important;width:100%;}
#container .wrap .emoticon.view{ background:#FFFFFF;padding:0 0;box-sizing:border-box;position:relative !important;display:inline-block !important;}
#container .wrap .emoticon.view .info_wrap{border-bottom:1px solid #d6d6d6;display:inline-block;padding-bottom:47px;}
#container .wrap .emoticon.view .info_wrap .image{float:left;width:270px;}
#container .wrap .emoticon.view .info_wrap .image img{max-width:224px;}
#container .wrap .emoticon.view .info_wrap .info{float:right;width:1090px;}
#container .wrap .emoticon.view .info_wrap .info .grp{color:#555555;font-size:20px;font-weight:bold;}
#container .wrap .emoticon.view .info_wrap .info .ttl{color:#3b2c30;font-size:40px;font-weight:bold;}
#container .wrap .emoticon.view .info_wrap .info .brd{color:#555555;font-size:17px;padding:33px 0;}
#container .wrap .emoticon.view .info_wrap .info .brd span{font-weight:bold;}
#container .wrap .emoticon.view .info_wrap .info .brd span:after{content:"|";padding-right:18px;padding-left:18px;color:#777777;}
#container .wrap .emoticon.view .info_wrap .info .brd span:last-child:after{content:"";}
#container .wrap .emoticon.view .info_wrap .info .memo{color:#555555;font-size:17px;}
.emoticon_list_wrap {width:100%;clear:both;display:inline-block;}

.emoticon_view_list {width:100%;padding:123px 0 70px 0;display:inline-block;border-bottom:1px solid #d6d6d6}
.emoticon_view_list .e_list{padding:0;margin:0;}
.emoticon_view_list .e_list li{float:left;width:20%;margin-bottom:60px;text-align:center;}
.emoticon_view_list .e_list li img{max-width:167px;}
.paging_wrap {display:inline-block;text-align:center;width:100%;}
.paging_wrap .btns{width:100%;height:30px;padding:15px 0;}
.paging_wrap .btns div.prev{position:absolute;left:0;font-size:15px;}
.paging_wrap .btns div.next{position:absolute;right:0;font-size:15px;}
.paging_wrap .btns div a{color:#888888;}
.paging_wrap .btns div a.al:before{content:"← ";padding-right:10px;}
.paging_wrap .btns div a.ar:after{content:" →";padding-left:10px;}
.paging_wrap .list div{width:100px;height:52px;line-height:52px;text-align:center;display:inline-block;background:#404040;color:#ffffff;font-size:15px;}
.paging_wrap div.list{}

#container .wrap .emoticon.view .info_wrap{}

.st_area { height:600px; background-position:center center; background-size:cover; }
.st_area h2 { font-size:40px; line-height:600px; color:#fff; font-weight:700; text-align:center; }
.st_area.st_case { background-image:url(../images/st_img_case.jpg); }
.st_area.st_emoticon { background-image:url(../images/st_img_emoticon.jpg); }
.st_area.st_seminar { background-image:url(../images/st_img_edu_seminar.jpg); }
.st_area.st_consult { background-image:url(../images/st_img_consult.jpg); }
.st_area.st_emoticon h2{font-size:30px !important;}
.st_area.st_emoticon .sbg {top:290px;}
.st_area.st_emoticon .s_com {position:absolute;margin-top:-250px;width:100%;}
.st_area.st_emoticon .s_com .cont{width:800px;margin:0 auto;color:#FFFFFF;font-size:18px;text-align:center;}

.emoticon_list {width:100%;padding:0;margin:0;}
.emoticon_list li{float:left;display:inline-block;width:300px;height:353px;margin-right:23px;margin-bottom:50px;}
.emoticon_list li:nth-child(4n+4){margin-right:0 !important;}
.emoticon_list li .e_list{width:300px;height:353px;background:#FFFFFF;padding:0;box-sizing:border-box;}
.emoticon_list li .e_list .img{width:300px;height:250px;background:#ffe2b4}
.emoticon_list li .e_list .img img{width:60%;}
.emoticon_list li .e_list .t_wrap {padding:0 20px}
.emoticon_list li .e_list .title{color:#404040;font-size:18px;font-weight:bold;height:60px;;box-sizing:border-box;border-bottom:1px solid #eeeeee;display:flex;align-items:center;}
.emoticon_list li .e_list .cmp{color:#999999;font-size:15px;height:38px;line-height:38px;}
.list_pic {width:100%;height:100%;background-size:60%;background-position:center;background-repeat:no-repeat;}
.emoticon_view_list  .bimg {cursor:pointer}
.emoticon_view_list  .ani {display:none;cursor:pointer}


#lnb { position:absolute; top:-80px; left:50%; width:750px; margin-left:-375px; }
#lnb li { float:left; width:50%; }
#lnb li a { display:block; line-height:80px; font-size:20px; font-weight:700; text-align:center; background:#f3f4f5; border-right:1px solid #ced2d6; }
#lnb li:last-child a { border:0; }
#lnb li a:hover { text-decoration:none; }
#lnb li.on a { color:#fff; background:#f2685e; z-index:1; box-shadow:0 30px 40px rgba(0,0,0,0.15);  }

.location { padding:28px 0; line-height:16px; font-size:13px; margin-bottom:82px; }
.location a { display:inline-block; color:#999; margin-right:15px; }
.location a:after { content:''; position:absolute; top:7px; right:-9px; width:2px; height:2px; background:#999; }
.location em { font-weight:500; }

.seminar .t_guide { font-size:26px; line-height:38px; color:#333; font-weight:500; text-align:center; margin-bottom:92px; }
.seminar .list_option { width:980px; margin:0 auto 40px; }
.seminar .list_option li { display:inline-block; margin-right:17px; }
.seminar .list_option li a { display:block; font-size:18px; line-height:100%; color:#666; }
.seminar .list_option li a:hover { text-decoration:none; }
.seminar .list_option li.on a { color:#618ffc; font-weight:700; padding-bottom:5px; border-bottom:2px solid #618ffc; }
.seminar .list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.seminar .list { width:1020px; margin:0 auto; padding-bottom:20px; }
.seminar .list li { float:left; width:300px; height:360px; margin:0 20px 40px; background:#f3f4f5; }
.seminar .list li .cate { position:absolute; top:30px; left:20px; line-height:25px; padding:0 6px; border:1px solid #404040; font-size:13px; }
.seminar .list li .tx { position:absolute; top:80px; left:20px; right:20px; }
.seminar .list li .tx .tit { font-size:26px; line-height:36px; min-height:108px; max-height:144px; font-weight:700; margin-bottom:23px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.seminar .list li .tx .date { font-size:16px; line-height:20px; color:#999; }
.seminar .list li .bt_view_detail { position:absolute; bottom:22px; left:20px; font-size:15px; }
.seminar .list li .bt_view_detail:hover { text-decoration:none; }
.seminar .list li .bt_view_detail:after { content:''; display:inline-block; width:15px; height:7px; background:url(../images/edu_seminar_bt_arrow.png); vertical-align:middle; margin:-3px 0 0 10px; }
.seminar .list li .state { position:absolute; bottom:20px; right:20px; width:70px; height:55px; padding-top:15px; background:#999a9a; border-radius:100%; font-size:16px; line-height:20px; color:#fff; font-weight:500; text-align:center; }
.seminar .list li .state.on { background:#ffcb08; color:#404040; }

.pagination { text-align:center; }
.pagination a { margin:0 20px; }
.pagination img { vertical-align:top; }
.pagination span { padding:0 2px; display:inline-block; }
.pagination span a { padding:0 2px; margin:0 6px; display:inline-block; font-size:16px; color:#999; line-height:16px; }
.pagination span a:hover { text-decoration:underline; }
.pagination span a.on { color:#618ffc; font-weight:700; }

.seminar_view { border-top:1px solid #404040; margin-top:-34px; }
.seminar_view .t_area { padding:36px 20px 39px; border-bottom:1px solid #eaeaea; }
.seminar_view .t_area .tit { font-size:30px; line-height:38px; font-weight:700; margin-bottom:18px; }
.seminar_view .t_area .tit .cate { display:inline-block; line-height:25px; padding:0 8px; border:1px solid #404040; font-size:15px; vertical-align:middle; margin:-3px 19px 0 0; }
.seminar_view .t_area .d_info { font-size:15px; color:#999; }
.seminar_view .t_area .d_info i { margin:0 10px; }
.seminar_view .c_area { padding:44px 20px 50px; border-bottom:1px solid #eaeaea; font-size:16px; line-height:28px; margin-bottom:20px; }
.seminar_view .c_area .bt_app { display:block; width:290px; line-height:80px; margin:82px auto 0; background:#618ffc; font-size:18px; color:#fff; font-weight:500; text-align:center; }
.seminar_view .c_area .bt_app:hover { text-decoration:none; }
.seminar_view .c_area .bt_app:after { content:''; display:inline-block; width:20px; height:20px; background-image:url(../images/ic_bt_r_arrow.png); vertical-align:middle; margin:-3px 0 0 10px; border-radius:100%; }
.seminar_view .b_area { line-height:50px; text-align:center; }
.seminar_view .b_area a:hover { text-decoration:none; }
.seminar_view .b_area .bt_list { display:inline-block; width:100px; background:#404040; font-size:16px; color:#fff; font-weight:500; }
.seminar_view .b_area .bt_writing { position:absolute; top:0; font-size:15px; color:#999; }
.seminar_view .b_area .bt_writing.bt_prev { left:0; padding-left:21px; }
.seminar_view .b_area .bt_writing.bt_next { right:0; padding-right:21px; }
.seminar_view .b_area .bt_writing:before { content:''; position:absolute; top:21px; width:15px; height:7px; }
.seminar_view .b_area .bt_writing.bt_prev:before { left:0; background-image:url(../images/ic_writing_prev.png); }
.seminar_view .b_area .bt_writing.bt_next:before { right:0; background-image:url(../images/ic_writing_next.png); }

.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98; display:none; }
.pu_app { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#fff; width:605px; padding:35px 50px 40px; z-index:99; display:none; }
.pu_app h3 { font-size:32px; color:#404040; font-weight:700; margin-bottom:45px; }
.pu_app .bt_close { position:absolute; top:20px; right:20px; width:25px; height:25px; background:url(../images/bt_pu_close.png); text-indent:-9999px; }
.pu_app .form { padding-bottom:10px; border-bottom:1px solid #eeeeea; margin-bottom:30px; }
.pu_app .form dl { padding-left:180px; margin-bottom:10px; line-height:45px; }
.pu_app .form dl dt { position:absolute; top:0; left:0; font-size:18px; color:#999; }
.pu_app .form dl dd input[type=text] { width:100%; height:45px; padding:0 15px; border:1px solid #deded4; font-size:16px; }
.pu_app .form dl dd.call input[type=text] { float:left; width:32%; margin-right:1.33333%; text-align:center; }
.pu_app .form dl dd.call input[type=text]:last-child { margin:0; width:33%; }
.pu_app .agree h4 { font-size:18px; color:#404040; font-weight:500; margin-bottom:15px; }
.pu_app .agree .check { position:absolute; top:2px; right:0; line-height:20px; font-size:15px; color:#333; font-weight:700; }
.pu_app .agree .check input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.pu_app .agree .check input[type="checkbox"] + label:after { content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-3px 0 0 8px; background-image:url(../images/cb.png); }
.pu_app .agree .check input[type="checkbox"]:checked + label:after { background:url(../images/cb_on.png); }
.pu_app .agree .box { padding:20px 25px; background:#f0f4f4; font-size:13px; line-height:19px; color:#444; height:85px; overflow:hidden; overflow-y:auto; margin-bottom:20px; }
.pu_app .agree .guide { font-size:13px; line-height:22px; color:#999; letter-spacing:-1.5px; margin-bottom:25px; }
.pu_app .bt_app { display:block; width:290px; line-height:80px; background:#404040; font-size:18px; color:#fff; text-align:center; margin:0 auto; }
.pu_app .bt_app:hover { text-decoration:none; }

.consult .t_guide { font-size:26px; line-height:38px; color:#333; font-weight:500; text-align:center; margin-bottom:45px; }
.consult .box { background:#f3f4f5; padding:65px 350px; }
.consult .box .t_tx { font-size:22px; font-weight:300; margin:0 -350px 65px; text-align:center; }
.consult .box .form { margin-bottom:60px; }
.consult .box .form dl { margin-bottom:30px; line-height:60px; padding-left:100px; }
.consult .box .form dl dt { position:absolute; top:0; left:0; font-size:18px; color:#231f20; font-weight:500; }
.consult .box .form dl dd input[type=text] { width:100%; height:60px; border:0; padding:0 25px; font-size:18px; font-weight:500; }
.consult .box .form .agree { padding-top:10px; height:80px; }
.consult .box .form .agree input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.consult .box .form .agree input[type="checkbox"] + label { display:block; padding-left:26px; font-size:16px; color:#999; line-height:14px; }
.consult .box .form .agree input[type="checkbox"] + label:before { content:''; position:absolute; top:0; left:0; width:16px; height:16px; background-image:url(../images/cb_mc.png); }
.consult .box .form .agree input[type="checkbox"]:checked + label:before { background-image:url(../images/cb_mc_on.png); }
.consult .box .form .agree input[type="checkbox"] + label a { padding-bottom:3px; color:#404040; }
.consult .box .form .agree input[type="checkbox"] + label a:hover { text-decoration:none; }
.consult .box .form .agree input[type="checkbox"] + label a i { position:absolute; bottom:0; left:0; right:0; height:2px; background:#404040; }
.consult .box .form .agree input[type="checkbox"] + label a:hover i { left:100%; }
.consult .box .form .bt_consult { position:absolute; bottom:0; right:0; width:290px; line-height:80px; background:#404040; font-size:18px; font-weight:500; color:#fff; text-align:center; }
.consult .box .form .bt_consult:hover { text-decoration:none; }
.consult .box .form .bt_consult:after { content:''; display:inline-block; width:20px; height:20px; background-image:url(../images/ic_bt_r_arrow.png); vertical-align:middle; margin:-3px 0 0 10px; border-radius:100%; }
.consult .box .call { line-height:89px; background:url(../images/ad_consult_call_bg.jpg); font-size:20px; text-align:center; }
.consult .box .call em { display:inline-block; padding-left:20px; background:url(../images/ad_consult_ic_call.png) no-repeat 0 36px; margin-left:15px; font-family: 'Heebo', sans-serif; font-weight:700; }

.case h3 { font-size:26px; color:#333; font-weight:700; margin-bottom:110px; }
.case h3 img { margin-right:10px; }
.case .t_guide { position:absolute; top:0; right:0; font-size:18px; line-height:30px; text-align:right; }
.case .t_guide b { font-weight:700; }
.case .search-b { position:absolute; top:90px; right:0; font-size:18px; line-height:30px;}
.case .search-b select {height:40px;font-size:16px;}
.case .search-b input {height:40px;width:300px;font-size:16px;}
.case .search-b .bt-search{display:inline-block;background:#000;padding:0 10px;height:40px;line-height:40px;color:#fff;vertical-align:middle;}
.case .search-b .bt-search:hover {text-decoration:none;background:#ffcb08;color:#000;}
.case .box { padding:60px 50px; background:#f2fbff; }
.case .box .list { padding-bottom:15px; }
.case .box .list:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.case .box .list li { float:left; width:300px; margin:0 12px 50px 13px; background:#fff; }
.case .box .list li:hover { box-shadow:0 20px 50px rgba(0,0,0,0.2); }
.case .box .list li .ph { height:200px; overflow:hidden; }
.case .box .list li .tx { padding:18px 20px; font-size:15px; line-height:22px; color:#999; }
.case .box .list li .tx .tit { font-size:18px; color:#404040; font-weight:700; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.case .box .list li .tx p { height:44px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.case .box .list li .d_info { padding-top:18px; border-top:1px solid #eee; margin-top:12px; font-size:13px; line-height:13px; }
.case .box .list li .d_info em { display:inline-block; color:#adc900; font-weight:700; padding-right:8px; margin-right:7px; }
.case .box .list li .d_info em:before { content:''; position:absolute; top:1px; right:0; bottom:0; width:1px; background:#999; }
.case .box .list li .bt_veiw_detail { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }

.site_paging {width:100%;display:inline-block;text-align:center;margin-top:20px;}
.site_paging  a {font-size:16px;height:20px;line-height:20px;}
.site_paging  a img{margin-top:5px;}
.site_paging  a.on {color:#ed6b02;font-size:16px;}


.emoticon_make {}
.emoticon_make > .part_01 {margin-bottom:110px;}
.emoticon_make > .part_01 > .ttl{font-size:32px;font-weight:700;margin-bottom:33px;}
.emoticon_make > .part_01 > .exp{font-size:25px;font-weight:500;}
.emoticon_make > .part_01 > .exp > span{color:#5a65d6;}

.emoticon_make > .part_02 {margin-bottom:110px;}
.emoticon_make > .part_02 > .ttl{font-size:32px;font-weight:700;margin-bottom:22px;}
.emoticon_make > .part_02 > .sttl{font-size:25px;font-weight:500;margin-bottom:33px;padding-left:15px;}
.emoticon_make > .part_02 > .sttl::before{content:'*';position:absolute;top:5px;box-sizing:border-box;left:0;}
.emoticon_make > .part_02 > .sttl > span{color:#4569bb;}
.emoticon_make > .part_02 > .item_list {width:100%;}
.emoticon_make > .part_02 > .item_list > ul{display:flex;flex-direction:row;flex-wrap:wrap}
.emoticon_make > .part_02 > .item_list > ul > li{margin-right:20px;margin-bottom:64px;}
.emoticon_make > .part_02 > .item_list > ul > li:nth-child(4n+4){margin-right:0;}
.emoticon_make > .part_02 > .item_list > ul > li > .item_wrapper {position:relative;width:349px;height:169px;border:3px solid #5a65d6;text-align:center;box-sizing:border-box;background:#FFFFFF;}
.emoticon_make > .part_02 > .item_list > ul > li > .item_wrapper > .num {position:relative;text-align:left;}
.emoticon_make > .part_02 > .item_list > ul > li > .item_wrapper > .num > span{display:inline-block;width:32px;height:32px;line-height:30px;background:#5a65d6;color:#f7f8ff;font-size:20px;font-weight:700;text-align:center;}
.emoticon_make > .part_02 > .item_list > ul > li > .item_wrapper > .title {font-size:27px;font-weight:700;color:#5a65d6;margin-bottom:10px;letter-spacing:-2px;}
.emoticon_make > .part_02 > .item_list > ul > li > .item_wrapper > .cont {font-size:20px;font-weight:400;color:#333333;text-align:center;letter-spacing:-2.5px;}
.emoticon_make > .part_02 > .exp{font-size:25px;font-weight:400;}
.emoticon_make > .part_02 > .exp > span{color:#333333;}

.emoticon_make > .part_03 {margin-bottom:110px;}
.emoticon_make > .part_03 > .ttl{font-size:32px;font-weight:700;margin-bottom:33px;}
.emoticon_make > .part_03 > .icon_list{font-size:25px;font-weight:500;}
.emoticon_make > .part_03 > .icon_list > ul{display:flex;flex-direction:row;}
.emoticon_make > .part_03 > .icon_list > ul > li{margin-right:30px;}
.emoticon_make > .part_03 > .icon_list > ul > li:last-child{margin-right:0;}
.emoticon_make > .part_03 > .icon_list > ul > li > .c_wrap {width:222px;height:218px;background-image:url('../images/bg_circle.png');}
.emoticon_make > .part_03 > .icon_list > ul > li > .c_wrap > .icon{height:134px;display:flex;justify-content:center;align-items:center;padding-top:1px;}
.emoticon_make > .part_03 > .icon_list > ul > li > .c_wrap > .name{font-size:25px;height:50px;display:flex;justify-content:center;align-items:center;color:#FFFFFF;}

.emoticon_make > .part_04 {}
.emoticon_make > .part_04 > .ttl{font-size:32px;font-weight:700;margin-bottom:20px;}
.emoticon_make > .part_04 > .exp{font-size:25px;font-weight:500;}
.emoticon_make > .part_04 > .exp > span{color:#5a65d6;}

.emoticon_make > .part_btns{margin-top:150px;text-align:center;}

#container.make {background-image:url('../images/box_line.png');background-position:center 680px;background-repeat:no-repeat;}
#container.make .wrap {width:1460px;}