@charset "utf-8";
body{letter-spacing: -0.05em;font-size:16px;}
#wrap{background:#FFF;}
#container { clear: both; display: block; width: 100%; height: 100%;	position: relative;padding:0;box-sizing:border-box;}
#header{background:#FFF;height:830px; z-index: 99; position: relative;}
#header > h1{position: relative;background:#c3f1fe url(../img/bg_main.jpg)center top no-repeat;height:610px;padding:0 10%;text-indent:-9999999px;}
#header > h1:before{ content: ''; display: block; position: absolute; left:13%; top:18%;background:url(../img/img_main1.png)left center no-repeat;width:448px; height:405px;z-index:50;  }
#header > h1:after{ content: ''; display: block; position: absolute; right:35%; bottom:-20%;background:url(../img/img_main2.png)right center no-repeat;width:554px; height:338px;z-index:60; }
#header > h1 > a{background:url(../img/img_title.png)right 47% no-repeat;display: block;    height: 100%;min-width:1200px;margin:0 auto;z-index: 100;position: relative;}


nav.cd-primary-nav{background:#076bb9;width:100%;margin-top:168px;}
nav.cd-primary-nav > ul {width:1200px;margin:0 auto;}
nav.cd-primary-nav > ul > li{display:inline-block;}
nav.cd-primary-nav > ul > li> a{color:#FFF;    padding: .7em 2em .9em;    font-size: 1.1em;position: relative;}
nav.cd-primary-nav > ul > li> a:before {content: ''; display: block; position: absolute; left:-15px; top:50%;background:#FFF;width:3px; height:3px;border-radius:10px;}
nav.cd-primary-nav > ul > li:first-child > a:before {content: ''; display: none; position: absolute; left:-15px; top:50%;background:#FFF;width:3px; height:3px;border-radius:10px;}
nav.cd-primary-nav > ul > li> a:hover{color:#fff799;}
nav.cd-primary-nav > ul > li> a:hover:after{content: ''; display: block; position: absolute; left:10%; bottom:5px;background:#fff799;width:80%; height:1px;}
nav.cd-primary-nav > ul > li.on > a{color:#fff799;}
nav.cd-primary-nav > ul > li.on > a:after{content: ''; display: block; position: absolute; left:10%; bottom:5px;background:#fff799;width:80%; height:1px;}


.main_movie{margin:3em auto;width:1200px;box-sizing:border-box;text-align:center;}
.main_movie > h3{display:none;}

.sf_Exposition2020_slide{margin:4em auto;    overflow-x: hidden;width:1200px;box-sizing:border-box;}
.sf_Exposition2020_slide > .title{width:18%;display:inline-block;   vertical-align: top;font-size:1em;}
.sf_Exposition2020_slide > .title > strong{color:#111;display:block;padding-right:1em;box-sizing:border-box;font-size:1.9em;    line-height: 1.2em;}
.sf_Exposition2020_slide > .title > strong > em{font-size:0.5em;display:block;    line-height: 1.5em;}
.sf_Exposition2020_slide > .title > span{display:block; margin-top:1em;padding-right:2em;box-sizing:border-box;color:#646464;font-weight:400;}
.sf_Exposition2020_slide > .slide_img{width:calc(100% - 19%);display:inline-block; }

.sf_Exposition2020_slide > .slide_img > .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev{background:url(../img/btn_move.png)center center no-repeat;position:absolute;left:-22%; text-indent:-55555px;transform: rotate(-180deg);}
.sf_Exposition2020_slide > .slide_img > .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next{background:url(../img/btn_move.png)center center no-repeat;position:absolute;left:-12%;text-indent:-55555px;}
.bx-wrapper .bx-caption{position: absolute; bottom: 20px !important;    left: 0;  background:#FFF !important;    width: 90% !important;}
.bx-wrapper .bx-caption span {color:#111 !important;text-align:right;font-size:1em !important;letter-spacing: -0.08em;  }
.bx-wrapper .bx-caption span > strong{font-size:1.2em; }
.bx-wrapper .bx-controls-direction a{z-index:98 !important;}
.bx-wrapper > .bx-viewport >ul>li>a>img{height:420px;}
.notice_area{width:100%; padding:3% 10%;background:#fafafa;}
.notice_area > .noticebody_inner{width:1200px;box-sizing:border-box; margin:0 auto;}
.notice_area > .noticebody_inner> h3{text-align:center;font-size:2em;margin-bottom:40px;}
.notice_area > .noticebody_inner > ul > li{padding:.5em 0;border-bottom:1px solid #f5f5f5;}
.notice_area > .noticebody_inner > ul > li > a{font-size:1.3em;position: relative;display:block;padding-left:20px; }
.notice_area > .noticebody_inner > ul > li > a:before{content: ''; display: block; position: absolute; left:0; top:50%;background:#333;width:3px; height:3px;border-radius:10px;}
.notice_area > .noticebody_inner > ul > li > a > span{width:85%;display: inline-block;}
.notice_area > .noticebody_inner > ul > li > a > .data{width:calc(100% - 86%);text-align:right;color: #c2c2c2;font-weight:400;}

#footer{width:100%; padding:2% 10%;background:#000000 ;}
#footer p{width:100%; text-align:right; color:#FFF;}
.ftbody_inner{background:url(../img/footer_logo.png)center left no-repeat;}
/* top */
#footer .btn_top {display:none; position:fixed; bottom:60px; right:20px; z-index:99999}

/*sub*/
#header.sub_header{background:#ddf0ff;z-index: 99;position: relative;height: inherit;}
#header.sub_header > h1{text-align:center;background: none;height: inherit;padding: inherit;text-indent: inherit;}
#header.sub_header > h1:before{display:none}
#header.sub_header > h1:after{display:none}
#header.sub_header > h1 > a{background: none;}
#header.sub_header > nav.cd-primary-nav{background:#076bb9;width:100%;margin-top:0; z-index:51; position: relative;}

.subCon{min-height:1200px;width:1200px;margin:0 auto;padding:2em 0 4em;}
.subCon .breadScrumb{display:flex;align-tems:flex-end;padding:.2em 0;}
.subCon .breadScrumb > h2{font-size:2.2em;display:block;text-align:left;}
.subCon .breadScrumb > ul{display:flex;flex:none;align-items:center;margin-left:auto;margin-bottom:5px;}
.subCon .breadScrumb > ul > li{ position: relative; display:flex; align-tiems:center;font-size:14px;line-height:1.5em;}
.subCon .breadScrumb > ul > li:after{content:'';width:1px; height:12px; margin:.35em 1em; transform:rotate(30deg);display:block;background:#c5c5c5;}
.subCon .breadScrumb > ul > li > a{color:#888;}
.subCon .breadScrumb > ul > li:last-child > a{color:#111;}
.subCon .breadScrumb > ul > li:last-child:after{display:none;}
.subCon .breadTitle{margin:2em 0 1em;}
.subCon .breadTitle > h3{position: relative;padding-left:40px;font-size:1.8em;font-weight:500;}
.subCon .breadTitle > h3:before{content: ''; display: block; position: absolute; left:0; top:5px;background:#0f5ad4;width:30px; height:30px;border-radius:100px;}
.subCon .breadTitle > h3:after{content: ''; display: block; position: absolute; left:0; top:5px;background:url(../img/icon_check.png)center center no-repeat;width:30px; height:30px;}
.subCon .breadTitle > p{font-size:1.2em;display:block;font-weight:300;letter-spacing: -0.08em; }

.subCon .content {position: relative; }
.subCon .content > .history{position: relative; }
.subCon .content > .history > a{background:#555;padding:.5em 1em;border-radius:.2em;position:absolute;right:0;top:30px;color:#FFF;}


table{border:1px solid #dedede;width:100%;margin-top:10px; border-top:2px solid #0f5ad4;}
table th, table td{padding:0.7rem; vertical-align:middle;border:1px solid #dedede;font-size:1.1em;color:#666;}
table td img{height:auto;}
table td.tit{color:#111;}
table td> p{font-size:0.85em;color:#f3818a;position: relative;padding-left:10px;}
table td> p:before{content: '*'; display: block; position: absolute; left:0; top:3px;color:#f3818a;}
table td> ul > li{padding: 0 0 10px 0;color:#666;}
table td> ul > li> p{font-size:0.85em;color:#f3818a;position: relative;padding-left:10px;}
table td> ul > li> p:before{content: '*'; display: block; position: absolute; left:0; top:3px;color:#f3818a;}
table tr th:first-child, table tr td:first-child{border-left:0;}
table thead th, table tbody th {background:#f9f9f9; text-align:center;color:#111;font-size:1.2em;font-weight:500;word-break: keep-all; }


/* toggle */
.toggle-list {margin: 30px auto;border-top: 2px solid #105bd5;}
.toggle-list.gray-line {border-top:1px solid #dfe0e6;}
.toggle-list > ul > li {border-bottom:1px solid #dfe0e6; background:#ffffff;}
.toggle-list > ul > li button {position:relative;padding:0 20px; min-height: 60px; text-align:left; background:#ffffff; font-size:20px; color:#000000; width:100%;}
.toggle-list > ul > li button span {position:relative; display:block; padding-left:6px; padding-right: 50px; font-size: 18px;}
.toggle-list > ul > li button strong { font-size: 18px; font-weight: normal;}
.toggle-list > ul > li.current button span {font-size: 24px;font-weight:500;}
.toggle-list > ul > li.current button span .point1 {font-size:24px;font-weight:600;color:#115cd6;letter-spacing:-1px;}
.toggle-list > ul > li button span:after {position:absolute; content:''; right:3px; top:50%; margin-top:-10px; transform:rotate(-45deg); width:16px; height:16px; border-bottom:2px solid #777576; border-left:2px solid #777576;}
.toggle-list > ul > li.current button em {position: absolute; left:20px; top: 50%; margin-top: -19px; width:38px; height:38px; line-height: 38px; text-align:center; font-size:18px; color:#fff; z-index: 1;}
.toggle-list > ul > li.current button em:before {position:absolute; content:''; top: 50%;  margin-top: -19px; left:0; width:38px; height:38px; border-radius:50%; background:#596fd6; z-index: -1; }
.toggle-list > ul > li.current {background:#f2f4f7;}
.toggle-list > ul > li.current button {/*background:#f2f4f7;*/ border-bottom:1px solid #dfe0e6; }
.toggle-list > ul > li.current button span:after {position:absolute; content:''; margin-top:-3px; transform:rotate(135deg); border-color:#2a2a2e;}
.toggle-list > ul > li .accoCont {position:relative;display: none; padding:30px 30px; font-size:16px; line-height:26px; color:#555555; background:#f9f9f9;}
.toggle-list > ul > li.current .accoCont{display: block;}
.toggle-list > ul > li .accoCont .rda_content.active {background:transparent !important;}

.rda_smfarm .h5_title{font-size:20px;font-weight:600;color:#111;letter-spacing:-1px;}
.rda_smfarm .obj_text_S1{margin:15px 0 20px;}
.rda_smfarm .obj_text_S1 .eX {position:relative; font-weight: 400;}
.rda_smfarm .obj_text_S1 .eX:before {content: "*"; position: absolute; left: 0; top: 0; color:#f10b0b;}
.rda_smfarm .obj_text_S1 .eX p {padding-left:10px; }
.rda_smfarm .obj_text_S1 .eX em {position:relative; margin: 5px 0;z-index: 1; color: #111;font-weight: 500;}	
.rda_smfarm .obj_text_S1 .eX em:after {content: ''; display: inline-block; position:absolute; left:0;bottom:3px; z-index:-1; width: 100%; height:4px; background:#fff600;}
.rda_smfarm .obj_text_S1 ul li{position:relative;display:block;padding-left: 20px;font-size:17px;font-weight:400;letter-spacing:-0.05em;color:#646464;margin:1rem 0.5rem 1rem 0;}
.rda_smfarm .obj_text_S1 ul li em.i {font-family:Tahoma, Geneva, sans-serif;}
.rda_smfarm .obj_text_S1 ul li i{content: '';width: 6px;height: 6px;position: absolute;left: 6px;top: 10px;margin: 0 auto;/* border:3px solid #596fd6; */background: #105bd5;border-radius:20px;}
.rda_smfarm .obj_text_S1 ul li p{font-size:14px; padding-left:10px; position:relative; margin: 2px 0; font-weight: 300;}	
.rda_smfarm .obj_text_S1 ul li p:before {content: ""; position: absolute; background: #225898; width:2px; height: 2px; left: 2px; top: 12px;}
.rda_smfarm .obj_text_S1 ul li p.pointT {font-size:0.85em;color:#f35000;position: relative;padding-left:10px;}
.rda_smfarm .obj_text_S1 ul li p.pointT:before {content: "*"; position: absolute; left: 0; top: 0;background: transparent;}
.rda_smfarm .obj_text_S1 ul li p em {display:block;padding-left:10px; font-size:13px; position:relative; margin: 5px 0; font-weight: 300;}
.rda_smfarm .obj_text_S1 ul li p em:before {content: "*"; position: absolute; left: 0; top: 0; color: #646464;}
.rda_smfarm .obj_text_S1 ul li .pointP{color:#115cd6; font-weight: 400;}
.rda_smfarm .obj_text_S1 ul li dl{margin-bottom:10px;}
.rda_smfarm .obj_text_S1 ul li dl dt{font-size:17px;font-weight:400;letter-spacing:-0.05em;}
.rda_smfarm .obj_text_S1 ul li dl dd {font-size:15px; position:relative; width:100%;font-weight:300;padding-left:12px; margin:8px 0 4px 0; padding-bottom:0;}
.rda_smfarm .obj_text_S1 ul li dl dd:before {content: ""; position: absolute; background: #225898; width: 4px; height: 1px; left: 2px; top: 11px;}
.rda_smfarm .obj_text_S1 ul li dl dd p{font-size:14px; padding-left:10px; position:relative; margin: 5px 0; }	
.rda_smfarm .obj_text_S1 ul li dl dd p:before {content: ""; position: absolute; background: #225898; width:1px; height: 1px; left: 2px; top: 10px;}
.rda_smfarm .obj_text_S1 ul li dl dd em {display:block;padding-left:10px; font-size:13px; position:relative; margin: 5px 0; font-weight: 300;}
.rda_smfarm .obj_text_S1 ul li dl dd em:before {content: "*"; position: absolute; left: 0; top: 0; color: #646464;}
.rda_smfarm .obj_text_S1 ul li dl dd .pointP{color:#115cd6; font-weight: 400;}
.rda_smfarm .obj_text_S1 ul li span.hit{font-weight:500;/* font-size:17px; */}

/*2020��ǰ�ۼ���*/
.vote {text-align:center;padding:2em 0;}
.vote > button{position: relative;color: #fff;font-weight: 500; font-size:1.3em;background: linear-gradient(45deg, #8d0baf 10%, #461086 100% );padding: .5em 2em .5em 4em;border-radius:0.2em;overflow: hidden;}
.vote > button:before{content: ''; display: block; position: absolute; left:40px; top:10px;width:26px; height:32px;    background: url(../img/icon_vote.png) center center no-repeat;}
.vote > button:hover{background: linear-gradient(45deg, #461086 10%, #8d0baf 100% );}

.box_inner > ul> li {display: inline-block;    width: calc(33.3% - 1%);    margin: 0 .3em;padding-bottom:3em;vertical-align:top;position: relative;}
.box_inner > ul> li:nth-child(1){margin-left:0;}
.box_inner > ul> li:nth-child(4n){margin:0;}
.box_inner > ul> li  > strong{display:none;}
.box_inner > ul> li > dl{}
.box_inner > ul> li > dl > dt > a >img{width:100%;height:450px;border-radius:.5em;}
.box_inner > ul> li > dl > dt > img{width:100%;height:350px;}
.box_inner > ul> li > dl > dd.entryInfo{}
.box_inner > ul> li > dl > dd.entryInfo > ul > .txt{font-size:1.3em;font-weight:400;line-height:1.4em;padding:.5em 0;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:70px;height:70px;overflow:hidden;text-overflow:ellipsis;}
.box_inner > ul> li > dl > dd.entryInfo > ul > .exhibitor{display: inline-block; width:70%;color:#757575;font-size:1em;font-weight:400;padding:1em 0;}
.box_inner > ul> li > dl > dd.entryInfo > ul > .goodC{display: inline-block; width:calc(100% - 72%);text-align:right;}
.box_inner > ul> li > dl > dd.entryInfo > ul > .goodC > button{cursor:none;}
.box_inner > ul> li > dl > dd.entryInfo > ul > .goodC > button > span:first-child{margin-right:5px;text-align: left;text-indent:-99999px;display: inline-block; background:url(../img/icon_hart.png)center center no-repeat;width:19px; height:25px;}
.box_inner > ul> li > dl > dd.entryInfo > ul > .goodC > button > span{font-size:1.2em;}
.box_inner > ul> li > dl > dd.readMore{text-align:center;padding:.5em 0;}
.box_inner > ul> li > dl > dd.readMore > a{background:#111;color:#FFF;padding:.5em 1em;border-radius:0.2em; display: inline-block;}
.box_inner > ul.sfAward2019{}
.box_inner > ul.sfAward2019 > li{position: relative; width: calc(25% - 1%);   }
.box_inner > ul.sfAward2019 > li > strong{display:block;position: absolute; left:0; top:0px;background: url(../img/ico_emblem.png) -185px center no-repeat;width:90px;height:115px;text-indent:-99999px;}
.box_inner > ul.sfAward2019 > li:nth-child(1) > strong{position: absolute; left:0; top:0px;background: url(../img/ico_emblem.png) left center no-repeat;width:90px;height:115px;text-indent:-99999px;}
.box_inner > ul.sfAward2019 > li:nth-child(2)> strong, .box_inner > ul.sfAward2019 > li:nth-child(3) > strong, .box_inner > ul.sfAward2019 > li:nth-child(4) > strong{position: absolute; left:0; top:0px;background: url(../img/ico_emblem.png) -92px center no-repeat;width:90px;height:115px;text-indent:-99999px;}
.box_inner > ul.sfAward2019 > li > dl > dt > img{width:100%;height:350px;border-radius:.5em;}

.box_readMore{background:#fcfcfc;padding:6em;}
.box_readMore > ul{position: relative;}
.box_readMore > ul> li.title{font-size:2em;font-weight:700;line-height:1.2em;padding:.5em 0;}    
.box_readMore > ul> li.exhibitor_more{line-height: 1.6em;}
.box_readMore > ul> li.exhibitor_more > span{font-size:.8em;background:#2b680b;color:#fff;    padding: .05em 1em .1em;border-radius:.2em;    display: inline-block;}
.box_readMore > ul> li.exhibitor_more > span+span{background:#FFF;color:#111;font-size:1em;font-weight:700;    padding: 0 .5em .1em;  vertical-align: bottom;    display: inline-block;}
.box_readMore > ul> li.shareBox{position:absolute;right:0;top:0;}
.box_readMore > ul> li.shareBox >a{display:inline-block;overflow:hidden;height:40px;cursor:pointer;border:3px solid #f3818a;border-radius:100px;padding: .3em 1em;font-size:.9em;font-weight:700; color:#c74b55;}
.box_readMore > ul> li.shareBox >a.share{}
.box_readMore > ul> li.shareBox > .goodC{font-size: 0.95em;display:inline-block; line-height: 28px;border:3px solid #f3818a;border-radius:100px;padding: .15em 1em;box-sizing: border-box;font-weight:400; }
.box_readMore > ul> li.shareBox > .goodC:before{ content: '';text-indent: -99999px;     vertical-align: middle;  display: inline-block;    background: url(../img/icon_hart.png)center center no-repeat;    width: 19px;  margin-right:2px;  height: 28px;}
.box_readMore > ul> li.add{margin-top:20px;}
.box_readMore > ul> li.add > a{position: relative;    font-size: 1em;    border-radius: 3em;    font-weight: 500;    background: #FFF;    padding: .5em 3em .5em 2em;    color: #111;    border: 2px solid #111;}
.box_readMore > ul> li.add > a:before{content: '';    display: block;    position: absolute;    right: 15px;    top: 10px;    width: 18px;    height: 18px;    background: url(../img/icon_on_arrow.png) no-repeat right center;    transform: rotate(-90deg);    background-size: 100%; }

.sns_shareBox{display:none;padding:0 20px;position:absolute;right: 91px;top: 0;width:200px; background:#FFF;border-radius:100px;border:3px solid #f3818a;}
.sns_shareBox>strong{display:none;}
.sns_shareBox button.l_Close{ transition:all .3s;position: absolute;display: block;right:10px; top:6px;background: url(../img/mobile_menu_close.png) no-repeat center center /200%; width: 22px; height: 22px; overflow: visible;text-indent:-999999px; }
.sns_shareBox .snsBtn{ text-align: left;padding-top:7px;}
.sns_shareBox .snsBtn > a > span{display:none;}
.sns_shareBox .snsBtn .googel{display:inline-block;background: url(../img/ico_googel.png) no-repeat left top /100%; width: 22px; height: 22px;}
.sns_shareBox .snsBtn .kakao{display:inline-block;background: url(../img/ico_kakao.png) no-repeat left top /100%; width: 22px; height: 22px;}
.sns_shareBox .snsBtn .facebook{display:inline-block;background: url(../img/ico_facebook.png) no-repeat left top /100%; width: 22px; height: 22px;}
.sns_shareBox .snsBtn .twitter{display:inline-block;background: url(../img/ico_twitter.png) no-repeat left top /100%; width: 22px; height: 22px;}
.sns_shareBox .snsBtn .urlcopy{display:inline-block;background: url(../img/ico_urlcopy.png) no-repeat left top /100%; width: 22px; height: 22px;}

.box_readMore > ul> li.imgBox{padding:2em 0;}
.box_readMore > ul> li.imgBox > p {width:calc(33.3% - 2.35%);display: inline-block; margin:0 .9em;vertical-align:top; }
.box_readMore > ul> li.imgBox > p.w100 {width:calc(100% - 2.35%);;display: inline-block; margin:0 .9em;vertical-align:top; }
.box_readMore > ul> li.imgBox > p.w50 {width:calc(50% - 2.35%);display: inline-block; margin:0 .9em;vertical-align:top; }
.box_readMore > ul> li.imgBox > p > img{width:100%;height:420px;}
.box_readMore > ul> li.imgBox > p:first-child{ margin-left:0;}
.box_readMore > ul> li.imgBox > p:last-child{ margin-right:0;}
.box_readMore > ul> li.video {padding:2em 0;}
.box_readMore > ul> li.txt_more > h3{margin-bottom:.5em;}
.box_readMore > ul> li.txt_more > p{line-height:1.6em;}
.comBox{margin:4em 0 1em 0;position: relative;}
.comBox > h4{padding:.5em 0;font-size:1.2em;font-weight:800;}
.comBox > h4 > span{padding-left:5px;}
.comment{border:1px solid #f5f5f5;background:#FFF;padding:.8em;}
.comment > textarea{width:100%;height:150px;overflow-y: auto; }
.comment_info{border:1px solid #f5f5f5;border-top:0px solid #f5f5f5;background:#FFF;padding:.8em;}
.comment_info > span{text-align:right;position: absolute; right:120px; bottom:20px;font-size:1.1em; color:#888;font-weight:300;}
.send >button{font-size:1.2em; font-weight:300;background:#076bb9;padding: .87em 2em;color:#FFF;position: absolute; right:0; bottom:0;}

.comment_list{padding:1em 0;}
.comment_list > ul > li > .comnt > strong{font-weight:500;}
.comment_list > ul > li > .comnt > .day{display: block; font-size:0.8em; color:#c9c9c9;padding:.2em 0;}
.comment_list > ul > li > .comnt > .commt_btn {position: relative;}
.comment_list > ul > li > .comnt > .commt_btn > .reWriteBtn{border:1px solid #ddd;border-radius:.2em;padding:.2em 1em;margin:1em 0;}
.comment_list > ul > li > .comnt > .commt_btn > .reModChkBtn{border:1px solid #ddd;border-radius:.2em;padding:.2em 1em;margin:1em 0;}
.comment_list > ul > li > .comnt > .commt_btn > .delete{color:#646464;padding:.2em 1em;font-weight:300;border:1px solid #e9e9e9;background:#e9e9e9;border-radius:.2em;}
.comment_list > ul > li > .comnt > .commt_btn > .commt_deleteLayer{position: absolute;left: 54px;    top: 39px;    background: #FFF;    border: 1px solid #ddd;    padding: 1em;}
.comment_list > ul > li > .comnt > .commt_btn > .commt_deleteLayer > button{color:#646464;padding: .5em 1em;font-weight:300;border:1px solid #e9e9e9;background:#e9e9e9;border-radius:.2em;}
.comment_list > ul > li > .comnt > .commt_reply{padding:1em;background:#fffefe;    border: 1px solid #f5f5f5;    margin-top: -1px;}
.comment_list > ul > li > .comnt > .commt_reply > .send >button{position: absolute; right:0.8em; bottom:0.9em;}
.comment_list > ul > li > .comnt > .commt_reply > ul {font-size:.9em;  }
.comment_list > ul > li > .comnt > .commt_reply > ul > li {border-bottom:1px solid #f5f5f5;padding:1em 0;}
.comment_list > ul > li > .comnt > .commt_reply > ul > li:last-child{border-bottom:0px solid #f5f5f5;}
.comment_list > ul > li > .comnt > .commt_reply > strong{color:#666;font-weight:500;}
.comment_list > ul > li > .comnt > .commt_reply > .day{display: block; font-size:0.8em; color:#c9c9c9;padding:.2em 0;}
.comment_list > ul > li > .comnt > .commt_reply > p{color:#666;}
.comment_list > ul > li > .comnt > .commt_reply .commt_btn {position: relative;    display: block; min-height: 2em;}
.comment_list > ul > li > .comnt > .commt_reply .commt_btn > .delete{color:#646464;padding:.2em 1em;font-weight:300;border:1px solid #e9e9e9;background:#e9e9e9;border-radius:.2em;}
.comment_list > ul > li > .comnt > .commt_reply .commt_btn > .reModChkBtn{border:1px solid #ddd;border-radius:.2em;padding:.2em 1em;margin:1em 0;}
.comment_list > ul > li > .comnt > .commt_reply .commt_btn > .commt_deleteLayer{position: absolute;left: 54px;    top: 39px;    background: #FFF;    border: 1px solid #ddd;    padding: 1em;}
.comment_list > ul > li > .comnt > .commt_reply .commt_btn > .commt_deleteLayer > button{color:#646464;padding: .5em 1em;font-weight:300;border:1px solid #e9e9e9;background:#e9e9e9;border-radius:.2em;}
.comment_list > ul > li > .comnt > .commt_reply.comBox{margin:1em 0 0 0;position: relative;}

.box_readMore > .pageBox > ul{vertical-align: middle;}
.box_readMore > .pageBox > ul > li{width:calc(33.3% - 1%);display:inline-block;text-align:center;font-size:1.2em;color:#111;position: relative;vertical-align: middle;}
.box_readMore > .pageBox > ul > li > a{color:#a7a7a7;font-weight:300;display: block;    box-sizing: border-box;}
.box_readMore > .pageBox > ul > li:first-child{text-align:left;}
.box_readMore > .pageBox > ul > li:first-child > a{padding-left:50px;}
.box_readMore > .pageBox > ul > li:first-child > a:before{content: ''; display: block; position: absolute; left:0; top:50%;background:url(../img/icon_arrow.png)center center no-repeat;width:44px; height:34px;transform: translateY(-50%);}
.box_readMore > .pageBox > ul > li:first-child > a:hover{padding-left:50px;color:#111;}
.box_readMore > .pageBox > ul > li:first-child > a:hover:before{content: ''; display: block; position: absolute; left:0; top:50%;background:url(../img/icon_on_arrow.png)center center no-repeat;width:44px; height:34px;transform: translateY(-50%);}

.box_readMore > .pageBox > ul > li:last-child{text-align:right;}
.box_readMore > .pageBox > ul > li:last-child > a{padding-right:50px;}
.box_readMore > .pageBox > ul > li:last-child > a:before{content: ''; display: block; position: absolute; right:0; top:50%;background:url(../img/icon_arrow.png)center center no-repeat;width:44px; height:34px;transform: translateY(-50%) rotate(-180deg);}
.box_readMore > .pageBox > ul > li:last-child > a:hover{padding-right:50px;color:#111;}
.box_readMore > .pageBox > ul > li:last-child > a:hover:before{content: ''; display: block; position: absolute; right:0; top:50%;background:url(../img/icon_on_arrow.png)center center no-repeat;width:44px; height:34px;transform: translateY(-50%) rotate(-180deg);}

.box_readMore > .pageBox > ul > li > button{background:#111;color:#FFF;padding:.6em 2em;font-size:1.3em;margin:0 auto;font-weight:300;}

/*�Խ���*/
/* �� ���� */
.totalAmount{margin:20px 0 10px;}

/*���̺� count*/
.line {padding:20px 0 10px 0px;font-size:14px; color:#555;}
.line span, .line strong{ font-size: 14px; color: #555}

/* table Default*/
.tbl-type01 {}
.tbl-type01>table{border-top:2px solid #0f5ad4;}
.tbl-type01 th, .tbl-type01 td{padding:1rem; vertical-align:middle;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.tbl-type01 td img{height:auto;}
.tbl-type01 tr th:first-child,.tbl-type01 tr td:first-child{border-left:0;}
.tbl-type01 thead th, .tbl-type01 tbody th {background:#f9f9f9; text-align:center;color:#111;font-size:1.05em;font-weight:500; }
.tbl-type01 tbody td{ border-bottom:1px solid #d6d6d6;text-align:left;font-size:1.05em;color:#666;}
.tbl-type01 tbody th>em{color:#666;font-size:0.85em;display:block;font-weight:400;}
.tbl-type01 tbody td a:hover{color:#111;}
.tbl-type01 {}
.tbl-type01 tbody td>p{font-size:1.05em;color:#666;}
.tbl-type01 tbody td>p:before{display:none;}
.tbl-type01.list tbody td{ border-bottom:1px solid #d6d6d6;text-align:center;font-size:1.1em;color:#666;}

/* ����¡ ó�� */
.page-area{ text-align: center; margin-top: 15px; position: relative; bottom: 0;}
.page-area a, .page-area span{ display: inline-block; vertical-align: top}
.page-area span{ margin-left: 0;}
.page-area span a{ font-size: 14px; padding: 0 10px; border: solid 1px #c8c8c8; line-height: 31px; color: #323232; min-width: 13px}
.page-area span.on a{ font-weight: bold; border: 1px solid #616161; background: #616161; color: #fff}
.page-area .first, .page-area .prev, .page-area .next, .page-area .last{ width: 33px; height: 33px; font-size: 0; line-height: 0; padding: 0; text-indent: -999999px}
.page-area a.first{ background: url(../img/paging.png) no-repeat 0 0; margin-right: 0;}
.page-area a.first:hover{ background: url(../imgpaging.png) no-repeat 0 100%; margin-right: 0;}
.page-area a.prev{ background: url(../img/paging.png) no-repeat -35px 0; margin-right: 10px;}
.page-area a.prev:hover{ background: url(../img/paging.png) no-repeat -35px 100%; margin-right: 10px;}
.page-area .end{ background: none;}
.page-area .next{ background: url(../img/paging.png) no-repeat -70px 0; margin-left: 10px;}
.page-area a.next:hover{ background: url(../img/paging.png) no-repeat -70px 100%;  margin-left: 10px;}
.page-area a.last{ background: url(../img/paging.png) no-repeat -105px 0; margin-left: 0;}
.page-area a.last:hover{ background: url(../img/paging.png) no-repeat -105px 100%;  margin-left: 0;}
.btn-area{padding:1em 0;text-align:center;}
.btn-area a{cursor: pointer;display: inline-block;padding:.1em 1em .2em 1em;font-size: 1rem;background: #444;font-weight: 400;color:#fff;line-height: 35px;height: auto;border-radius: 3px;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}




@media all and ( max-width:1440px){
}

@media all and ( max-width:1024px){
#header {height: auto;}
#header > h1{position: relative;background:#c3f1fe url(../img/bg_m_main.jpg)center top no-repeat;height:410px;padding:0 2%;    background-size: cover;}
#header > h1 > a{background:url(../img/img_title.png)right center no-repeat;display: block;    height: 100%;width:100%;margin:0 auto;min-width: initial;background-size: auto 298px;}
#header > h1:before{ display: none;}
#header > h1:after{ display: none;}

/*sub*/
#header.sub_header > h1{position: relative;background:#c3f1fe url(../img/bg_m_main.jpg)center top no-repeat;/* height:410px; *//* padding:0 2%; */background-size: cover;}
#header.sub_header > h1:before{ display: none; }
#header.sub_header > h1:after{  display: none; }
#header.sub_header > h1 > a{background:url(../img/img_title.png)right 47% no-repeat;display: block;    height: 100%;width:100%;margin:0 auto;min-width: initial;background-size: auto 298px;}
#header.sub_header > h1 > a img{width:100%;}

nav.cd-primary-nav {margin-top:0;}

.sf_Exposition2020_slide{width:100%;margin:4em auto; padding:0 2%;box-sizing:border-box;}
.sf_Exposition2020_slide > .slide_img > .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev, .sf_Exposition2020_slide > .slide_img > .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next{top: initial; bottom: 0;}


.notice_area{width:100%; padding:3% 2%;background:#fafafa;}
.notice_area > .noticebody_inner{width:100%;}


.subCon{width:100%;margin:0 auto;padding:2em 3% 4em;}


/*2020��ǰ�ۼ���*/
.box_inner > ul> li {display: inline-block; width: calc(33% - 2.2%); margin:0 2em;padding-bottom:3em;}
.box_inner > ul> li:nth-child(1n),.box_inner > ul> li:nth-child(4n),.box_inner > ul> li:nth-child(7n){margin-left:0;}
.box_inner > ul> li:nth-child(3n),.box_inner > ul> li:nth-child(6n),.box_inner > ul> li:nth-child(9n){margin-right:0;}
.box_inner > ul> li:nth-child(4n){margin-right:2em;}

.box_readMore > ul> li.imgBox > p { margin: 0 0.77em; }

#footer{padding:2%;}
}

@media (max-width: 1023px){

    nav.cd-primary-nav {margin-top:0;height:50px; position: absolute;}
    nav.cd-primary-nav > ul{width:100%;}
    nav.cd-primary-nav > ul > li {display:block;}
    nav.cd-primary-nav > ul > li> a{padding:0 2em;}
    nav.cd-primary-nav > ul > li> a:hover{ background:#c3f1fe;color:#022a59;}
    nav.cd-primary-nav > ul > li> a:hover:after{display:none;}


.ftbody_inner{background: none;background-size: 30%;/* padding-top:3em; */}
#footer p{ text-align:left;font-size:0.8em;}

    }

@media (max-width: 768px){
#header > h1 { background: #c3f1fe url(../img/bg_m_main.jpg)center bottom no-repeat; height:280px;background-size: 120%;}
#header > h1 > a{background-size: auto 240px;}

/*sub*/
#header.sub_header > h1{position: relative;background:#c3f1fe url(../img/bg_m_main.jpg)center bottom no-repeat;/* height:280px; */background-size: 120%;}
#header.sub_header > h1 > a{background-size: auto 240px;}


.sf_Exposition2020_slide > .title { width:100%;display:block;text-align:center;}
.sf_Exposition2020_slide > .title > strong{    padding-right: 0;}
.sf_Exposition2020_slide > .title > strong > em { font-size:100%;display: inline-block;}
.sf_Exposition2020_slide > .slide_img {width:100%;;}
.sf_Exposition2020_slide > .title > span{margin:.5em 0;}
.sf_Exposition2020_slide > .slide_img > .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev{top:-20px; bottom: initial;left:0;}
.sf_Exposition2020_slide > .slide_img > .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next{top:-20px; bottom: initial;left:initial;right:0;}

.notice_area > .noticebody_inner > ul > li > a > span{word-break: break-word; -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    max-height: 26px;    overflow: hidden;    text-overflow: ellipsis;}

.subCon{    max-height: initial;}
.subCon .breadScrumb { display: block;}
.box_inner{overflow-x: scroll;}

/*2020��ǰ�ۼ���*/
.box_inner > ul> li {display: inline-block; width: calc(33% - 2.2%); margin: 0 1.5em;padding-bottom:3em;}
.box_inner > ul> li:nth-child(1n),.box_inner > ul> li:nth-child(4n),.box_inner > ul> li:nth-child(7n){margin-left:0;}
.box_inner > ul> li:nth-child(3n),.box_inner > ul> li:nth-child(6n),.box_inner > ul> li:nth-child(9n){margin-right:0;}
.box_inner > ul> li:nth-child(4n){margin-right:1.5em;}

.box_readMore { background: #fcfcfc; padding: 1em;}
.box_readMore > ul> li.imgBox > p { margin: 0 0.64em; }

.box_inner > ul.sfAward2019 > li{position: relative; width:100%;


}

@media all and ( max-width:425px){
#header > h1 { background: #c3f1fe url(../img/bg_main.jpg)center top no-repeat; height:200px;background-size: 100%;}
#header > h1 > a{background-size: auto 150px;}
/*sub*/
#header.sub_header > h1{background: #c3f1fe url(../img/bg_main.jpg)center top no-repeat;/* height:200px; */background-size: 100%;}
#header.sub_header > h1 > a{background-size: auto 150px;}

.sf_Exposition2020_slide > .title > span{margin:.5em 0; padding: 0 2em;}

.notice_area > .noticebody_inner> h3{margin-bottom:10px;font-size: 1.5em;}
.notice_area > .noticebody_inner > ul > li {padding:.2em 0;font-size:0.8em;}
.notice_area > .noticebody_inner > ul > li > a > span{display:block;}
.notice_area > .noticebody_inner > ul > li > a > .data{width:100%;    text-align: left;}
.notice_area > .noticebody_inner > ul > li > a:before{    left: 0; top: 12px;}

.box_inner >table{ width: 500px;}
.box_inner > ul> li {display: block; width:100%;margin:0 .8em;padding-bottom:3em;}
.box_readMore > ul> li.imgBox > p{width:100%;margin:1em 0;}
.box_readMore > ul> li.shareBox{position:relative;right:0;top:0;}
.sns_shareBox {left:0; right: initial;}
.comment_info > input {width:100%; margin:.1em 0}
.comment_info > span{position: relative;right: initial;bottom: initial;text-align:right;    display: block;}
.send > button{position: relative;    width: 100%;}

.box_readMore > .pageBox > ul > li {display:none;}
.box_readMore > .pageBox > ul > li.list{display:block;width: 100%;    text-align: center;}
.box_readMore > .pageBox > ul > li > button {word-break: keep-all;font-size: 1em;}
.comment_list > ul > li > .comnt > .commt_reply > .send >button{position: relative; right:0; bottom:0;}
.tbl-type01 >table{ width: 500px;}





}

@media all and ( max-width:375px){
#header > h1{height:180px;}
#header > h1 > a{ background-size: auto 130px;}
/*sub*/
#header.sub_header > h1{background: #c3f1fe url(../img/bg_main.jpg)center top no-repeat;/* height:180px; */background-size: 100%;}
#header.sub_header > h1 > a{background-size: auto 130px;}

.box_readMore > ul> li.title {    font-size: 1.7em;    font-weight: 700;    line-height: 1.2em;    padding: .5em 0;}

}

@media all and ( max-width:320px){
#header > h1{height: 170px;}
#header > h1 > a{background-size: auto 130px;}
}