@charset "utf-8"; 


.img_pc{display:block;}
.img_m{display:none}
.center_inner{text-align:center}

.top_area{background:url('/fg/images/solu/bg_common.jpg') no-repeat center top;}
.top_area.detail{background:url('/fg/images/solu/bg_detail.jpg') no-repeat center top;}
.top_area.id{background:url('/fg/images/solu/id_bg.jpg') no-repeat center top;}
.top_area.trans{background:url('/fg/images/solu/trans_bg.jpg') no-repeat center top;}
.top_area.m2m{background:url('/fg/images/solu/m2m_bg.jpg') no-repeat center top;}



.contents_text{padding:40px 0 46px 0; margin:-40px 0 0; text-align:center; font-size:15px; color:#fff;}
.contents_text h4.title{color:#fff; margin:32px 0 -2px 0; font-weight:normal; font-size:28px;  line-height:36px}
.contents_text h5{margin:21px 0 -15px 0; font-size:15px; font-weight:normal; }
.contents_text p{margin-top:24px}

.contents_text.bg_green{background-color:#09a8ae}
.contents_text.bg_orange{background-color:#d96c36}
.contents_text.bg_purple{background-color:#725f99}
.contents_text.bg_darkbrown{background-color:#948045}
.contents_text.bg_darkgreen{background-color:#a2a632}


h4.h_title{padding:115px 0 0; font-size:35px; line-height:40px; color:#0a6b5b}
.partners{padding:0 0 20px 0; background:#fafafa}
.partners h4.h_title{padding:78px 0 6px 0}
.partners h5{font-size:22px; line-height:32px; color:#333; padding:0 0 13px 0; margin:14px 0 0; border-bottom:1px solid #ccc}
.partner_group{margin-left:-20px}
.partner_group:after{content:""; display:block; height:0; clear:both;}
.partner_group li{float:left; width:16.66%}
.partner_group span{display:inline-block; margin:10px 0 0 20px}
.partner_group img{vertical-align:top; width:100%;border: 1px solid #ccc;}

.partners p{margin:80px 0 0; font-size:18px; text-align:left; line-height:32px; color:#888}
.partners p.fir_txt{margin:34px 0 0}

.box_type{position:relative; margin:0 auto; padding:0 50px}
.box_type h4{padding-top:94px;padding-top:34px; font-size:24px; line-height:30px;}
.box_type p{margin-top:18px; font-size:15px; line-height:24px;}


.box_type.img{max-width:1180px; min-height:413px; line-height:0}
.box_type.img .fl_left{float:none; width:50%;}
.box_type.img h4{color:#0a6b5b;}
.box_type.img img{position:absolute; top:0; left:50%}


.box_type.text{padding:0 50px 100px 50px}
.box_type.text h4{color:#0a6b5b}
.box_type.text .fl_center{max-width:1180px; margin:0 auto; text-align:center}
.box_type.text .detail_content{max-width:1180px; margin:0 auto; }
.box_type.text img{display: block;max-width:100% !important;margin:1em auto !important;}


.box_type.bg{max-width:100%;}
.box_type.bg .fl_right{float:none; width:50%; padding-left:50%; max-width:590px; color:#fff; text-align:left}
.box_type.bg h4{color:#fff;}

.box_type.bg .text_group:after{content:""; display:block; clear:both; height:0}
.box_type.bg .text_group{max-width:1180px; margin:0 auto; color:#fff}
.box_type.bg .fl_left, .box_type.text .fl_right{width:50%}
.box_type.bg .fl_left *{margin-right:15px}

.box_type.bg .fl_center{max-width:780px; margin:0 auto}
.box_type.bg .fl_center h4{text-align:center}
.box_type.bg .fl_center2 h4{text-align:left}
.box_type.bg .fl_center ul{margin-top:18px;}
.box_type.bg .fl_center ul li{color:#fff; font-size:15px; line-height:24px;}
.box_type.bg .fl_center ul.bul_white li{padding-left:10px; background:url('/fg/images/common/bul_white_3_3.png') no-repeat 0 11px}

.box_type.bg .fl_center2{max-width:1180px; margin:0 auto}
.box_type.bg .fl_center2 p{color:#fff}



.box_type.block{max-width:1200px; margin:0 auto; padding:0 50px 120px 30px; text-align:center;}
.box_type.block h4{color:#0a6b5b;}
.box_type.block .bnf_purple{background:url('/fg/images/solu/bnf_purple.png') no-repeat center center}
.box_type.block .bnf_wbrown{background:url('/fg/images/solu/bnf_wbrown.png') no-repeat center center}
.box_type.block .bnf_pink{background:url('/fg/images/solu/bnf_pink.png') no-repeat center center}
.box_type.block .bnf_grey{background:url('/fg/images/solu/bnf_grey.png') no-repeat center center}
.box_type.block .bnf_blue{background:url('/fg/images/solu/bnf_blue.png') no-repeat center center}

.box_type.block .tele_element{background:url('/fg/images/solu/tele_element.png') no-repeat center center}
.box_type.block .tele_nfc{background:url('/fg/images/solu/tele_nfc.png') no-repeat center center}
.box_type.block .tele_ota{background:url('/fg/images/solu/tele_ota.png') no-repeat center center}
.box_type.block .tele_connect{background:url('/fg/images/solu/tele_connect.png') no-repeat center center}

.box_type.block .id_passport{background:url('/fg/images/solu/id_passport.png') no-repeat center center}
.box_type.block .id_driving{background:url('/fg/images/solu/id_driving.png') no-repeat center center}
.box_type.block .id_health{background:url('/fg/images/solu/id_health.png') no-repeat center center}
.box_type.block .id_social{background:url('/fg/images/solu/id_social.png') no-repeat center center}

/* 
.box_type.block .trans_passport{background:url('/fg/images/solu/trans_passport.png') no-repeat center center}
.box_type.block .trans_driving{background:url('/fg/images/solu/trans_driving.png') no-repeat center center}
.box_type.block .trans_health{background:url('/fg/images/solu/trans_health.png') no-repeat center center}
.box_type.block .trans_social{background:url('/fg/images/solu/trans_social.png') no-repeat center center}
 */

.box_type.block .m2m_automotive{background:url('/fg/images/solu/m2m_automotive.png') no-repeat center center}
.box_type.block .m2m_metering{background:url('/fg/images/solu/m2m_metering.png') no-repeat center center}
.box_type.block .m2m_health{background:url('/fg/images/solu/m2m_health.png') no-repeat center center}
.box_type.block .m2m_manegement{background:url('/fg/images/solu/m2m_manegement.png') no-repeat center center}

.block_wrap{margin-top:30px;}
.block_wrap:after{content:""; display:block; clear:both}
.block_wrap div{display:table; position:relative; float:left; width:20%; height:220px; vertical-align:middle}
.block_wrap div:after{content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:20px; background:#fff}
.block_wrap div p{display:table-cell; padding-left:20px; color:#fff; font-size:18px; line-height:24px; vertical-align:middle}
.block_wrap div p .ov{
    opacity: 1;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('/fg/images/topic/bg_topic_list1.png') repeat;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.block_wrap div p a{
    position: relative;
    color:#fff;
}
.block_wrap div p .category, .block_wrap div p .date{
    font-size:12px;
    display: block;
}

.block_wrap.type2{max-width:960px; margin:30px auto 0 auto;}
.block_wrap.type2 div{width:25%; }


.top_area.type_text02{overflow:hidden}
.top_img_in{position:relative; max-width:2560px !important; margin:0 auto; overflow:hidden !important}
.top_area.type_text02 img{position:absolute; z-index:0; top:0; left:50%; width:2560px; overflow:hidden; margin-left:-1280px; transform:matrix(1.1, 0, 0, 1.1, 0, 0);}
.top_area.type_text02.on img{transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}
.top_area.type_text02 .top_inner{position:relative; z-index:1}

.contents_text.mk p{margin:34px 0 -10px 0; opacity:0}
.contents_text.mk.on p{margin:24px 0 0 0; opacity:1; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; transition-property:margin, opacity;}
.contents_text.mk h4.title{margin:42px 0 -12px 0; opacity:0}
.contents_text.mk.on h4.title{margin:32px 0 -2px 0; opacity:1; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; transition-property:margin, opacity;}
.contents_text.mk h5{margin:31px 0 -25px 0; opacity:0}
.contents_text.mk.on h5{margin:21px 0 -15px 0; opacity:1; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; transition-property:margin, opacity;}

.block_wrap div{margin:15px 0 -5px 0; opacity:0}
.block_wrap.on div{margin:10px 0 0; opacity:1; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; transition-property:margin, opacity;}
.block_wrap.on div:nth-child(2){transition-delay:0.2s !important;}
.block_wrap.on div:nth-child(3){transition-delay:0.4s !important;}
.block_wrap.on div:nth-child(4){transition-delay:0.6s !important;}
.block_wrap.on div:nth-child(5){transition-delay:0.8s !important;}

.delay01{transition-delay:0.3s !important;}
.delay02{transition-delay:0.6s !important;}
.delay03{transition-delay:0.9s !important;}




.box_type.img.bnf .fl_left{width:49%}
.box_type.img.bnf .fl_left h4{padding-top:74px}
.box_type.img img{position:absolute; top:0; left:50%; margin:0 0 0 50px}
.box_type.img.bnf ul{margin:20px 0 0}
.box_type.img.bnf ul li{position:relative; padding-left:11px; line-height:24px}
.box_type.img.bnf ul li:after{content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background:#333;}

.box_type.bg.bnf{color:#333; min-height:383px; background: url('/fg/images/solu/bg_bnf_02.png') no-repeat center 0}
.box_type.bg.bnf .fl_right{color:#333}
.box_type.bg.bnf .fl_right h4{color:#0a6b5b; margin:0 0 20px 0;}
.box_type.bg.bnf .fl_right ul li{position:relative; padding-left:11px;}
.box_type.bg.bnf .fl_right ul li:after{content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background:#333;}


.box_type.bg.tele{min-height:478px; background:#383d50 url('/fg/images/solu/tele_box_bg02.png') no-repeat center 0}


.box_type.bg.id{min-height:945px; background: url('/fg/images/solu/bg_id_bg.jpg') no-repeat center bottom}
.box_type.bg.id .fl_center2 h4{padding-top:72px}
.box_type.text.id .fl_center span{display:inline-block; margin:30px 0 0}

.box_type .id_downbtn{padding:0 0 100px 0; margin:45px 0 0}
.box_type .id_downbtn a{display:inline-block; position:relative; color:#fff; font-size:12px;padding:0 29px 0 0}

.box_type .id_downbtn a img{vertical-align:top; margin:7px 10px 0 0}


.box_type.bg.trans{padding:0; min-height:680px; background:#f8f8f8}
.box_type.bg.trans .fl_center{text-align:center; color:#333}
.box_type.bg.trans .fl_center h4{margin:0 0 28px 0}
.box_type.bg.trans .fl_center p{max-width:720px; margin:0 auto}
.box_type.bg.trans .img_pc{margin:80px 0 0}

.box_type.text.trans{min-height:580px; padding:82px 0 18px 0; color:#fff; background:url('/fg/images/solu/trans_bg04.jpg') repeat center center; background-size:cover}
.box_type.text.trans .fl_center{padding:0 50px}
.box_type.text.trans .fl_center .ico_wrap{display:block; max-width:912px; margin:60px auto 0 auto}
.box_type.text.trans .fl_center .ico_wrap span{display:inline-block}
.box_type.text.trans .fl_center .ico_wrap img{vertical-align:top; margin:35px 26px 0 25px}


.box_type.text.m2m{min-height:520px; max-height:700px; padding:0 50px 50px; border-bottom:1px solid #dedede;}
.box_type.text.m2m .img{display:block; margin:40px 0 0}
.box_type.text.m2m .img img{width:auto}



.contents_text.type02{color:#333; padding:0 0 68px 0; margin:0}
.contents_text.type02 h4.title{margin:32px 0 16px 0; color:#0a6b5b}

.download_list{margin:40px 0 0}
.download_list li{display:inline}
.download_list li:first-child{/*margin-right:40px*/}
.download_list a{position:relative;  color:#0a6b5b; padding-left:23px; font-size:15px}
.download_list a:after{content:""; display:block; position:absolute; left:0; top:0; width:18px; height:18px; background:url('/fg/images/common/icon_activity.png') no-repeat right top; background-position:-36px -59px; background-size:250px 250px}
.download_list li:first-child a:after{background-position:0 -59px}


.alpha_area{padding:52px 50px 0 50px; width:500px; height:568px; background:url('/fg/images/common/alpha_bg.png') repeat left top; color:#333; font-size:15px}
.alpha_area p.tit{display:block; color:#0a6b5b; font-size:48px; font-family: "HN_Th"; font-weight:normal; line-height:48px; margin:0 10px 0 -3px}
.alpha_area p.tit strong{display:inline-block; font-family: "HN_Bd"; margin:0 0 0 17px}
.alpha_area .sub_tit{margin:-4px 0 15px 0; color:#666; font-size:12px; line-height:48px}
.alpha_area p.sub_txt{line-height:24px}

.alpha_area .title_type{display:inline-block; position:relative; padding:0 0px 0 12px; margin-right:20px; color:#0a6b5b; font-size:12px; line-height:20px;}
.alpha_area .title_type:after{content:""; display:block; position:absolute; left:0; top:3px; width:3px; height:13px; background:#fb801d}

.alpha_area .alpha_txt_list{margin:41px 0 0}
.alpha_area .alpha_txt_list li{position:relative; padding-left:15px}
.alpha_area .alpha_txt_list li:after{content:""; display:block; position:absolute; left:0; top:12px; width:3px; height:3px; background:#4d4d4d}

a.alpahbox_btn{display:inline-block; position:relative; margin:50px 0 0; font-size:14px;  color:#0a6b5b;}
a.alpahbox_btn:after{content:""; display:block; position:absolute; left:0; top:5px; width:16px; height:17px; background:url('/fg/images/common/icon_activity.png') no-repeat right top; background-position:-49px 0; background-size:250px 250px}
a.btn_view{font-size:15px; padding-left:23px;}
a.btn_view:after{background-position:-72px -61px}

a.btn_download{ font-size:15px; padding-left:30px; line-height:20px}
a.btn_download:after{left:0; top:0; width:18px; height:18px; background-position:-36px -59px}



.search_area{position:relative; padding-bottom:40px;}
.search_area.on .search_wrap{display:block;}
.search_area .search_wrap{display:none; color:#fff; font-size:14px; line-height:14px; background:#424a53}
.search_area .search_list{max-width:1180px; margin:0 auto; padding:0; background:#2d3540;}
.search_area label{margin-left:9px; color:#acaeb1; vertical-align:middle}
.search_area .search_list>li{float:left; width:20%; padding-bottom:27px}
.search_list>li .check_list{margin:0 15px;min-height: 120px}
.search_area .search_list>li.auth p, .search_list>li.auth .check_list{margin:0 0 10px 30px;}
.search_area .search_list>li>p{margin:0 15px 4px 15px; font-size:12px;  line-height:48px; border-bottom:1px solid #424a53}
.search_area .search_list>li>p>a{color:#fff;font-size:14px;}
.search_area .search_list>li .check_list li{position:relative; line-height:30px}
.search_area .search_list>li .check_list a{color:#acaeb1;}
.search_area .search_list>li .check_list a.on{color:#27dcbe;}

.search_area .search_list li.end{min-height:117px; padding:60px 0 27px 0; background:#222a35; text-align:center}
.search_area .search_list li.end .icheckbox_flat{margin:0 0 0 -16px}
.search_area .search_list li.end button{display:block; width:100px; margin:18px auto 0 auto; height:42px; background:#398fe6; color:#fff; text-align:center}
.search_area .search_list li.end button:hover{background:#0a6b5b}



.check_list li label:hover{cursor:pointer; text-decoration:underline}
.search_area .icheckbox_flat{display: inline-block;* display: inline;vertical-align: middle;margin: 0; padding: 0; width: 20px; height: 20px; background: url('/fg/images/common/chk_bg.png') no-repeat; border: none; cursor: pointer;}
.search_area .icheckbox_flat{background-position: 0 0}
.search_area .icheckbox_flat.checked{background-position:-40px 0}

.search_area .end .icheckbox_flat{background-position:0 0}
.search_area .end .icheckbox_flat.checked{background-position:-40px 0}

.search_area .select_search{border-top:1px solid #424a53; padding:23px 0; }
.search_area .select_search_inner{position:relative; max-width:1180px; padding:0 50px; margin:0 auto; line-height:20px}
.search_area .select_search_inner>div:first-child{margin-left:9px}
.search_area .select_search_inner label{margin-right:50px}
.search_area .select_search_inner button{float:right; position:relative; margin-top:-13px; width:25%; background:#398fe6}
.search_area .select_search_inner button span{display:inline-block; padding:15px 0 14px 30px; color:#fff; font-size:15px;  background:url('/fg/images/common/ico_search.png') no-repeat left center; background-size:19px 18px;}
.search_area .select_search_inner button:hover{background:#0a6b5b}

.search_area .search_btn{display:block; position:absolute; bottom:0; left:50%; width:40px; height:40px; margin-left:-20px; background:url('/fg/images/common/btn_cn_prod_search.png') no-repeat center 0; text-indent:-9999px}
.search_area .search_btn:hover{width:180px; margin-left:-90px; background-position:center -40px}
.search_area.on .search_btn{width:40px; height:40px; margin-left:-20px; background-position:center -80px}


.ucard_contents{position:relative; min-height:150px; padding-bottom:35px; margin-top:44px; border-top:1px solid #e6e6e6}
.ucard_contents:first-child{margin-top:54px}
.ucard_contents.proven_pb{padding-bottom:0 !important}
.ucard_contents div{padding:30px 0 0}
.ucard_contents div.contents_tit{width:100%; max-width:280px; padding:0; position:absolute; left:0}
.ucard_contents div.ucard_con{float:left; margin-left:280px}

.ucard_contents div.ucard_con .table_wrap{display:block; padding:0; margin:0 0 0 20px; border-top:none}
.ucard_contents div.ucard_con table{min-width:385px; width:100%}
.ucard_contents div.ucard_con table tr td{padding:20px 0 15px 0}
.ucard_contents div.ucard_con table tr.line td{border-bottom:1px solid #e6e6e6}
.ucard_contents .table_wrap table tbody tr:first-child td{padding:0 0 15px 0}
.ucard_contents .table_wrap table tbody tr:last-child td{border-bottom:none}
.ucard_contents div.ucard_con table strong{}
.ucard_contents div.ucard_con .table_wrap.mo{display:none; }

.ucard_contents .contents_tit p{}
.ucard_contents p{position:relative; padding:30px 0 0; font-size:28px; line-height:36px; color:#333}
.ucard_contents p:after{content:""; display:block; position:absolute; left:0; top:-1px; width:100%; height:2px; border-top:1px solid #333}
.ucard_contents ul li{position:relative; padding-left:15px; font-size:15px; line-height:26px; color:#333}
.ucard_contents ul li:after{content:""; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#333}

.ucard_list{position:relative; height:620px; background-size:cover !important}
.ucard_list .alpha_area{position:absolute; right:50%; width:484px; margin-left:50px}
.ucard_list.fl_right{float:none}
.ucard_list.fl_right .alpha_area{position:absolute; left:50%; margin-left:0}

.ucard_list.plat_list{height:620px;}
.ucard_list.plat_list .alpha_area{height:568px;}


.info_table p.info_tit{font-size:18px; line-height:60px}
.info_table p.info_tit strong{color:#0a6b5b}
.info_table .info_top{position:relative; max-width:1180px; margin:0 auto}

.info_table .download_list{position:absolute; right:0; top:-20px; line-height:20px; font-size:14px; color:#0a6b5b}
.info_table .download_list a.sample:after{background-position:0 -59px}

.info_table a.family{color:#0a6b5b; font-size:14px}
.info_table a.family:hover{text-decoration:underline;}

.ucard_contents div.ucard_con .table_wrap.pro_40_list table{width:75%}


.platform .ucard_list{height:880px}
.platform .ucard_list .alpha_area{padding:74px 50px 0 50px; height:806px}
.platform .ucard_list .alpha_area .alpha_txt_list li{margin-top:6px}
.platform .alpahbox_btn{margin:32px 0 0}
.platform .alpha_area p.tit{font-size:60px}
.platform .alpha_area .sub_tit{font-size:14px}
.platform .alpha_area .alpha_txt_list li:first-child{margin-top:0}
.alpha_area p.tit span{font-family: "HN_Bd";}
.alpha_area p.features{margin:41px 0 0; font-size:14px}


.utsm_group{margin:80px 0 0}
.utsm_group:after{content:""; display:block; height:0; clear:both}
.utsm_group >div{float:left; width:33.3%; text-align:left; padding:0 6px; box-sizing:border-box}
.utsm_group >div.ustm_center .tsm_inner{padding:0 30px}
.utsm_group span.img{display:block}
.utsm_group img{width:100%}
.utsm_group p.tit{ font-size:24px; line-height:30px; margin:43px 0 0; color:#0a6b5b}
.utsm_group p.text_title{height:auto;}
.utsm_group p.text_title strong{display:inline-block; font-size:15px; line-height:24px; margin:8px 0 0}
.utsm_group ul{margin:15px 0 0}
.utsm_group ul li{position:relative; padding-left:12px; font-size:14px; line-height:24px; color:#333}
.utsm_group ul li:after{content:""; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background:#333}
.utsm_group .ustm_center p, .utsm_group .ustm_center ul{padding:0 10px 0 16px}



.contents_text.type02 .inner02 h4.title{margin:91px 0 15px 0}
.system{margin:25px 0 0; width:100%; min-height:1194px; background: url('/fg/images/solu/other_img_bg.jpg') no-repeat center top;}
.system .inner{max-width:1180px; padding:97px 50px 0; margin:0 auto; color:#fff; text-align:center}
.system h4.title{ font-weight:normal; font-size:28px; line-height:32px}
.system p{ font-size:15px; line-height:24px; margin:20px 0 0}
.system .inner img{width:100%}
.system .inner .img_pc{margin:70px 0 0}
.system .inner .img_m{margin:60px 0 0}
.system .inner .other_list{max-width:510px; margin:56px auto 0 auto; text-align:left}
.system .inner .other_list:after{display:block; content:""; clear:both; height:0}
.system .inner .other_list p{ margin:0 0 20px 0}
.system .inner .other_list ul li{position:relative; padding-left:12px}
.system .inner .other_list ul li:after{display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#fff}



.top_area.card{background: url('/fg/images/solu/bg_card.jpg') no-repeat center top;}

.facturing_list{max-width:1180px; margin:0 auto; padding:49px 50px 95px 50px}
.facturing_list h5{margin-top:45px; color:#0a6b5b; font-size:24px; line-height:30px}
.facturing_list p{margin:11px 0 20px 0}
.facturing_list ul{margin-top:8px}
.facturing_list ul span{display:block}
.facturing_list .btn_download{display:block;margin:24px 0 0}

.facturing_list .btn_wrap{margin-top:50px; text-align:center}
.facturing_list .btn_wrap a{display:inline-block; color:#0a6b5b; text-decoration:none}

.facturing_cont{max-width:1180px; margin:0 auto; padding:90px 50px 100px 50px}
.facturing_cont h5{color:#0a6b5b;  font-size:28px; line-height:36px; text-align:center}
.facturing_cont p{margin-top:23px; text-align:center}

.facturing_cont .card_design{margin:37px -10px 0 -10px; font-size:0; line-height:0; text-align:center}
.facturing_cont .card_design img{margin:20px 10px 0 10px}

.facturing_cont.table{padding-bottom:120px}
.facturing_cont.table p{max-width:780px; margin:23px auto 0 auto;}
.facturing_cont.table .table_wrap{margin-top:56px;}


.facturing_cont.table .list_icon{ margin:18px 0 0; text-align:right}
.facturing_cont.table .list_icon span{display:inline-block;margin-left:6px; font-size:14px; line-height:20px; color:#333}
.facturing_cont.table .list_icon span:first-child{margin-left:0}
.facturing_cont.table .list_icon span:first-child img{margin:0 8px 0 0}
.facturing_cont.table .list_icon img{width:25px; vertical-align:top; margin:0 3px 0 0}
.card_table_mo table tbody tr td{text-align:center; color:#000}
.card_table_mo table tbody tr.line th, .card_table_mo table tbody tr.line td{border-bottom:1px solid #b9babc}

@media screen and (max-width:1280px){
	
	.system .inner .other_list{max-width:460px;}
}

@media screen and (max-width:1185px){
	
	.ucard_list .alpha_area{position:static; left:0; right:0}
	.ucard_list.fl_right .alpha_area{position:static; left:0; margin-left:50px}
}

@media screen and (max-width:1180px){
	.search_area .search_wrap{padding:0}
	.search_area .search_list{margin:0 50px}
}

@media screen and (max-width:1008px){
	
	.alpha_area p.sub_txt, .alpha_area .alpha_txt_list li{font-size:14px;}
	.search_area .search_list li.end .icheckbox_flat{margin:0}

	
	.alpha_area, .ucard_contents ul li{font-size:14px}
	.search_area .search_list{margin:0; padding:0 50px}
	.search_area .search_list>li{width:25%}
	.search_area .search_list li.all{float:none; width:100%}
	.search_area .search_list>li.auth{width:26.5%}
	.search_area .search_list>li>p{margin:0 10px 4px 10px; font-size:12px}

	.search_area .search_list li.end{min-height:auto; width:100%; padding:0; text-align:left; line-height:42px; background:none}
	.search_area .search_list li.end .check_all{margin:0 10px; padding:10px 0; border-top:1px solid #575d66;}
	.search_area .search_list li.end button{float:right; margin:0}

	.search_list>li .check_list{margin:0 10px;}
	.search_area .search_list>li.auth p, .search_list>li.auth .check_list{margin:0 0 0 10px;}
	.search_area .search_list>li .check_list li{font-size:12px;}
	.search_area .select_search_inner label{font-size:12px}
	.search_area .select_search_inner button{width:27%}
	.ucard_contents p{font-size:28px; line-height:36px}

	.ucard_contents div.ucard_con .table_wrap{display:none;}

	.ucard_contents div.ucard_con .table_wrap.pro_40_list{display:block;}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list table{width:100%}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list.mo{display:none;}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list.mo table{min-width:100%}

	
	.contents_text{padding:40px 0 78px 0}
	.contents_text .inner{font-size:12px; line-height:22px}
	.contents_text h4.title{margin-top:31px; font-size:24px}
	.contents_text h5{margin:12px 0 -10px 0; font-size:14px}
	.contents_text p{margin-top:15px;}

	.contents_text.type02{padding:0 0 78px 0}
	.contents_text.type02 p{margin-top:15px;}

	
	.box_style h5, .box_style2 h5, .box_style3 h5{font-size:22px; line-height:24px}
	.box_style p, .box_style2 p, .box_style3 p{font-size:14px; line-height:24px}
	.box_style3{padding:90px 50px 150px 38px}
	.box_block div:after{width:12px}

	
	.box_type h4{font-size:22px; line-height:24px;}
	.box_type p{font-size:14px; line-height:24px;}

	
	.box_type.bg .fl_center ul{margin-top:20px;}
	.box_type.bg .fl_center ul li{font-size:14px; line-height:24px;}

	
	.box_type.block{max-width:1190px; padding:0 50px 88px 40px;}

	.block_wrap div:after{width:10px;}
	.block_wrap div p{display:table-cell; padding-left:10px; color:#fff; font-size:18px; line-height:24px; vertical-align:middle}

	
	.facturing_cont.table{padding-bottom:88px}
	.facturing_cont.table .list_icon span{font-size:12px; line-height:24px}

	
	.box_type.text.trans{min-height:500px; padding:42px 0 0}
	.box_type.text.trans .fl_center{padding:0 32px}
	.box_type.text.trans .fl_center .ico_wrap{padding:0 0 110px 0; margin:20px auto 0 auto}
	.box_type.bg.trans .fl_center p{max-width:625px; margin:0 auto}

	
	
	.utsm_group>div{padding:0px;}
	.utsm_group >div.ustm_center .tsm_inner{padding:0 8px}
	.utsm_group p.tit{font-size:18px; margin:30px 0 0;}
	.utsm_group p.text_title{height:auto;}
	.utsm_group p.text_title strong{font-size:12px; line-height:24px;}
	.utsm_group ul{margin:13px 0 0}
	.utsm_group ul li{padding-left:12px; font-size:12px; line-height:24px;}
	.utsm_group .ustm_center p, .utsm_group .ustm_center ul{padding:0 0 0 20px}
	.utsm_group .ustm_right p, .utsm_group .ustm_right ul{padding:0 0 0 20px}
	
	
	.system{min-height:950px; }
	.system .inner .other_list{max-width:455px}

    .partners h4.h_title{padding:86px 0 0}
    .partners p{margin:40px 0 0}
    .partner_group{margin-left:-10px}
    .partner_group li{float:left; width:20%}
    .partner_group span{display:inline-block; margin:10px 0 0 10px}
}

@media screen and (max-width:770px){
    .partners h4.h_title{padding:46px 0 0}
    .partners p{margin:40px 0 0}
    .partner_group{margin-left:-10px;}
    .partner_group li{float:left; width:25%}
}

@media screen and (max-width:752px){
	
	.img_pc{display:none;}
	.img_m{display:block}


	
	.ucard_list{height:auto !important; min-height:540px}
	.alpha_area{width:100%; height:auto; min-height:510px; min-height:288px; padding:30px 0 0; text-align:center}
	.alpha_area p.tit{display:block; font-size:42px}
	.alpha_area .sub_tit{margin:-10px 32px 4px}
	.alpha_area p.sub_txt{margin:0 32px}
	.alpha_area ul{text-align:left}
	.alpha_area .alpha_txt_list{margin:41px 32px 0}
	a.alpahbox_btn{display:block; text-align:left;margin:32px 0 0 32px}
	

	.search_area .search_wrap{padding:0}
	.search_area .search_list{padding:0 32px}
	.search_area .search_list>li:first-child, .search_area .search_list>li{min-height:130px; padding:0 0 8px; border-left:none; width:100%}
	.search_area .search_list>li:first-child{padding:16px 0}
	.search_list>li:first-child .check_list{margin:0}
	.search_area .search_list>li>p{padding-bottom:0}
	.search_area .search_list>li p, .search_list>li .check_list{margin:0 0 10px 0}
	.search_area .search_list>li.auth p, .search_list>li.auth .check_list{margin:0 0 10px 0}
	.search_area .select_search{padding:23px 0 26px 0; margin:25px 0 0}
	.search_area .select_search_inner{padding:0 32px; text-align:center}
	.search_area .select_search_inner label{margin-right:0}
	.search_area .select_search_inner label.all{margin-right:7%}
	.search_area .select_search_inner button{display:block; float:none; margin:20px auto 0 auto; width:240px}
	.search_area .search_btn{font-size:12px}

	.search_area .search_list li.end .icheckbox_flat{margin:0}
	.search_area .search_list li.end{min-height:auto}
	.search_area .search_list li.end .check_all{margin:0 -32px; padding:20px 32px;}

	.ucard_contents{margin-top:48px}
	.ucard_contents:first-child{margin-top:60px}
	.ucard_contents div{display:block; float:none; width:100%; padding:0}
	.ucard_contents div.contents_tit{margin:0 0 10px; max-width:180px; position:static;}
	.ucard_contents div.ucard_con{float:none;width:100%; margin-left:0}
	.ucard_contents p{padding:22px 0 0; font-size:24px; line-height:30px}

	.ucard_contents div.ucard_con .table_wrap.mo{margin:20px 0 0}

	
	.contents_text{padding:40px 0 55px 0}
	.contents_text .inner{padding:0 32px}
	.contents_text h4.title{margin:25px 0 -14px 0; font-size:18px; line-height:24px}
	.contents_text h5{margin:30px 0 -14px 0;}
	.contents_text p{margin-top:42px }

	.contents_text.type02{padding:0 0 65px 0}
	.contents_text.type02 h4.title{margin:19px 0 0 0; font-size:18px; line-height:36px}
	.contents_text.type02 p{margin-top:2px}
	.contents_text.type02 p.download_list{margin:20px 0 0}

	.ucard_list .alpha_area{position:static; left:0; width:100%; margin-left:0}
	.ucard_list.fl_right .alpha_area{margin-left:0}


	
	.info_table{padding:40px 32px 60px 32px}
	.info_table .info_top{text-align:center}
	.info_table p.info_tit{font-size:15px}
	.info_table .download_area{position:static; padding:0 0 8px 0; font-size:12px}
	.info_table .download_list{position:absolute; left:0; top:0; margin:45px 0 0}

	
	.box_style{background-position:right bottom !important; min-height:550px; padding:60px 32px 0}
	.box_style .fl_left{width:100%}
	.box_style h5, .box_style2 h5, .box_style3 h5{font-size:18px; line-height:24px}
	.box_style2 h5{margin:5px 32px 23px 0}
	.box_style2 p{margin:0 32px 0 0}
	.box_style3{padding:53px 32px}
	.box_block div{width:100% !important; margin:10px 0 0}
	.box_block div:first-child{margin:0}
	.box_block div p{padding:0 !important; font-size:18px !important; line-height:24px !important}
	.box_block.type2	div{height:220px}
	.box_block div:after{display:none}

	
	.box_type{padding:0 32px}
	.box_type h4{padding-top:52px; font-size:18px; line-height:28px;}
	.box_type p{margin-top:16px; font-size:12px; line-height:22px;}

	
	.box_type.img.bnf .fl_left{width:100%;}
	.box_type.img .img{display:block; margin:0 -32px}
	.box_type.img .img img{position:static; top:auto; left:auto; width:100%}
	
	
	.box_type.text{padding:0 32px 60px}
	.box_type.text .fl_left, .box_type.text .fl_right{float:none; width:100%}
	.box_type.text .fl_left *{margin-right:0}

	
	.box_type.bg{max-width:100%; min-height:478px}
	.box_type.bg .fl_right{float:none; width:100%; padding-left:0; max-width:100%; color:#fff;}
	.box_type.bg h4{color:#fff;}

	.box_type.bg .fl_center ul{margin-top:19px;}
	.box_type.bg .fl_center ul li{font-size:12px; line-height:24px;}

	
	.box_type.block{max-width:100%; padding:0 32px 60px 32px; text-align:center;}
	.box_type.block h4{color:#0a6b5b;}

	.block_wrap, .block_wrap.type2{margin:17px 0 0 -10px;}
	.block_wrap div{display:table; position:relative; width:50%; height:220px; vertical-align:middle; margin:10px 0 0}
	.block_wrap div:after{top:0; bottom:0; left:0; background:#fff}
	.block_wrap div p{font-size:18px; line-height:24px;}

	.block_wrap.type2 div{width:50%;}


	
	.box_type.img img{margin:0 0 0 32px}
	.box_type.bg.bnf{min-height:310px; background: url('/fg/images/solu/bg_bnf_02.png') no-repeat 70% 0}
	.box_type.bg.bnf .fl_right{max-width:440px; margin:0 auto;}
	.box_type.bg.bnf .fl_right h4{text-align:center}

	
	.box_type.img.tele .fl_left{width:100%;}
	.box_type.bg.tele{background:#383d50 url('/fg/images/solu/tele_box_bg02.png') no-repeat 70% 0;}
	.box_type.bg.tele .fl_right{max-width:440px; margin:0 auto; text-align:center}

	
	.facturing_list{padding:6px 32px 58px 32px}
	.facturing_list h5{font-size:18px;}

	.facturing_cont{padding:50px 32px 100px 32px}
	.facturing_cont h5{font-size:24px;}
	.facturing_cont p{margin-top:18px;}

	.facturing_cont.table{padding-bottom:35px}
	.facturing_cont.table p{margin:18px auto 0 auto;}
	.facturing_cont.table .table_wrap{margin-top:56px;}

	.facturing_cont.table .list_icon{ margin:30px 0 0; text-align:center}
	.facturing_cont.table .list_icon span{margin:0 0 15px 12px}

	
	.box_type.bg.id{background-size:cover; background: url('/fg/images/solu/bg_id_bg.jpg') no-repeat 70% bottom}
	.box_type.bg.id .fl_left, .box_type.bg.id .fl_right{float:none; width:100%}
	.box_type .id_downbtn a{font-size:14px}

	
	.box_type.text.trans{min-height:500px;}
	.box_type.text.trans .fl_center{padding:0 32px}

	.box_type.bg.trans{padding:0 0 50px 0}
	.box_type.bg.trans .fl_center{padding:0 32px}
	.box_type.bg.trans .img img{width:100%; max-width:293px} 
	.box_type.bg.trans .img_m{margin:65px 0 0}

	
	.box_type.text.m2m{padding:0 32px 50px}

	
	.platform .ucard_list .alpha_area{padding:30px 0; height:auto; min-height:510px}
	.platform .alpha_area p.tit{font-size:42px}
	.platform .alpahbox_btn{margin:32px 0 0 32px}
	.alpha_area p.features{margin-left:32px; text-align:left}

	
	
	.utsm_group{margin:0px 0 0}
	.utsm_group> div{float:none; width:100%; margin:120px 0 0}
	.utsm_group> div.ustm_left{margin:70px 0 0}
	.utsm_group> div:after{content:""; display:block; height:0; clear:both}
	.utsm_group >div.ustm_center .tsm_inner{padding:0}

	.utsm_group span{float:left; width:45%; display:inline-block;}
	.utsm_group .tsm_inner{float:left; width:55%;}

	.utsm_group p.tit{ font-size:18px; height:auto; margin:30px 0 0 20px; color:#0a6b5b}
	.utsm_group p.text_title{height:auto;}
	.utsm_group p.text_title strong{display:inline-block; font-size:12px; height:auto; line-height:24px;margin:-110px 0 0}
	.utsm_group ul{margin:14px 0 0 20px}
	.utsm_group ul li{position:relative; padding-left:12px; font-size:12px; line-height:24px}
	.utsm_group span{margin:40px 0 0}

	
	.contents_text.type02.plat{padding:0 0 55px 0}
	.contents_text.type02.plat p{margin-top:24px}
	.contents_text.type02.plat h4.title{font-size:18px; line-height:30px}
	.contents_text.type02.plat .inner02 h4.title{margin:57px 0 0}
	.system{margin:0; min-height:1322px}
	.system .inner{padding:53px 32px 0}
	.system h4.title{font-size:24px}
	.system p{font-size:12px; line-height:22px}
	.system .inner .other_list{max-width:325px}
}

@media screen and (max-width:700px){
	.ucard_contents div.ucard_con .table_wrap.pro_40_list.pro_nsim{display:none;}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list.pro_nsim.mo{display:block;}
	.ucard_contents .table_wrap.pro_40_list.pro_nsim.mo table tbody tr:last-child td{border-bottom:1px solid #e6e6e6}
}

@media screen and (max-width:500px){
	
	.box_type.text.trans .fl_center .ico_wrap img{margin:35px 18px 0 18px}

	
	.box_type.text.m2m .img img{width:100%}

	
	.utsm_group{margin:0px 0 0}
	.utsm_group> div{float:none; width:100%; margin:60px 0 0}
	.utsm_group> div.ustm_left{margin:50px 0 0}

	.utsm_group span{display:block; float:none; width:100%;}
	.utsm_group .tsm_inner{display:block; float:none; width:100%;}
	.utsm_group p.tit{margin:13px 0 0}
	.utsm_group p.text_title strong{margin:0}
	.utsm_group ul{margin:13px 0 0}
	.utsm_group span{margin:0}
	.utsm_group .ustm_center p, .utsm_group .ustm_center ul, .utsm_group .ustm_right p, .utsm_group .ustm_right ul{padding:0}

	
	.system{min-height:950px}
	.system .inner .other_list{max-width:100%; padding-bottom:100px}
	.system .inner .other_list div{float:none}
	.system .inner .other_list .fl_right{margin:30px 0 0}
	.system .inner .other_list p{margin:0 0 15px 0}
}

@media screen and (max-width: 470px){

    .partner_group li{
        float: left;
        width: 33.3%
    }
}

@media screen and (max-width:442px){
	.alpha_area p.sub_txt{margin:0 16px}
	.alpha_area .alpha_txt_list{margin:30px 16px 0}
	.alpha_area p.sub_txt, .alpha_area .alpha_txt_list li{font-size:12px}

	.ucard_contents div.ucard_con .table_wrap.pro_40_list{display:none;}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list.mo{display:block;}
	.ucard_contents .table_wrap.pro_40_list.mo table tbody tr:last-child td{border-bottom:1px solid #e6e6e6}

	.download_list li{display:block}
	.download_list li:first-child{margin:0}
	.download_list li{margin:5px 0 0}

	
	.block_wrap div{float:none; width:100% !important}
	.block_wrap div p{padding:0}

	
	.box_type.text.trans .fl_center{padding:0 16px}
	.box_type.text.trans .fl_center .ico_wrap{padding:0 0 50px 0; margin:20px auto 0 auto}
	.box_type.text.trans .fl_center .ico_wrap:after{content:""; display:block; height:0; clear:both}
	.box_type.text.trans .fl_center .ico_wrap span{float:left; width:50%}
	.box_type.text.trans .fl_center .ico_wrap img{margin:35px 18px 0 18px}
}

@media screen and (max-width: 370px){
    .partner_group li{
        float: left;
        width: 50%
    }
}

@media screen and (max-width:320px){
	
	.alpha_area p.tit{font-size:36px; line-height:48px}
	.alpha_area p.tit strong{margin:0 0 0 13px}
	.alpha_area .sub_tit{margin:-10px 16px 6px; font-size:12px}
	.alpha_area p.sub_txt{margin:0 16px; font-size:12px; line-height:22px}
	.alpha_area .title_type{margin-top:-1px}
	.alpha_area .alpha_txt_list{margin:37px 16px 0}
	a.alpahbox_btn{margin:19px 0 0 19px}
	

	.search_area .search_list, .search_area .select_search_inner{padding:0 16px}
	.search_area .select_search_inner{text-align:left}
	.search_area .select_search_inner label.all{margin-right:10%}
	.search_area .select_search_inner button{width:100%}

	
	.contents_text{padding:40px 0}
	.contents_text .inner{padding:0 16px}
	.contents_text h4.title{margin:24px 0 -13px 0; font-size:18px; line-height:24px}
	.contents_text h5{margin:28px 0 -13px 0;}
	.contents_text p{margin-top:22px}

	.contents_text.type02{padding:0 0 40px 0}

	.ucard_list.ucard{height:600px}
	.ucard_contents div.ucard_con table{min-width:275px}

	
	.platform .alpha_area .sub_tit{font-size:12px}
	.alpha_area p.features{margin-left:16px; font-size:12px}
	.platform .alpha_area .alpha_txt_list li{margin-top:0 !important;}
	.platform .alpahbox_btn{margin:19px 0 0 19px}

	
	.box_style{padding:60px 16px 0}
	.box_style2{padding:60px 16px}
	.box_style2 h5{margin:0 0 23px 0}
	.box_style2 p{margin:0}
	.box_style2 .fl_right{width:100%; float:none}
	.box_style3{padding:53px 16px}

	
	.box_type{padding:0 16px}
	.box_type p{line-height:24px;}

	
	.box_type.img .img{margin:0 -16px}

	
	.box_type.text{padding:0 16px 60px}

	
	.box_type.block{padding:0 16px 60px 16px;}
	.block_wrap div{float:none; width:100%}
	.block_wrap div p{padding-left:0}
	
	
	.box_type.img img{margin:0 0 0 16px}


	
	.facturing_list{padding:0 16px 58px 16px}
	.facturing_list h5{line-height:24px}

	.facturing_cont{padding:50px 16px 60px 16px}
	.facturing_cont h5{font-size:24px;}
	.facturing_cont p{margin-top:18px;}

	.facturing_cont.table{padding-bottom:38px}
	.facturing_cont.table p{margin:18px auto 0 auto;}
	.facturing_cont .card_design{margin-top:15px}

	.facturing_cont.table .table_wrap{margin-top:56px;}

	
	.facturing_cont.table .list_icon span{ margin:0 15px 15px 0}

	
	.box_type.bg.trans .fl_center, .box_type.text.trans .fl_center{padding:0 16px}
	.box_type.bg.trans .img_m img{width:100%}

	
	.box_type.text.m2m{padding:0 16px 50px}

	
	.system{min-height:750px}
	.system .inner{padding:53px 16px 0}
}

.topic_wrap{margin-top:-1px; padding-bottom:100px; background:#f2f2f2}

.topic_wrap .check_list{padding:32px 50px; text-align:center; font-size:0}
.topic_wrap .check_list .chk{display:inline-block; position:relative; margin-left:30px; font-size:14px; line-height:30px}
.topic_wrap .check_list .chk:first-child{margin-left:0}
.topic_wrap .check_list .chk span{color:#0a6b5b;}
.topic_wrap .check_list .chk input{vertical-align:top}
.topic_wrap .check_list .chk label{padding-left:26px; background:url('/fg/images/topic/bg_chk.png') no-repeat 0 0}
.topic_wrap .check_list input[type=checkbox]{position:absolute; left:-9999px; visibility:hidden;}
.topic_wrap .check_list input[type=checkbox]:checked + label{background:url('/fg/images/topic/bg_chk_checked.png') no-repeat 0 0}

.topic_wrap .topic_list{max-width:1280px; margin:0 auto; padding:0 50px}
.topic_wrap .topic_list ul{max-width:1284px; margin-left:-4px}
.topic_wrap .topic_list ul:after{content:""; display:block; clear:both;}
.topic_wrap .topic_list ul li{float:left; width:25%; margin-top:4px}
.topic_wrap .topic_list ul li.event{width:50%}
.topic_wrap .topic_list ul li a{display:block; margin:0 0 0 4px; background:#fff}
.topic_wrap .topic_list ul li a:hover{text-decoration:none}
.topic_wrap .topic_list ul li a.category_link{display:inline-block; margin:0 0 0 4px; background:none;}

.topic_wrap .topic_list ul li a .thumb{display:block; position:relative;}
.topic_wrap .topic_list ul li a .thumb .ov{opacity:0; position:absolute; z-index:0; top:0; right:0; bottom:0; left:0; background:url('/fg/images/topic/bg_topic_list1.png') repeat; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}

.topic_wrap .topic_list ul li a:hover .thumb .ov{display:block; opacity:1; }
.topic_wrap .topic_list ul li a .thumb .icon{display:block; position:absolute; z-index:1; top:0; left:0; line-height:0}
.topic_wrap .topic_list ul li a .thumb .img{display:block; line-height:0}
.topic_wrap .topic_list ul li a .thumb .img img{width:100%}
.topic_wrap .topic_list ul li a .thumb .img .mo{display:none}

.topic_wrap .topic_list ul li a .t_wrap{padding:25px 30px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.topic_wrap .topic_list ul li a .t_wrap .info{overflow:hidden; height:40px; color:#000; font-size:14px; line-height:20px}
.topic_wrap .topic_list ul li a .t_wrap .info span{margin-right:3px}
.topic_wrap .topic_list ul li a .t_wrap .date{margin-top:10px; color:#000; font-size:14px; line-height:20px}

.topic_wrap .topic_list ul li a:hover .t_wrap{background:#0a6b5b;}
.topic_wrap .topic_list ul li a:hover .t_wrap .info{color:#fff}
.topic_wrap .topic_list ul li a:hover .t_wrap .date{color:#fff}

.topic_wrap .btn_wrap{margin-top:60px; text-align:right}
.topic_wrap .btn_wrap a{display:inline-block;  color:#0a6b5b; font-size:14px;}
.topic_wrap .btn_wrap a:hover{text-decoration:underline}

.topic_wrap .topic_list ul li{opacity:0; margin-top:24px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; transition-property:margin, opacity; }
.topic_wrap .topic_list.on ul li{opacity:1; margin-top:4px}

.topic_wrap .topic_list ul li:nth-child(1){}
.topic_wrap .topic_list ul li:nth-child(2){transition-delay:0.2s !important;}
.topic_wrap .topic_list ul li:nth-child(3){transition-delay:0.4s !important;}
.topic_wrap .topic_list ul li:nth-child(4){transition-delay:0.6s !important;}
.topic_wrap .topic_list ul li:nth-child(5){transition-delay:0.8s !important;}
.topic_wrap .topic_list ul li:nth-child(6){transition-delay:1.0s !important;}
.topic_wrap .topic_list ul li:nth-child(7){transition-delay:1.2s !important;}

@media screen and (max-width:1008px){
    .top_area h3{font-size:30px}
    .top_area .h_desc{font-size:22px}

    
    .top_area .hot_topic li{font-size:22px}

    .topic_wrap .topic_list{padding:0 25px}
    .topic_wrap .topic_list ul li{width:33.3%}
    .topic_wrap .topic_list ul li.event{width:66.6%}

}



@media screen and (max-width:752px){
    .topic_wrap .check_list .chk{margin-left:20px;}

    .topic_wrap .topic_list{padding:0 57px}
    .topic_wrap .topic_list ul li{width:50%}
    .topic_wrap .topic_list ul li.event{width:100%}
}



@media screen and (max-width:414px){
    
    .topic_wrap .check_list{padding:32px 60px;}

    .topic_wrap .topic_list{padding:0 2px}

}

@media screen and (max-width:375px){
    
    .topic_wrap .check_list{padding:32px 40px;}

    .topic_wrap .topic_list{padding:0 2px}
    .topic_wrap .topic_list ul li{width:100%}
    .topic_wrap .topic_list ul li a .thumb .img .pc{display:none}
    .topic_wrap .topic_list ul li a .thumb .img .mo{display:block}
}