@charset "utf-8";

/* RESET */
html,body,button,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button{margin:0;padding:0; line-height:120%;}
html,body{background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body{font-size:16px; color:#666666; font-family:font_ns, sans-serif;}
input{vertical-align:middle;  font-family:font_ns, sans-serif;}
select{
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none;    /* 화살표 없애기 for firefox*/
    appearance: none;         /* 화살표 없애기 공통*/
}
select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}

ol,ul{list-style:none}
a{text-decoration:none; color:#333;}
img{vertical-align:top; border:0}
table{border-collapse:collapse;border-spacing:0; width:100%;}
caption{visibility:hidden; font-size:0; line-height:0; opacity:0; height:0; overflow:hidden;}
em{font-style:normal;}

/* --- webfont --- */
@font-face {
  font-family:font_ns;
  font-weight:100;
  src:local(※), url(../font/NotoSansKR-Light.woff) format('woff');
}
@font-face {
  font-family:font_ns;
  font-weight:normal;
  src:local(※), url(../font/NotoSansKR-Regular.woff) format('woff');
}
@font-face {
  font-family:font_ns;
  font-weight:300;
  src:local(※), url(../font/NotoSansKR-Medium.woff) format('woff');
}
@font-face {
  font-family:font_ns;
  font-weight:bold;
  src:local(※), url(../font/NotoSansKR-Bold.woff) format('woff');
}

/* wrap */
#wrap{min-width:1200px;}
.content{max-width:1100px; margin:0 auto; position:relative; padding-bottom:100px;}
.inner{width:1200px; margin:0 auto; position:relative;}
.inner1100{width:1100px; margin:0 auto; position:relative;}
.inner1700{width:1700px; margin:0 auto; position:relative;}

/* header */
#header{height:100px; position:absolute; left:0; width:100%; top:0; z-index:99; min-width:1200px; transition: background 0.1s ease-out, margin-top 0s ease-out;}
#header:before{position:absolute; content:''; width:100%; height:1px; background:#fff; top:99px; left:0; right:0; opacity:0.2;}
#header.open{border-bottom:0;}
#header.open:before{position:absolute; content:''; width:100%; height:1px; background:#e72e35; top:99px; left:0; right:0; opacity:1;}
#header.fixed{position:fixed; border-bottom:0; background:#fff !important;}
#header.fixed:before{position:absolute; content:''; width:100%; height:1px; background:#e72e35; top:99px; left:0; right:0; opacity:1;}
#header.fixed #gnb >ul >li a.dp1{color:#333 !important;}
#header .cont{position:relative; max-width:1700px; margin:0 auto;}
#header .logo{position:absolute; left:0; top:22px; transition-duration:0.3s; z-index:12;}
#header .logo a{display:block; background:url(../images/common/logo.png) 0 0 no-repeat; width:254px; height:50px; overflow:hidden; font-size:0px; line-height:0px; text-indent:-9999px;}
#header .util_menu{position:absolute; right:0; top:35px; transition-duration:0.4s;z-index:12;}
#header .util_menu > ul > li{float:left; position:relative;}
#header .util_menu > ul > li + li{margin-left:40px;}
#header .util_menu > ul > li > a{display:block; width:36px; height:36px; text-indent:-9999px;}
#header .util_menu > ul > li.search a{background:url('../images/common/icon_h_search.png') no-repeat center;}
#header .util_menu > ul > li.search.active:before{position:absolute; content:''; width:14px; height:11px; left:10px; bottom:-29px; background:url('../images/common/bg_search.png') no-repeat center; z-index:4;}
#header .util_menu > ul > li.lang {background:url('../images/common/icon_h_lang.png') no-repeat center;}
#header .util_menu > ul > li.lang .lang_cont{display:none; position:absolute; z-index:5; width:91px; height:156px; padding-top:20px; top:34px; right:0; background:url('../images/common/bg_lang.png') no-repeat center bottom;}
#header .util_menu > ul > li.lang.active .lang_cont{display: block;}
#header .util_menu > ul > li.lang .lang_cont a{display:block; text-align:center; font-size:19px; color:#aaa;}
#header .util_menu > ul > li.lang .lang_cont a + a{margin-top:16px;}
#header .util_menu > ul > li.lang .lang_cont a:first-child{margin-top:34px;}
#header .util_menu > ul > li.lang .lang_cont a:hover{color:#e72e35; text-decoration:underline;}
#header.open .util_menu > ul > li.search a{background:url('../images/common/icon_h_search_active.png') no-repeat center;}
#header.open .util_menu > ul > li.lang {background:url('../images/common/icon_h_lang_active.png') no-repeat center;}
#header.fixed .util_menu > ul > li.search a{background:url('../images/common/icon_h_search_active.png') no-repeat center;}
#header.fixed .util_menu > ul > li.lang {background:url('../images/common/icon_h_lang_active.png') no-repeat center;}

#header .search_cont{position:absolute; top:99px; right:0; left:0; height:0; overflow:hidden; background:#fff; text-align:center; z-index: 3;}
#header .search_cont .search{display:inline-block; vertical-align:middle; position:relative; margin:40px 0;}
#header .search_cont .search input{border:0; height:66px; width:698px; text-indent:10px; color:#222; font-size:19px; padding-right:50px; border:2px solid #e72e35; box-sizing:border-box; text-align:center;}
#header .search_cont .search input::placeholder{color:#aaa; font-size:19px; font-family:font_ns, sans-serif;}
#header .search_cont .search .btn_search{background:url(../images/common/icon_search_red.png) 50% 50% no-repeat; width:37px; height:37px; position:absolute; right:15px; top:14px;}
#header .search_cont.active:before{position:absolute; content:''; width:100%; height:1px; background:#e72e35; top:0; left:0; right:0; opacity:1;}


.h_white #header{background:#fff !important;}
.h_white #header:before{background:#ccc; opacity:1;}
.h_white #header.open:before{background:#e72e35;}
.h_white #gnb >ul >li a.dp1{color:#333 !important;}
.h_white #header .util_menu ul li.search a{background:url('../images/common/icon_h_search_active.png') no-repeat center;}
.h_white #header .util_menu ul li.lang {background:url('../images/common/icon_h_lang_active.png') no-repeat center;}

/* #gnb{text-align:center; position:absolute; left:0; width:100%; top:0; text-align:center;}
#gnb >ul{display:inline-block;}
#gnb >ul >li{float:left; position:relative; height:100px; width:200px;}
#gnb >ul >li a.dp1{font-size:21px; color:#fff; font-weight:300; position:relative; z-index:3; padding-top:36px; display:block;}
#gnb >ul >li a.dp1 span{color:#e72e35;}
#gnb .dp2{overflow:hidden; position:absolute; left:0; top:0; width:100%; padding-top:101px; z-index:2; opacity:0; display:none; min-height:400px; box-sizing:border-box;}
#header.open #gnb .dp2{display:block;}
#gnb > ul > li:nth-child(2){padding:0 40px;}
#gnb .dp2 ul {padding:30px 0;}
#gnb .dp2 ul li {margin:10px 0 18px;}
#gnb .dp2 ul li a{font-size:19px; color:#222; display:block;}
#gnb .dp2 ul li a:hover,
#gnb .dp2 ul li a.active{color:#e72e35; text-decoration:underline; font-weight:300;}
#gnb .dp2 ul li + li{padding-top:8px;}
#gnb > ul > li + li .dp2 ul{position:relative;}
#gnb > ul > li:nth-child(2) ul:before{position:absolute; content:''; top:30px; left:0; width:1px; height:240px; background:#eee;}
#gnb > ul > li:nth-child(2) ul:after{position:absolute; content:''; top:30px; right:0; width:1px; height:240px; background:#eee;} */

#gnb{position:absolute; left:0; width:100%; top:0; text-align:center;}
#gnb >ul{display:inline-block;}
#gnb >ul >li{float:left;height:100px; width:200px;}
#gnb >ul >li a.dp1{height:100px;font-size:21px; color:#fff; font-weight:300; position:relative; z-index:3;line-height:100px;display:block;z-index:11;}
#gnb >ul >li a.dp1 span{color:#e72e35;}
#gnb >ul >li.on > a::after{content:"";width:120px;height:2px;position:absolute;left:50%;bottom:0;transform:translate(-50%, 0);background:#ff0000;}
#gnb .dp2{position:absolute; left:0; top:0; width:100%; padding-top:101px; z-index:2; opacity:0; display:none; min-height:400px; box-sizing:border-box;}
#header.open #gnb .dp2{display:block;}
#gnb > ul > li:nth-child(2){padding:0 40px;}
#gnb > ul > li .dp2 div{overflow:hidden;margin:0 auto;padding-top:35px;box-sizing:border-box;}
#gnb > ul > li:nth-child(1) .dp2 div{width:1092px;margin-left:18%;}
#gnb > ul > li:nth-child(2) .dp2 div{width:1400px;margin-left:10%;}
#gnb > ul > li:nth-child(3) .dp2 div{width:819px;margin-left:27%;}
#gnb .dp2.on{z-index:10;}
#gnb .dp2 ul {position:relative;float:left;width:238px;height:265px;padding:0 5px 0 30px;text-align:left;}
#gnb .dp2 ul::after{content:"";position:absolute;top:0;right:0;width:1px;height:265px;background:#eee;}
#gnb .dp2 ul:first-child::before{content:"";position:absolute;top:0;left:0;width:1px;height:265px;background:#eee;}
#gnb .dp2 ul.last p.stit{height:100px;}
#gnb .dp2 ul li {margin-top:7px;}
#gnb .dp2 ul p.stit{margin-bottom:25px;}
#gnb .dp2 ul p.stit a{display:block;font-size:19px;color:#e72e35;font-weight:300;}
#gnb .dp2 ul li a{position:relative;padding-left:10px;display:block;font-size:16px;color:#666;font-weight:100;line-height:140%;}
#gnb .dp2 ul li a::before{content:"";width:2px;height:2px;position:absolute;left:0;top:10px;background:#999;border-radius:6px;}
#gnb .dp2 ul li a:hover,
#gnb .dp2 ul li a.active{color:#e72e35; text-decoration:underline;}
#gnb .dp2 ul li + li{padding-top:8px;}
#gnb > ul > li + li .dp2 ul{position:relative;}

/* footer */
#footer{background-color:#131010; height:140px; color:#666666; position:relative; z-index:9}
#footer .util_menu{display:inline-block; vertical-align:top; margin-left:50px;}
#footer .util_menu ul{overflow:hidden;}
#footer .util_menu ul li{display:table; height:80px; margin-right:20px; display:table-cell; vertical-align:middle;}
#footer .util_menu ul li + li{padding-left:20px;}
#footer .util_menu ul li a{color:#666666;font-size:15px; font-weight:300; color:#fdf39e;}
#footer .util_menu ul li a strong{color:#bbbbbb}
#footer .util_menu ul li a.eng{letter-spacing:0.05em}
#footer .logo{float:left; margin-top:18px;}
#footer .addr{float:left; font-size:14px; color:#fff; opacity:0.5; font-weight:100;}
#footer .copyright{float:left; font-size:14px; color:#fff; opacity:0.5; font-weight:100; margin-left:15px;}

#footer .family_site{position:relative; float:right; width:217px; height:52px; color:#333; font-size:14px; cursor: pointer; background:#fff; margin-top:14px;}
#footer .family_site:after{position:absolute; content:''; display:block; right:25px; top:23px; width:12px; height:5px; background:url('../images/common/icon_fs.png') no-repeat;}
#footer .family_site p{line-height:52px; text-indent:25px}
#footer .family_site ul{display:none; position:absolute; left:-1px; right:-1px; bottom:52px; background:#fff; border:1px solid #34363a;}
#footer .family_site ul li a{display:block; padding:18px 25px;}
#footer .family_site ul li + li{border-top:1px solid #34363a;}
#footer .family_site:hover ul{display:block;}


/* container */
.sub_top{position:relative; padding-top:100px; height:310px; width:100%;}
.sub_top .cont{width:1200px; margin:0 auto; text-align:center;}
.sub_top .cont h3{color:#fff; font-weight:300; font-size:70px; padding-top:52px;}
.sub_top .cont h3 span{color:#e72e35;}
.sub_top .cont p{color:#fff; font-size:19px; padding-top:44px; line-height:1.6;}
.sub_top.bg_communication{background:url('../images/common/bg_communication.jpg') no-repeat center top;}
.sub_top.bg_creation{background:url('../images/common/bg_creation.jpg') no-repeat center top;}
.sub_top.bg_corporation{background:url('../images/common/bg_corporation.jpg') no-repeat center top;}
.iframe-wrap { max-width: 700px; width: 100%; margin: 40px auto 0; }

.sub_header{position:absolute; left:0; width:100%; top:410px; z-index:5}
.sub_header .sub_loc{text-align:center; background-color:#e72e35;}
.sub_header .sub_loc ul{overflow:hidden; width:1200px; margin:0 auto;}
.sub_header .sub_loc ul li{float:left; position:relative;}
.sub_header .sub_loc ul li a{display:block; line-height:70px; color:#fff; font-size:19px; position:relative; font-weight:300;}
.sub_header .sub_loc ul li.active a{color:#e72e35; font-weight:300; background-color:#fff;}
.sub_header .sub_loc.col02 ul li{width:50%;}
.sub_header .sub_loc.col03 ul li{width:33.333%;}
.sub_header .sub_loc.col04 ul li{width:25%;}
.sub_header .sub_loc.col05 ul li{width:20%;}
.sub_header .dep02{height:79px; border-bottom:1px solid #ededed; background-color:#fff; min-width:1200px;}
.sub_header .dep02 ul{text-align:center;}
.sub_header .dep02 ul li{display:inline-block; position:relative; line-height:79px; font-size:19px;}
.sub_header .dep02 ul li + li{margin-left:76px;}
.sub_header .dep02 ul li.active:after{position:absolute; content:''; left:50%; margin-left:-50px; bottom:-5px; width:100px; height:8px; background:url('../images/common/bg_tab02.png') no-repeat;}
.sub_header .dep02 ul li.active a{color:#e72e35;}
.sub_header .dep02 ul li a{color:#000;}
.sub_header .dep02.type02 ul li + li{margin-left:30px;}
.sub_header .dep02.type03 ul li + li{margin-left:120px;}
.sub_header .dep02.type04 ul li + li{margin-left:120px;}

.sub_header.fixed{top:0;}

#container{position:relative;}
#container.bg_type01{background-color:#f6f6f6; padding-bottom:130px;}
#container.bg_type01 .sub_header{background:#f6f6f6; border-bottom:0}
#container.bg_type01 #content{padding-top:59px;}
#content{padding-top:0; position:relative; z-index:3; min-height:500px;}
#content h2.subTitle{position:relative; text-align:center; font-size:42px; color:#222; font-weight:300; padding:242px 0 48px;}
#content h2.subTitle.type02{padding:164px 0 48px;}
#content h2.subTitle.type03{padding:195px 0 48px;}
#content h2.subTitle.type03:after{display:none;}
#content h2.subTitle:after{position:absolute; content:''; left:50%; margin-left:-55px; bottom:0; width:110px; height:2px; background:url('../images/common/bg_title.jpg') no-repeat;}

/* button */
.btns_wrapper{text-align:center; margin-top:50px;}
.btns_wrapper .btn{margin:0 4px;}
.btn{font-size:16px; font-weight:bold; text-align:center; display:inline-block; vertical-align:middle; border-radius:25px;}
.btn span{display:inline-block; vertical-align:middle; height:48px; line-height:48px;}

.btn.bgc_red{background-color:#fff; border:1px solid #e72e35; color:#e72e35;}
.btn.bgc_point{
color:#fff;
background:#dc2d34; /* Old browsers */
background: -moz-linear-gradient(left, #dc2d34 0%, #dc2d34 0%, #ee7609 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc2d34', endColorstr='#ee7609',GradientType=1 ); /* IE6-9 */
}
.btn.bgc_point span{height:50px; line-height:50px;}

/* font */
.fc_red{color:#e72e35}
.fc_orange{color:#ee7609;}
.fc_orange02{color:#e34b22;}
.fc_orange03{color:#e7591a;}
.fc_black01{color:#666; font-size:35px;}
.fc_black01.f_size45 {font-size:45px;}
/* form ::: checkbox */
.form_checkbox{position:relative; text-align:left; cursor:pointer; overflow:hidden; vertical-align:top;}
.form_checkbox input{position:absolute; top:50%; margin-top:-7px; left:0; opacity:0; filter:alpha(opacity=0); width:15px; height:15px; cursor:pointer; z-index:5;}
.form_checkbox label{position:relative; display:inline-block; height:15px; line-height:15px;}
.form_checkbox label em{display:inline-block; margin-left:24px; font-size:16px; color:#666; font-weight:100;}
.form_checkbox label:before{content:'';position:absolute; top:0; left:0; z-index:2;}
.form_checkbox label:before{z-index: 3; display: block; width:15px; height:15px; background:url('../images/common/icon_checkbox.png') no-repeat; background-size:30px 15px;
}
.form_checkbox input:checked + label:before{content:''; background-position:-15px 0;}
.form_checkbox + .form_checkbox{margin-left:18px;}

/* form ::: file */
.form_file{position:relative; display:inline-block; cursor:pointer; padding-right:115px; box-sizing:border-box;}
.form_file:after{content:'파일선택'; position:absolute; width:105px; border-radius:4px; right:0; top:0; z-index:1; cursor:pointer; line-height:50px; color:#fff; background:#222; text-align:center;}
.form_file input[type="file"]{position:absolute; right:0; top:0; height:50px; width:105px; text-indent:-9999px; opacity:0; z-index:3; cursor:pointer;}
.form_file input[type="text"]{width:325px; border:1px solid #ccc; height:48px; display:block; text-indent:20px;}
.form_file input[type="text"]::placeholder{font-size:16px; color:#999}
.form_file input[type="text"]:-ms-input-placeholder{font-size:16px;  color:#999}

/* form ::: textarea */
.form_textarea{border:1px solid #ccc; display:inline-block;}
.form_textarea textarea{width:100%; border:0; padding:20px; box-sizing:border-box; vertical-align:top;}
.form_textarea textarea::placeholder{color:#999; font-family:font_ns; font-size:16px;}
.form_textarea textarea:-ms-input-placeholder{color:#999; font-family:font_ns; font-size:16px;}

/* form ::: text */
.form_text{background-color:#f8f8f8; display:inline-block;}
.form_text input{width:100%; border:1px solid #ccc; height:48px; color:#222; font-size:16px; text-indent:20px;}
.form_text input::placeholder{color:#999}
.form_text input:-ms-input-placeholder{color:#999}

/* form ::: selectbox */
.form_select{display:inline-block; vertical-align:middle; overflow:hidden; position:relative; border-bottom:1px solid #ccc;}
.form_select:before{content:''; position:absolute; right:10px; top:17px; width:11px; height:7px; background:url(../images/common/icon_select_arr.png) 0 0 no-repeat; z-index:3;}
.form_select select{width:100%; border:0; height:43px; line-height:43px; font-size:16px; color:#999999; position:relative; z-index:1; text-indent:9px}

/* form ::: word */
.form_word{display:inline-block;  vertical-align:middle; position:relative; width:208px; height:48px; border:1px solid #ccc;}
.form_word .word{width:158px; height:48px;}
.form_word .word img{width:100%; height:100%;}
.form_word .btn_search{position:absolute; right:0; top:0; background:#f8f8f8 url(../images/common/icon_word.png) 50% 50% no-repeat; width:48px; height:48px; border-left:1px solid #ccc;}
.form_word + .form_text{margin-left:6px;}

/* form ::: search */
.form_search{display:block; vertical-align:middle; position:relative;}
.form_search input{border:0; height:44px; width:100%; text-indent:10px; color:#666; font-size:16px; padding-right:37px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.form_search input::placeholder{color:#bbbbbb; font-size:16px;font-family:font_ns, sans-serif;}
.form_search input:focus{border-bottom:1px solid #333;}
.form_search input:focus + .btn_search{background:url(../images/common/icon_search_on.png) 50% 50% no-repeat;}
.form_search .btn_search{background:url(../images/common/icon_search.png) 50% 50% no-repeat; width:27px; height:43px; position:absolute; right:0; top:0}

/* 페이징 */
.pagination{text-align:center; margin-top:50px;}
.pagination strong,
.pagination a{font-size:16px; width:40px; padding:10px 0 11px; display:inline-block; vertical-align:top;}
.pagination a.active{display:inline-block; color:#fff; background:#e72e35; border-radius:50%;}
.pagination .arr{display:inline-block; height:40px; padding:0; border:1px solid #e3e3e3; border-radius:50%;}
.pagination .arr:after{content:''; display:block; width:40px; height:40px; background:url(../images/common/icon_page_arr.png) no-repeat;}
.pagination .arr.prev{margin-right:20px;}
.pagination .arr.next{margin-left:20px;}
.pagination .arr.prev:after{background-position:-40px 0}
.pagination .arr.prev02:after{background-position:0 0}
.pagination .arr.next:after{background-position:-80px 0}
.pagination .arr.next02:after{background-position:-120px 0}

/* board */
.board_top{overflow:hidden; margin-bottom:18px;}
.board_top .board_total{color:#666; font-size:16px; font-weight:100; float:left; margin-top:25px;}
.board_top .board_total strong{font-weight:bold; color:#e72e35; display:inline-block; margin:0 0 0 3px;}
.board_top .cont_right{float:right;}
.board_top .cont_right .form_search{width:250px; display:inline-block; vertical-align:middle;}
.board_top .cont_right .form_select + .form_search{margin-left:6px;}

.icon_dl{display:inline-block; width:19px; height:19px; background:url('../images/common/icon_download.png') no-repeat; text-indent:-9999px; margin-left:5px; margin-top:4px; vertical-align:top;}
.icon_new{display:inline-block; width:19px; height:19px; background:url('../images/common/icon_new.png') no-repeat; text-indent:-9999px; margin-left:5px; margin-top:4px; vertical-align:top;}

/* board list */
.board_list_wrapper{position:relative; overflow:hidden;}
.board_list_wrapper table{clear:both; border-top:2px solid #e72e35;}
.board_list_wrapper table th{color:#009223; font-size:16px; font-weight:300; height:69px; border-bottom:1px solid #009223; text-align:center;}
.board_list_wrapper table th.hide{font-size:0}
.board_list_wrapper table td{height:79px; border-bottom:1px solid #dddddd; text-align:center; color:#292929; font-size:16px;}
.board_list_wrapper table td .title{text-align:left; font-size:19px; width:850px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; line-height:26px;}
.board_list_wrapper table td .date{color:#999; font-weight:100; font-size:15px;}
.board_list_wrapper table td .icon_notice{display:inline-block;width:60px; height:30px; background:url(../images/common/icon_notice.png) 0 0 no-repeat;}
.board_list_wrapper table td .icon_notice span{color:#fff; font-size:14px; display:inline-block; font-weight:bold; vertical-align:top; padding:5px 0 6px;}
.board_list_wrapper table td .num{color:#999; font-weight:100; font-size:15px;}
.board_list_wrapper table td .service span{display:inline-block; font-size:13px; color:#bbb; border:1px solid #bbb; border-radius:30px; height:23px; line-height:23px; padding:0 8px;}
.board_list_wrapper table td .service span.on{font-weight:300; color:#666; border-color:#666}
.board_list_wrapper table td .tel{color:#bbbbbb; font-family:font_sw;}
.board_list_wrapper table td .coming{color:#009223; font-family:font_sw; font-size:13px; font-weight:bold; background-color:#ffce32; height:25px; line-height:22px; width:110px; margin:0 auto; text-align:center; border-radius:15px}
.board_list_wrapper table tr.notice td .title a{font-weight:300;}

/* board write */
.board_write_wrapper{position:relative;}
.board_write_wrapper .tit{color:#222; font-size:18px; font-weight:300; margin-bottom:20px;}
.board_write_wrapper table{border-top:1px solid #333;}
.board_write_wrapper th{font-weight:bold; color:#222; font-size:16px; border-bottom:1px solid #e3e3e3; background:#f8f8f8; text-indent:20px; text-align:left; vertical-align:middle;}
.board_write_wrapper td{height:45px; padding:9px 10px; border-bottom:1px solid #e8e8e8;}
.board_write_wrapper th .ess{background:url(../images/common/icon_ess.png) 0 0 no-repeat; width:7px; height:6px; display:inline-block; vertical-align:middle; position:relative; margin-left:4px; top:-2px;}
.board_write_wrapper td .file_note{font-size:16px; color:#666; margin-left:15px;}
.board_write_wrapper td .em{display:inline-block; vertical-align:middle; width:36px; text-align:center; color:#999;}
.board_write_wrapper td .form_select.email{margin-left:10px; border:1px solid #ccc; width:190px;}
.board_write_wrapper td .form_select.email select{height:48px; background:#f8f8f8; color:#666;}
.board_write_wrapper td .form_select.email:before{top:21px; right:20px;}

/* table */
.table_wrapper{position:relative;}
.table_wrapper .tit{color:#222; font-size:18px; font-weight:300; margin-bottom:20px;}
.table_wrapper table{border-top:1px solid #333;}
.table_wrapper thead th{height:40px; padding:9px 10px; text-align:center; text-indent:0;}
.table_wrapper thead th + th{border-left:1px solid #ccc;}
.table_wrapper tbody th + th{border-left:1px solid #ccc;}
.table_wrapper th{font-weight:bold; color:#222; font-size:16px; border-bottom:1px solid #ccc; background:#f8f8f8; text-indent:30px; text-align:left; vertical-align:middle; font-weight:300;}
.table_wrapper td{height:40px; padding:9px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center;}
.table_wrapper .table_txt{line-height:26px; margin-top:10px;}
.table_wrapper .table_tit{font-size:21px; color:#222; margin-bottom:20px;}
.onborder{border-left:1px solid #ccc; !important;}

.pd_agree_wrapper{margin-bottom:50px;}
.pd_agree_wrapper .pd_agree{float:none; width:100%; margin:0}
.pd_agree_wrapper .pd_agree h3{font-size:18px; font-weight:300; color:#222; margin-bottom:20px;}
.pd_agree_wrapper .scroll_wrapper{border:1px solid #ccc; border-top:2px solid #e72e35; padding:28px 18px; height:348px; overflow-y:auto; box-sizing:border-box; font-weight:100; line-height:26px;}
.pd_agree_wrapper .form_checkbox{margin-top:15px; display:block;}

/* file upload */
.blockUI.blockMsg{position:fixed !important; top:50% !important;}
#ui_file_upload_progressbar .progress-bar{background-color:#009223 !important; color:#fff !important;}

.support_list_wrapper{}
.support_list_wrapper ul{overflow:hidden; border-top:2px solid #e72e35;}
.support_list_wrapper ul li{float:left; width:50%; border-bottom:1px solid #f4f4f4; box-sizing:border-box; padding:28px 0;}
.support_list_wrapper ul li a{display:block;}
.support_list_wrapper ul li:nth-child(odd){padding-right:20px;}
.support_list_wrapper ul li:nth-child(even){padding-left:20px;}
.support_list_wrapper ul li .img_wrap{width:100%; height:345px;}
.support_list_wrapper ul li .img_wrap img{width:100%; height:100%; object-fit:cover;}
.support_list_wrapper ul li .info{overflow:hidden; margin-top:20px;}
.support_list_wrapper ul li .info .tit{float:left; width:440px; font-size:19px; color:#333; line-height:26px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.support_list_wrapper ul li .info .date{float:right; font-size:15px; color:#999; line-height:26px;}
.support_list_wrapper ul li.notice .tit{color:#e72e35; font-weight:bold;}

.board_view_wrapper{width:100%; margin-top:60px;}
.board_view_wrapper .tit{font-size:19px; color:#333; font-weight:300; padding:22px 20px; border-bottom:1px solid #dedede; border-top:2px solid #e72e35; text-align:center; line-height:30px;}
.board_view_wrapper .tit .icon_dl,
.board_view_wrapper .tit .icon_new{margin-top:6px;}
.board_view_wrapper .tit .icon_notice{display:inline-block; width:60px; height:30px; background:url(../images/common/icon_notice.png) 0 0 no-repeat; vertical-align:top; margin-right:16px;}
.board_view_wrapper .tit .icon_notice span{color:#fff; font-size:14px; display:inline-block; font-weight:bold; padding-top:3px;}
.board_view_wrapper .info{padding:30px 0; border-bottom: 1px solid #333;}
.board_view_wrapper .info ul{overflow:hidden; text-align:right;}
.board_view_wrapper .info ul li{position:relative; display:inline-block; color:#333; line-height:20px;}
.board_view_wrapper .info ul li + li{padding-left:34px;}
.board_view_wrapper .info ul li + li:before{position:absolute; content:''; top:50%; margin-top:-6px; left:15px; width:1px; height:12px; background:#ccc;}
.board_view_wrapper .info ul li span{font-size:15px; color:#999; margin-left:8px; vertical-align:top;}
.board_view_wrapper .file{text-align:right; padding:30px 0;}
.board_view_wrapper .file .file_tit{position:relative; padding-left:30px; color:#333; margin-right:2px;}
.board_view_wrapper .file .file_tit:before{position:absolute; content:''; left:0; width:19px; height:19px; background:url('../images/common/icon_download.png') no-repeat;}
.board_view_wrapper .file a{color:#999; font-size:15px;}
.board_view_wrapper .cont{padding:0 25px 80px; border-bottom:1px solid #ccc;}
.board_view_wrapper .cont p{line-height:26px;}
.board_view_wrapper .cont .img_wrap{width:1200px; height:340px; margin:0 -25px 25px; text-align:center; background:url('../images/sub/img_view.jpg') no-repeat;}
.board_view_wrapper .cont .img_wrap img{width:auto; height:340px;}
.board_view_wrapper .cont_list{overflow:hidden; border-bottom:1px solid #ccc;}
.board_view_wrapper .cont_list p{position:relative; float:left; width:50%; padding:30px; box-sizing:border-box;}
.board_view_wrapper .cont_list a{width:100%; display:inline-block; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.board_view_wrapper .cont_list .prev{position:relative; text-align:left;}
.board_view_wrapper .cont_list .prev a{color:#666;}
.board_view_wrapper .cont_list .prev:before{position:absolute; content:''; left:0; top:50%; margin-top:-6px; width:7px; height:11px; background:url('../images/common/icon_arrows.png') no-repeat;}
.board_view_wrapper .cont_list .next{position:relative; text-align:right;}
.board_view_wrapper .cont_list .next a{color:#e72e35; font-weight:300;}
.board_view_wrapper .cont_list .next:before{position:absolute; content:''; right:0; top:50%; margin-top:-6px; width:7px; height:11px; background:url('../images/common/icon_arrows.png') no-repeat; background-position:-7px 0;}

.board_view_wrapper .board-con-box .con-main{border-bottom: 1px solid #eeeeee; padding:50px 0; line-height:24px; font-size:16px;}
.board_view_wrapper .board-con-box .con-main + .btn-wrap{margin-top:50px}
.board_view_wrapper .board-con-box .con-main img{max-width:1180px}

/* quick */
.quick_menu{position:fixed; top:50%; margin-top:-195px; right:10px; z-index:98;}
.quick_menu ul li + li{margin-top:10px;}
.quick_menu ul li a{display:block;}
.quick_menu ul li:nth-child(1):hover{}
.quick_menu ul li:nth-child(2):hover{}
.quick_menu ul li:nth-child(3):hover{}
.quick_menu ul li:nth-child(4):hover{}

/* main */
.main_wrap{position:relative; margin:0 auto; min-width:1200px; overflow:hidden;}
.main_top{position:relative; width:2000px; left:50%; margin-left:-1000px; height:960px; text-align:center;}
.main_top .swiper-slide{height:960px;}
.main_top .swiper-slide .cont{position:relative; top:100px; opacity:0;}
.main_top .swiper-slide .cont {opacity:0; top:100px;}
.main_top .swiper-slide-active .cont {opacity:1; top:0;}
.main_top .swiper-slide-active .cont {
	transition:opacity 0.5s linear 0.4s, top 0.5s ease 0.5s;
	-webkit-transition:opacity 0.5s linear 0.4s, top 0.5s ease 0.5s;
	-moz-transition:opacity 0.5s linear 0.4s, top 0.5s ease 0.5s;
	-ms-transition:opacity 0.5s linear 0.4s, top 0.5s ease 0.5s;
	-o-transition:opacity 0.5s linear 0.4s, top 0.5s ease 0.5s;
}
.main_top .swiper-pagination{bottom:270px !important; width:1200px !important; left:50% !important; margin-left:-605px; text-align:left;}
.main_top .swiper-pagination .swiper-pagination-bullet{width:18px; height:18px; background:#fff; opacity:0.3;}
.main_top .swiper-pagination .swiper-pagination-bullet-active{background:#f36422; opacity:1;}
.main_cont{position:relative; min-width:1200px; overflow:hidden; text-align:center;}
.bg_wrap{position:relative; max-width:2000px; margin:0 auto;}
.bg_wrap .bg_auto{width:100%; height:100%; position:absolute; background:url('../images/main/bg_cont01.jpg') no-repeat center top; opacity:0; background-size:cover; transition: all 0.5s ease-out; left:0; right:0;}
.bg_wrap .bg_auto.bg-active{opacity:1;}
.bg_wrap .bg_auto2{width:100%; height:100%; position:absolute; background:#ededed; opacity:0; left:0; right:0; transition:all 1s ease-out;}
.bg_wrap.changeBg .bg_auto2{display:block;opacity:1;}
.boxWraping:after{content:""; display:block; position:absolute; width:100%; height:0; background:none; left:0; bottom:0;}
.boxWraping.on{position:fixed; width:100%; height:100px; bottom:0; left:0; z-index:999999;}
.boxWraping.on:after{position:absolute; z-index:9999; height:100px; background:#fff;}
.main_cont.cont01{height:745px;}
.main_cont.cont01 h5{font-size:48px; font-weight:300; color:#fff; margin-top:70px; line-height:100%;}
.main_cont.cont01 ul{text-align:center; margin-top:50px;}
.main_cont.cont01 ul li{position:relative; display:inline-block; overflow:hidden; text-align:left; margin-bottom:27px; background:#fff; width:570px; height:220px; transition:0.4s ease-out;}
.main_cont.cont01 ul li:nth-child(2n){margin-left:27px;}
.main_cont.cont01 ul li:hover{box-shadow:9px 9px 14px 2px #00000059;}
.main_cont.cont01 ul li:nth-child(1){left:-30px; top:-30px;}
.main_cont.cont01 ul li:nth-child(2){right:-30px; top:-30px;}
.main_cont.cont01 ul li:nth-child(3){left:-30px; top:30px;}
.main_cont.cont01 ul li:nth-child(4){right:-30px; top:30px;}
.main_cont.cont01.active ul li:nth-child(1){left:0; top:0;}
.main_cont.cont01.active ul li:nth-child(2){right:0; top:0;}
.main_cont.cont01.active ul li:nth-child(3){left:0; top:0;}
.main_cont.cont01.active ul li:nth-child(4){right:0; top:0;}
.main_cont.cont01 ul li .img_wrap{float:left;}
.main_cont.cont01 ul li .cont{margin-left:245px;}
.main_cont.cont01 ul li .cont strong{display:block; color:#222; font-weight:300; font-size:36px; line-height:100%; margin-top:30px;}
.main_cont.cont01 ul li .cont p{font-size:15px; line-height:24px; margin-top:18px;}
.main_cont.cont01 ul li .cont .detail{display:inline-block; color:#333; font-size:15px; font-weight:300; text-decoration:underline; margin-top:15px;}
.main_cont.cont02.global{margin:0 auto; max-width:1700px; height:745px; text-align:left; background:url('../images/main/bg_cont02.png') no-repeat center 80px;}
.main_cont.cont02.global .inner{margin-top:80px;}
.main_cont.cont02.global h5{position:absolute; left:0; right:0; top:90px; text-align:center; font-size:48px; font-weight:300; color:#222; line-height:100%;}
.main_cont.cont03{text-align:center; height:600px; background:url('../images/main/bg_cont03.jpg') center center fixed no-repeat;}
.main_cont.cont03 h5{font-size:52px; font-weight:300; color:#222; margin-top:135px;}
.main_cont.cont03 p{line-height:29px; margin-top:53px;}
.main_cont.cont03 .btn{width:200px; margin-top:95px;}
.main_cont.cont03 .g_bg{position:absolute; width:100%; height:602px; top:0; left:0; right:0; background: url('../images/main/g_bg.png') no-repeat center;}
.main_cont.cont04{height:490px; background:url('../images/main/bg_cont04.jpg') no-repeat center;}
.main_cont.cont05{height:1025px;}
.main_cont.cont05 h5{font-size:48px; font-weight:300; color:#222; margin-top:100px; line-height:100%;}
.main_cont.cont05 .cont{margin:60px 50px 100px; height:470px;}
.main_cont.cont05 .cont > div{top:70px; position:relative; transition-duration:0.7s;}
.main_cont.cont05 .cont .left{width:280px; float:left; text-align:left;}
.main_cont.cont05 .cont .left ul li{position:relative; padding:27px 0; border-bottom:1px solid #dedede;}
.main_cont.cont05 .cont .left ul li a{display:block;}
.main_cont.cont05 .cont .left ul li .tit{width:100%; font-size:19px; font-weight:300; color:#333; line-height:26px; display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_cont.cont05 .cont .left ul li .date{color:#999; font-size:15px; margin-top:15px;}
.main_cont.cont05 .cont .center{width:460px; float:left; margin:0 40px; text-align:left;}
.main_cont.cont05 .cont .center .swiper-slide{position:relative;}
.main_cont.cont05 .cont .center .swiper-slide .badge{position:absolute; left:0; right:0; color:#fff; width:80px; height:35px; line-height:35px; font-size:14px; font-weight:300; vertical-align:top; text-align:center;
	background:#dc2d34; /* Old browsers */
	background: -moz-linear-gradient(left, #dc2d34 0%, #dc2d34 0%, #ee7609 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #dc2d34 0%,#dc2d34 0%,#ee7609 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc2d34', endColorstr='#ee7609',GradientType=1 ); /* IE6-9 */
}
.main_cont.cont05 .cont .center .swiper-slide img{width:460px; height:275px;}
.main_cont.cont05 .cont .center .swiper-slide strong{display:block; font-size:24px; color:#333; margin-top:30px;}
.main_cont.cont05 .cont .center .swiper-slide .txt01{font-size:16px; color:#ef7b00; line-height:26px; margin-top:20px;}
.main_cont.cont05 .cont .center .swiper-slide .txt02{font-size:15px; color:#999; line-height:26px; margin-top:15px;}
.main_cont.cont05 .cont .right{width:280px; float:left;}
.main_cont.cont05 .cont .right a{display:block;}
.main_cont.cont05 .inquiry{height:180px; background:url('../images/main/bg_cont05.jpg') no-repeat center;}
.main_cont.cont05 .inquiry .btn{width:220px; margin-top:68px;}
.main_cont.cont05 .inquiry .btn span{position:relative; padding-right:25px; font-size:17px;}
.main_cont.cont05 .inquiry .btn span:before{position:absolute; content:''; width:20px; right:0; top:50%; margin-top:-9px; height:18px; background:url('../images/common/icon_btn.png') no-repeat center;}
.main_cont.cont05 .swiper-pagination{right:5px; top:10px; bottom:auto !important; left:auto !important; text-align:right;}
.main_cont.cont05 .swiper-pagination .swiper-pagination-bullet{width:18px; height:18px; background:#fff; opacity:1;}
.main_cont.cont05 .swiper-pagination .swiper-pagination-bullet-active{background:#f36422;}