a{color:#333;text-decoration:none}
a:hover, a:focus{color:rgb(30, 127, 255);text-decoration:none}
b,strong{font-weight:700;}

h2.title{font-size:2em;  padding:20px; font-weight:700;}
h3.title{font-size:1.6em; border-bottom:1px solid #DDD; margin-top:10px; padding:20px 0; font-weight:700;}

h4.title{position:relative; font-size:1.4em; color:rgb(30, 127, 255); font-weight:700; padding:10px 0; margin-top:30px; line-height:24px; padding-left:10px; font-family: 'nanumsquare', cursive; }
h4.title.nmt{margin-top:0;}
h4.title:before{position:absolute; width:3px; height:10px; background:rgb(30, 127, 255); top:50%; margin-top:-5px; left:0; content:"";}
h4.title.nicon{padding-left:0;}
h4.title.nicon:before{display:none;}


h4.title small{font-size:13px; padding-left:10px; color:#999}
h4.title span{ font-size:.9em;  font-weight:700;   color:#555;}
h4.title strong{font-size:.9em; width:32px; height:32px; line-height:32px; text-align:center; background:rgb(30, 127, 255); color:#FFF; display:inline-block;vertical-align:middle; padding: 0 ; margin-right:5px;     border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;}
h5.title{position:relative; font-size:1.3em;   font-weight:700; padding:10px 0; margin-top:10px; line-height:24px;   }

#ui-datepicker-div{display:none;}

#header{position:absolute; top:0; left:0; right:0; z-index:20;  }
#header:before{position:absolute; top:0;  border-bottom:1px solid rgba(255,255,255,.4);   bottom:0; left:50%; margin-left:-500vw; width:1000vw; min-width:100%; z-index:-1; content:"";}

#header.sub:before{ background:rgb(255, 255, 255);  }
#header.sub:hover:before{background:rgb(255, 255, 255);}

#header h1{float:left;  }
#header h1 img{height:80px; }
#header ol{position:absolute; top:0; right:0;   line-height:30px; }
#header ol li{float:left; position:relative;}
#header ol li:before{position:absolute; top:50%; margin-top:-5px; height:10px; width:1px; left:0; background:#ddd; content:"";}
#header ol li:first-child:before{display:none;}
#header ol li a{display:block; padding:0 10px;    font-size:13px; color:rgb(57, 171, 255);}



#btnAllmenu{ position:absolute;display:none;   background:transparent; width:40px; height:40px; margin-top:-20px; border:0;  right:10px; top:50%;   text-indent:-1000px; overflow:hidden; box-sizing:border-box;}
#btnAllmenu:after{position:absolute;   border-top:2px solid #333; border-bottom:2px solid #333;   top:20%;  bottom:20%; left:20%; right:20%; content:"";}
#btnAllmenu:before{position:absolute; height:2px; top:50%; margin-top:-1px; left:20%; right:20%; background:#333; content:"";}


#topMenu{position:relative;float:right; margin-top:30px; }
#topMenu dl{}
#topMenu dd{float:left; position:relative; margin-left:50px;}
#topMenu.c8 dd{float:left; position:relative; margin-left:45px;}
#topMenu.c9 dd{float:left; position:relative; margin-left:40px;}
#topMenu.c10 dd{float:left; position:relative; margin-left:32px;}
#topMenu dd > a{position:relative; text-align:center; z-index:2; display:block; font-size:1.067em;   line-height:50px; height:50px; color:rgb(57, 171, 255); }
#topMenu dd:hover > a{color:rgb(0, 0, 0)}


#mobileMenu{position:fixed; display:none; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99 }
#mobileMenu ol{border-bottom:1px solid #DDD; line-height:40px; text-align:center; }
#mobileMenu ol:after {display:block;visibility:hidden;clear:both;content:""}
#mobileMenu ol li{display:inline-block; padding:0 20px}
#mobileMenu > a{position:absolute; right:100%; width:70px; background:#333; height:60px;  text-indent:-1000px; overflow:hidden;}
#mobileMenu > a:after{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
#mobileMenu > a:before{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); }
#mobileMenu section{position:absolute; right:-70%; top:0; width:70%; height:100%; background:#FFF; overflow:auto; }
#mobileMenu dl dd > a{position:relative; display:block; padding-left:30px; font-size:1.2em;  border-bottom:1px solid #EEE; line-height:45px;}
#mobileMenu dl dd > a i{position:absolute; line-height:30px; top:0; right:0; width:40px; text-align:center; line-height:30px; color:#5a5757}
#mobileMenu dl dd > ul{display:none;}
#mobileMenu dl dd > ul a{display:block; background:#F6F6F6; padding-left:40px;  border-bottom:1px solid #FFF; line-height:40px;}


#main_visual{position:relative; z-index:1;  overflow:hidden; }
#main_visual ul{position:relative; z-index:1;}
#main_visual li{background-position:center center;  width:100%;  background-repeat:no-repeat; height:850px;   }
#main_visual .swiper-pagination{position:absolute; z-index:10; bottom:30px; width:100%;}
#main_visual .swiper-pagination-bullet{position:relative; width:12px; height:12px;margin:0 5px; border-radius:8px; background:transparent; opacity:1; background:#000}
#main_visual .swiper-pagination-bullet-active{width:60px}

#main_visual section{position:absolute; top:80px; left:0; right:0; color:#FFF; text-align:center; bottom:0; z-index:4;display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }
#main_visual section h2{position:relative;font-size:54px; line-height:140%;   font-family: 'nanumsquare', cursive; font-weight:600;  text-shadow:1px 1px 5px rgba(0,0,0,.5)}
#main_visual section h6{position:relative;font-size:18px; line-height:140%; margin-top:10px;text-shadow:1px 1px 5px rgba(0,0,0,.5)}
/*visual animation */
#main_visual section h2{line-height:200%; top:50px; opacity:0; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;-webkit-transition-delay: 300ms; transition-delay:300ms; }
#main_visual section h6{line-height:200%; top:50px; opacity:0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;-webkit-transition-delay: 800ms; transition-delay:800ms; }
#main_visual .swiper-slide-active section h2{line-height:140%;  letter-spacing:0; top:0; opacity:1}
#main_visual .swiper-slide-active section h6{line-height:140%;  top:0; opacity:1}





#me_list{margin-top:100px;}
#me_list dl{  }
#me_list dt{ float:left; width:240px;background:#FDD; background:url(/img/me_title.jpg) left bottom no-repeat; height:300px}
#me_list dt strong{display:block; font-size:32px; font-weight:800; line-height:120%; font-family: 'nanumsquare', cursive;}
#me_list dt p{color:#888888; line-height:150%; margin-top:10px;}
#me_list dt a{position:relative; display:inline-block; padding:0 40px 0 0; line-height:160%; margin-top:20px; border-bottom:1px solid #000; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
#me_list dt a:after{position:absolute;right:0; bottom:0; width:1px; height:100%; background:#000;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);
transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-o-transform-origin:right bottom;  content:"";}
#me_list dt a:hover{padding-right:60px;}

#me_list dd{ float:left;  width:960px; display: -webkit-flex; display: flex; justify-content:space-between}
#me_list dd img{ width:100%;height:175px;}
#me_list dd a{width:300px;display:block;}
#me_list dd article{border:1px solid #DDD; border-top:0; padding:20px}
#me_list dd article h5{ font-size:1.1em; position:relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#me_list dd article p{opacity:.6 }


#mc_banner{margin-top:100px;padding:100px 0; text-align:center;background:url(/img/mc_banner.jpg) center center no-repeat;  background-size:cover; color:#FFF;}
#mc_banner section{}
#mc_banner section h2{font-size:32px; line-height:100%;font-family: 'nanumsquare', cursive;}
#mc_banner section h2 strong{font-weight:700}
#mc_banner section p {font-size:20px; line-height:100%; margin-top:.5em}
#mc_banner section a {display:inline-block; padding:4px 20px; color:#FFF; border:1px solid #FFF; margin-top:2em; font-size:1.1em}

#mt_banner{margin-top:100px; z-index:2;}
#mt_banner dl{display: -webkit-flex; display: flex; justify-content:space-between}
#mt_banner dl dd{box-shadow:0 0 10px rgba(0,0,0,.3)}

#mp_list{margin-top:0; padding:100px 0;  background:#FFF; z-index:1;}
#mp_list:before{position:absolute; top:-40px; left:50%; width:200vw; bottom:0; margin-left:-100vw; background:#1d8392; z-index:-1; content:"";}
#mp_list dl{ background:#FFF; z-index:1; padding:30px;}
#mp_list dl dt{ width:70px; float:left;clear:both; text-align:center; padding-right:20px}
#mp_list dl dd{_display:inline-block; overflow:hidden; zoom:1; border-left:2px solid #DDD; padding-left:30px;}
#mp_list dl dd:after{display:block;clear:both;content:''}
#mp_list dl dd a{display:inline-block; margin:0 10px}



#footer{position:relative; padding:30px 0; color:#FFF;}
#footer:before{position:absolute; top:0; background:#363b3e;  bottom:0; left:50%; margin-left:-500vw; width:1000vw;z-index:-1; content:"";}
#footer h1{  float:left;clear:both; margin-right:80px; }
#footer h1 img{height:80px;  }
#footer article{overflow:hidden; padding-top:20px}
#footer article div:after {display:block;visibility:hidden;clear:both;content:""}
#footer article div a{position:relative; float:left; margin-right:20px;}
#footer article div a:before{position:absolute; top:50%; margin-top:-5px; height:10px; width:1px; left:-10px; background:#ddd; content:"";}
#footer article div a:first-child:before{display:none;}
#footer article address{font-size:.9em; margin-top:0;}
#footer article p{font-size:.9em; color:#999}
#footer span{white-space: nowrap; padding-right:10px}


#subContent{margin-top:80px; padding:50px 0; min-height:calc(100vh - 152px - 80px);}
#pageTitle{font-size:2em; font-weight:700; padding:1em 0; border-bottom:1px solid #DDD;font-family: 'nanumsquare', cursive; margin-bottom:1em}








/*//////////////////////*/
.write_table{margin:0 auto; width:100%; clear:both; position:relative;  text-align:left;}
.list_table{position:relative; width:100%; clear:both;	  margin:0 auto 20px;}
.view_table{position:relative; width:100%; clear:both;	  margin:0 auto;}

.table_col{width:100%;position:relative; border-bottom:1px solid #AAA;}
.table_col th{ background:#FAFAFA; font-weight:700; text-align:center; border-bottom:1px solid #DDD; height:40px; border-top:1px solid #999;}
.table_col td{border-bottom:1px solid #DDD;height:38px; padding:6px; text-align:center;}


.table_line{width:100%;position:relative; border-bottom:1px solid #AAA;}
.table_line th{ background:#FAFAFA; font-weight:700; text-align:center; border:1px solid #DDD; height:40px; border-top:1px solid #999;}
.table_line td{border:1px solid #DDD;height:38px;text-align:left; padding:0 10px; font-size:.9em;}

.table_line2{width:100%;position:relative;  }
.table_line2 th{ background:rgb(30, 127, 255); font-weight:700; text-align:center; color:#FFF; line-height:40px;}
.table_line2 td{border:1px solid #DDD;height:28px;text-align:left; padding:0 10px; font-size:.9em;}

.table_line_row{width:100%;position:relative;border-top:1px solid #999;  }
.table_line_row th{ background:#FAFAFA; font-weight:700; width:100px; font-weight:700; padding-left:20px;   text-align:left; border:1px solid #DDD; height:34px; }
.table_line_row td{border:1px solid #DDD;height:28px;text-align:left; padding-left:10px; font-size:.9em;}

.event_info{margin-top:20px}
.event_info dl:after {display:block;visibility:hidden;clear:both;content:""}
.event_info dl dd{position:relative; margin:.5% 0;   border:1px solid #DDD; box-sizing:border-box; line-height:50px;  overflow:hidden;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}
.event_info dl dd strong{display:inline-block; border-right:1px solid #DDD; background:#FAFAFA; padding-left:20px; width:150px}

.connectus{margin-top:20px}
.connectus dl{margin:-.5%;}
.connectus dl:after {display:block;visibility:hidden;clear:both;content:""}
.connectus dl dd{position:relative; margin:.5%; width:49%; border:1px solid #DDD; box-sizing:border-box; line-height:50px; float:left;overflow:hidden;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}
.connectus dl dd strong{display:inline-block; border-right:1px solid #DDD; background:#FAFAFA; padding-left:20px; width:150px}

.connectus table{width:100%; border-top:1px solid #DDD;}
.connectus table tr th{ border:1px solid #EEE; padding:10px; text-align:center;}
.connectus table tr td{ border:1px solid #EEE; padding:10px;  }

.btn_go{position:absolute; top:0; right:0; line-height:50px; background:rgb(30, 127, 255); color:#FFF; padding:0 20px;}
.btn_go:hover{color:#FFF;}

.table_row{border-collapse:collapse;padding:0; border-spacing:0px; width:100%; border-top:1px solid #AAA; }
.table_row th{text-align:left; width:100px;   padding-left:20px;   line-height:38px;  border-bottom:1px solid #DDD; background:#FAFAFA}
.table_row td{text-align:left; border-bottom:1px solid #DDD; padding:10px;}
.no_list{line-height:100px; text-align:center !important;}
table .tl{text-align:left; padding-left:10px;}
table .tr{text-align:right; padding-right:10px;}
table .ct{text-align:center; padding:0px 10px;}
table p{margin-top:4px;}


.tables{}
.tables dl {position:relative; margin:-.3%;}
.tables dl:after {display:block;visibility:hidden;clear:both;content:""}
.tables dl dd{width:49.4%; float:left; margin:.3%; line-height:40px; border:1px solid #DDD; box-sizing:border-box;  overflow:hidden;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}
.tables dl dd strong{display:inline-block;float:left; clear:both; padding-left:15px; border-right:1px solid #DDD; width:120px; background:#FAFAFA;}
 .tables dl dd span{display:block; padding-left:10px; _display:inline-block;  overflow:hidden; zoom:1}
.tables dl dd span:after{display:block;clear:both;content:''}


.tables.w1 dl dd{width:99.4%; float:left; margin:.3%;  }

.write_option{height:30px; line-height:30px; }
.write_option label{float:left;  overflow:hidden; margin-right:10px  }
.btn_center{text-align:center;padding:20px;}
.btn_set{padding:20px 0; position:relative;}
.btn_set:after {display:block;visibility:hidden;clear:both;content:""}


.inputbox{height:34px; padding:0px; line-height:34px; border:1px solid #CCC; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-radius: 3px;}
select{height:34px; line-height:34px;  border:1px solid #CCC; border-right:1px solid #AAA;  border-radius: 3px;}
textarea{position:relative; vertical-align: top;  padding:4px; border:1px solid #CCC; margin:0; width:100%; word-break:break-all; overflow-y:auto; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius: 3px;}
.filebox{height:34px; border:1px solid #CCC; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius: 3px;}
/*basic file upload===start */
.basic_file{}
.basic_file .file_top{height:20px; padding-left:4px; position:relative;}
.basic_file .file_top a{float:left; margin-top:4px; width:18px; height:13px; background-image:url(../img/bbs_img.gif); display:block; text-indent:-100px;overflow:hidden;}
.basic_file .btn_plus{background-position: 0 -170px;}
.basic_file .btn_minus{background-position:-18px -170px;}
.basic_file .file_upload_text{float:left; font:8pt/24px Dotum; color:#999;  padding-left:10px; letter-spacing: -1px;}
.basic_file .file_upload_text span{font-weight:bold; letter-spacing: 0px;color:#C00;}
#variableFiles{}
#variableFiles li{list-style:none; margin-top:4px; line-height:22px;}
#variableFiles li a{padding-left:5px;}
#variableFiles li p{margin-top:3px;padding-right:10px;}
#variableFiles li p input{width:100%;}
/*basic file upload===end */

.view_table h3.subject{padding:15px 0; font-weight:bold;clear:both;	border-bottom:1px dotted  #AAA; font-size:18px; line-height:20px;}
#writeContents{position:relative; word-break:break-all; padding:20px 0; line-height:160%;  }
.view_image{text-align:center; }
.view_image img{  float:none; clear:both; margin:5px; }

ul.write_info{position:relative; clear:both;height:34px; line-height:34px; }
ul.write_info, ul.write_info li{list-style:none; padding:0; margin:0;}
ul.write_info li{float:left; font:normal 7pt/34px tahoma;  margin-right:10px;}
ul.write_info li label{color:#999; padding-right:6px;}
ul.write_info li.info_name em{font-size:7pt}
ul.write_info li.info_date{}
ul.write_info li.info_hit{}
dl.get_link{height:20px; line-height:20px; }
dl.get_link dt{font-weight:700; float:left; }
dl.get_link dd{float:left; }
dl.get_link dd span{padding-left:10px; color:#06f;}

#uploadFile{position:absolute; top:5px; right:0;z-index:999999}
#uploadFile .title{cursor: pointer; display:block; line-height:21px; height:21px; overflow:hidden;  padding:0 10px; border:1px solid #DDD; background:#F6F6F6 url(../img/bbs_img.gif) 0px -85px no-repeat; width:60px;}
#uploadFile .info_file{position:absolute; display:none; top:22px; right:0; padding:5px; list-style:none;border:1px solid #DDD; background:#F6F6F6;}
#uploadFile .info_file li{list-style:none;height:18px;white-space:nowrap; line-height:18px; padding:0 6px; font:normal 8pt tahoma;}
#uploadFile .info_file span{padding-left:10px}
#uploadFile .info_file span.file_size{color:#999}
#uploadFile .info_file span.file_hit{color:#F60}

 /* view_comment.skin.php */
h4.comment_title{font:normal 18px 'Arial Black'; color:#999; padding:10px 0; margin:0}
.commentBox{clear:both;border-top:1px solid #CCC; margin-top:20px;}
.commentInfo{height:30px; line-height:30px;padding:0 10px;}
.commentInfo span{float:left; height:17px; line-height:17px; }
.commentInfo .member{ font-weight:bold;  margin-top:6px;  padding-left:16px;background:url(../img/bbs_img.gif) 0 -330px no-repeat; }
.commentInfo .guest{ font-weight:bold;  margin-top:6px; padding-left:16px; background:url(../img/bbs_img.gif) 0 -347px no-repeat; }
.commentInfo .datetime{padding-left:16px;font:normal 7pt/26px tahoma; color:#999;}
.commentInfo .ipaddr{color:#999;padding-left:6px; font:normal 7pt/26px tahoma;}
.commentInfo .btnSmall{float:right; margin-top:6px; margin-left:3px;}
.commentContent{line-height:20px; padding:7px; word-break:break-all; overflow:hidden; clear:both;}
.commentContent .secret{color:#FF6600;}
#kcaptcha_image{width:80px; height:30px;}
.wr_content_co{ margin:0;}
.comment_w_info{height:30px; background:#F6F6F6; border:1px solid #CCC; border-top:0; }
.comment_w_info label{line-height:30px; display:block; float:left; padding:0 10px;}
.comment_w_info .inputbox{float:left; width:70px; margin-top:3px; }
.comment_w_info #kcaptcha_image_co{float:left; width:80px; height:24px; margin-top:3px; margin-left:10px;}
.comment_w_info .comment_w_option{height:28px; float:left;}
.comment_w_info .comment_w_option img{cursor: pointer; margin:6px;  }
.comment_w_info .co_btn_write{border:0; height:30px; background:#666; padding:0 20px; color:#FFF; float:right; font-weight:bold;margin:0px; line-height:30px;cursor:pointer;}

.cobtn_reply span{display:block; width:13px; height:13px; background:url(../img/bbs_img.gif) 0 -316px no-repeat;}
.cobtn_modiry span{display:block; width:13px; height:13px; background:url(../img/bbs_img.gif) 0 -290px no-repeat;}
.cobtn_delete span{display:block; width:13px; height:13px; background:url(../img/bbs_img.gif) 0 -303px no-repeat;}

/* list.skin.php */



.content_tab{position:relative; border-bottom:1px solid #AAA; padding-left:1px;    }
.content_tab:after {display:block;visibility:hidden;clear:both;content:""}
.content_tab a{ float: left; color:#555 !important;text-decoration:none !important; margin-left:-1px; position:relative; z-index:1; font-size:1.1em; font-weight:700; line-height:40px;  margin-bottom:-1px; cursor: pointer; background:#F6F6F6; border:1px solid #DDD; border-bottom-color:#AAA; padding:0 30px;}
.content_tab a.active{background:rgb(30, 127, 255); border-color:rgb(30, 127, 255) !important; color:#FFF  !important; z-index:2;  }



.content_tab2{position:relative; zoom:1;  text-align:center; display: -webkit-flex; display: flex; justify-content:space-between; padding-right:1px; margin-bottom:20px}

.content_tab2 a{ width:0;  flex-grow:1; color:#555 !important;text-decoration:none !important;  position:relative; z-index:1; font-size:1.2em; font-weight:700; line-height:50px;  cursor: pointer; background:#F6F6F6; border:1px solid #DDD; margin-right:-1px  }
.content_tab2 a.active{background:rgb(30, 127, 255); color:#FFF  !important; z-index:2; border-color:rgb(30, 127, 255)}





#header_event{position:fixed; top:0; left:0; right:0; z-index:20; padding-bottom:1px}
#header_event:before{position:absolute; top:0;  border-bottom:1px solid rgba(0,0,0,.2); background:rgb(255, 255, 255);  bottom:0; left:50%; margin-left:-500vw; width:1000vw; min-width:100%; z-index:-1; content:"";}
#header_event:hover:before{background:rgb(255, 255, 255);}

#header_event h1{float:left;  }
#header_event h1 img{height:80px; }
#header_event ol{position:absolute; top:0; right:0;}
#header_event ol li{float:left; position:relative;}
#header_event ol li:before{position:absolute; top:50%; margin-top:-5px; height:10px; width:1px; left:0; background:#ddd; content:"";}
#header_event ol li:first-child:before{display:none;}
#header_event ol li a{display:block; padding:0 10px;  line-height:40px; font-size:13px; color:rgb(57, 171, 255);}

#event_visual{position:relative; z-index:1;  margin-top:80px; overflow:hidden; }
#event_visual ul{position:relative; z-index:1;}
#event_visual li{background-position:center center;  width:100%;  background-repeat:no-repeat; height:770px;   }
#event_visual .swiper-pagination{position:absolute; z-index:10; bottom:30px; width:100%;}
#event_visual .swiper-pagination-bullet{position:relative; width:12px; height:12px;margin:0 5px; border-radius:8px; background:transparent; opacity:1; background:#000}
#event_visual .swiper-pagination-bullet-active{width:60px}


#event_tech{padding:30px 0;}
#event_tech:before{position:absolute; top:0; bottom:0; left:50%; margin-left:-100vw; width:200vw; background:#f9f9f9; border-bottom:1px solid #DDD;z-index:-1; content:"";}
#event_tech section{position:relative; overflow:hidden;}
#event_tech ul{}
#event_tech ul li{  }
#event_tech ul li  a > img{width:100%;  }
#event_tech ul li h6{line-height:58px; font-size:1.15em; line-height:140%;  position:relative; margin-top:10px;  }
#event_tech ul li .logo_img{height:30px; margin-top:10px;  }

#event_tech a.mvpn{position:absolute; top:50%; z-index:3; width:0; height:0; padding:0;  border:0; cursor:pointer;  }
#event_tech a.mvpn.prev{left:-100px;}
#event_tech a.mvpn.next{right:-100px;}
#event_tech a.mvpn:after{position:absolute; top:50%; width:40px; height:40px; border-style:solid; border-color:#aaa; border-width:3px; content:"";}
#event_tech a.mvpn.prev:after{left:15px; border-color:#aaa transparent transparent #aaa; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#event_tech a.mvpn.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#event_tech a.mvpn.next:after{right:15px; border-color:#aaa #aaa transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#event_tech a.mvpn.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}



#event_mt_banner{margin-top:30px;margin-bottom:30px; z-index:2;}
#event_mt_banner dl{display: -webkit-flex; display: flex; justify-content:space-between}
#event_mt_banner dl dd{box-shadow:0 0 10px rgba(0,0,0,.3)}



#event_research{background:rgb(30, 127, 255);}
#event_research section{ overflow:hidden; padding:30px 0; }


#event_research ul{ display: -webkit-flex; display: flex; justify-content:space-between}
#event_research ul li{ width:16.66%;    flex-grow:1; text-align:center; }
#event_research ul li .pic_img{display:inline-block; width:130px; height:130px; border-radius:50%; background-size:cover; background-position:center top; }
#event_research ul li h6{font-size:1.15em; line-height:130%; margin-top:10px;color:#FFF;}
#event_research ul li p{ line-height:130%; margin-top:0px;color:#FFF;}
#event_research ul li a.view_tech{font-size:.9em; margin-top:10px;border:1px solid #FFF; color:#FFF; padding:0 10px; line-height:30px; display:inline-block;}
#event_research .swiper-pagination{position:relative;  padding-top:20px; width:100%;   z-index:10;  }
#event_research .swiper-pagination-bullet{position:relative; width:8px; height:8px;margin:0 2px; border-radius:8px; opacity:1; background:#555; }
#event_research .swiper-pagination-bullet-active{ background:#FFF;}





#event_search{position:relative; zoom:1; padding:30px; border:1px solid #DDD; background:#FAFAFA; border-radius: 5px;}
#event_search dl:after {display:block;visibility:hidden;clear:both;content:""}
#event_search dl dd {float:left; width:22%; padding:0 10px; box-sizing:border-box;}
#event_search dl dd:after {display:block;visibility:hidden;clear:both;content:""}
#event_search dl dd label{display:block;  }
#event_search dl dd span{ display:block; width:100%; }
#event_search dl dd span input{width:100%}
#event_search dl dd span input.carender{width:45%; float:left;}
#event_search dl dd span i{width:10%; float:left; text-align:center;}
#event_search dl dt{float:left; width:12%;}



#event_search .btnStyle1{display:block; width:100%;height:58px; padding:0; line-height:58px; text-align:center; border-radius: 3px; box-shadow:1px 1px 4px rgba(0,0,0,.2)}
#event_search .btnStyle1:hover{color:#FFF;}

.event_list{margin-top:40px}
.event_list ul{position:relative; margin:-1%;}
.event_list ul li{position:relative; float:left;  width:23%; margin:1%; overflow:hidden}
.event_list ul li:nth-child(4n+1){clear: both}


.event_list ul li .logo_img{display:block; border:1px solid #DDD; height:0; padding-top:60%; background-position:center; background-size:80% auto; background-repeat:no-repeat; }
.event_list ul li h6{font-size:1.2em;  font-weight:700; line-height:150%; margin-top:10px;}
.event_list ul li label{position:absolute; top:20px; left:20px; background:#444; color:#FFF; width:100px; margin-top:-13px; margin-left:-50px; line-height:26px; text-align:center; transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);
}

.event_list ul li label.state0{background:#458cff;}
.event_list ul li label.state1{background:#444;}
.event_list ul li label.state2{background:#F44;}



.board_category_tab{ position:relative; margin:20px 0;}
.board_category_tab:after {display:block;visibility:hidden;clear:both;content:""}
.board_category_tab .thisTab{background:#777; color:#FFF; border-color:#444;}

.board_category_list{position:relative; padding-left:1px; margin-bottom:20px;}
.board_category_list:after {display:block;visibility:hidden;clear:both;content:""}
.board_category_list a{position:relative; width:73px; float:left; margin-top:-1px; margin-left:-1px; padding:5px 0 5px 10px; border:1px solid #DDD; z-index:1; }
.board_category_list a:hover{background:#eee; border-color:#AAA; z-index:2;}
.board_category_list a.thisList{color:#FFF; font-weight:700; background-color:#d70c18;border:1px solid #b00610; z-index:3;}


.gallery_list{position:relative; width:1100px; overflow:hidden; }
.gallery_list:after {display:block;visibility:hidden;clear:both;content:""}

.gallery_list ul{width:1120px; }
.gallery_list ul li{float:left; margin-top:20px; margin-right:20px; position:relative; }
.gallery_list input{position:absolute; top:5px; left:5px;}
.gallery_list label{position:absolute; top:0; left:0; width:100%; height:120px; background:url(../img/icon_play.png) center center no-repeat;}
.gallery_list h5{line-height:20px; width:250px; padding:10px 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.ck_content{display:none;}

.gallery_list .no_list{line-height:100px; text-align:center;}

/* 서브컨텐츠 공통 스타일 */
#pageContent{line-height:180%; font-size:1.1em; padding-bottom:30px; }
#pageContent section{padding:0 15px;  }
#pageContent strong, #pageContent b{font-weight:bold; }
#pageContent u{font-weight:underline; }
#pageContent i{font-style:italic; }
#pageContent q{font-family: "Nanum Gothic","Gulim", "dotum", sans-serif;}
#pageContent em{font-style:italic; }
#pageContent img{max-width:100%; height:auto;}
#pageContent small{ font-size:.9em; color:#666;}
#pageContent .link{color:#33f; text-decoration: underline;}

#pageContent .red{color:#d70c18}
#pageContent .blue{color:#1255c4}
#pageContent .yellow{color:#ffba00}
#pageContent .black{color:#222222}
#pageContent .block{font-weight:bold}


#pageContent h1{font-size:200%; color:#d70c18; line-height:180%;  font-weight:700; margin:.9em 0 .6em;}
#pageContent h2{font-size:180%; color:#888; line-height:180%;font-weight:700; margin:1.2em 0 .5em;}
#pageContent h2 span{display:inline-block;  background:#d70c18; color:#FFF; padding:0 15px;}
#pageContent h3{font-size:150%; line-height:150%; color:#666; font-weight:700; margin:.7em 0 .4em; }
#pageContent h4{font-size:140%; color:#444; font-weight:700; line-height:150%; }
#pageContent h5{font-size:120%; color:#555; font-weight:700; margin:.5em 0 .2em;}
#pageContent h6{font-size:110%; color:#555; font-weight:700; margin:.4em 0 .1em;}

#pageContent h1 span, #pageContent h2 span, #pageContent h3 span, #pageContent h4 span, #pageContent h5 span, #pageContent h6 span
{display:inline-block; line-height:180%; background:#d70c18; color:#FFF; padding:0 1em;}

#pageContent h1 strong, #pageContent h2 strong, #pageContent h3 strong, #pageContent h4 strong, #pageContent h5 strong, #pageContent h6 strong
{font-size:120%; color:#d70c18}
#pageContent h1 b, #pageContent h2 b, #pageContent h3 b, #pageContent h4 b, #pageContent h5 b, #pageContent h6 b
{color:#d70c18}
#pageContent h1 em, #pageContent h2 em, #pageContent h3 em, #pageContent h4 em, #pageContent h5 em, #pageContent h6 em
{font-weight:normal; color:#00cccc; font-size:80%;}

 #pageContent p{padding:6px 0; }

#pageContent ul{padding:6px 0px 6px 35px; list-style-type: disc;}
#pageContent ul ul{list-style-type: circle;}
#pageContent ul ul ul{list-style-type: square;}
#pageContent ol{padding:6px 0px 6px 35px; list-style-type: decimal;}
#pageContent ol ol{list-style-type: lower-alpha; padding:6px 0px 0 20px;}
#pageContent ol ol ol{list-style-type: Upper-alpha; padding:6px 0px 0 20px;}
#pageContent li{line-height:140%; margin-bottom:6px;}

#pageContent .dl{overflow:hidden; position:relative; margin:10px 0}
#pageContent .dl dt{float:left;clear:both;margin-right:9px;  color:#333; font-weight:bold;}
#pageContent .dl dd{_display:inline-block;overflow:hidden; zoom:1}
#pageContent .dl dd:after{display:block;clear:both;content:''}

#pageContent .dl2{overflow:hidden; position:relative; margin:10px 0}
#pageContent .dl2 dt{float:left;clear:both;margin-right:9px; text-align:center; padding:6px; width:80px; margin-bottom:4px; background:#ff8457; color:#fff; font-weight:bold;}
#pageContent .dl2 dt.h{background-color:#7351fb}
#pageContent .dl2 dd{_display:inline-block;overflow:hidden; zoom:1;padding:6px; margin-bottom:4px; border-bottom:1px solid #eee;}
#pageContent .dl2 dd:after{display:block;clear:both;content:''}



#pageContent .click_tab .tab{position:relative; z-index:2; }

#quick_menu{position:fixed; width:100px; top:120px; right:50px; background:#FFF; border:1px solid #DDD;  box-shadow:1px 1px 5px rgba(0,0,0,.2);   border-radius: 100px; z-index:10; padding:30px 0}

#quick_menu a{display:block; text-align:center; font-weight:700; padding:10px 0;}



.btnStyle1 {box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;	background-color:rgb(30, 127, 255);border:1px solid rgb(30, 127, 255);display:inline-block;font-weight:700;padding:8px 35px;text-decoration:none;font-size:1.2em;vertical-align:middle;	color:#FFF; cursor:pointer;}
.btnStyle1:hover {	border:1px solid rgb(30, 127, 255);background-color:rgb(30, 127, 255);color:#FFF; }

.btnLarge2 {display:inline-block;

	border:1px solid rgb(30, 127, 255);
	background-color:rgb(30, 127, 255);
 	font-weight:700;
	padding:12px 30px;
	text-decoration:none;
	font-size:1.2em;
	vertical-align:middle;
	cursor:pointer;
	color:#FFF;
	border-radius:4px;
	box-shadow:1px 1px 3px rgba(0,0,0,.4)
}
.btnLarge2:hover{
	border:1px solid rgb(30, 127, 255);
	background-color:rgb(30, 127, 255);
	color:#FFF;
}

.btnLarge3 {display:inline-block;

	border:1px solid #3b3b3b;
	background-color:#3b3b3b;
 	font-weight:700;
	padding:15px 40px;
	text-decoration:none;
	font-size:1.2em;
	vertical-align:middle;
	cursor:pointer;
	color:#FFF;
 }
.btnLarge3:hover{
	border:1px solid #444;
	background-color:#444;
	color:#FFF;
}

.btnLarge3.c {
	border:1px solid #db4335;
	background-color:#db4335;
}

.btnLarge {position:relative; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	border:0;
	background-color:rgb(30, 127, 255);
	color:#FFF;
	display:inline-block;
	font-weight:700;
 	padding:15px 40px;
	line-height:100%;
 	text-decoration:none;
	font-size:1.2em;
	vertical-align:middle;
	cursor:pointer;
	border-radius:4px;
}.btnLarge:hover {
	color:#FFF;
 	background-color:#333;
}


.btn_cancel{font-weight:normal;   opacity:.7}

.btnBasic {box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:relative;
	background-color:#FFF;
	border:1px solid #999;
	font-weight:normal;
	display:inline-block;
	padding:0 15px;
	vertical-align:middle;
	line-height:36px;
	border-radius:3px;
}.btnBasic:hover {
	border:1px solid #555;
	background-color:#555;
	color:#FFF;
}
.btnBasic.shadow:after {position:absolute; right:-3px; top:0; height:100%; width:0px; border:1px solid #ddd; content:""}
.btnBasic.shadow:before {position:absolute; bottom:-3px; left:0; width:100%; height:0px; border:1px solid #ddd; content:""}


.btn_write{font-weight:700;}

.btnSmall {
	display:inline-block;
	font-size:11px;
  	padding:2px 8px;
	border:1px solid #AAA;
	background-color:#FFF;
	color:#000;	border-radius:5px;

}
.btnSmall:hover{
	border:1px solid rgb(30, 127, 255);
	background-color:rgb(30, 127, 255);
	color:#FFF;
}
.board_category {
	background-color:#FFF;
	border:1px solid #999;
	display:inline-block;
	font-weight:700;
	padding:0 15px;
	height:35px;
	line-height:35px;
}.board_category:hover {
	border:1px solid #666;
	background-color:#f6f6f6;
	color:#000;
 }
.btnSearch {
	background:#FFF url(../img/search_icon.png) 5px center no-repeat;
	border:1px solid #999;
	vertical-align:middle;
	display:inline-block;
	padding:0 10px 0 30px;
	line-height:34px;
	border-radius:3px;
	box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.btn_edit{
	display:inline-block;
	text-indent:-1000px; overflow:hidden;
	width:20px; height:20px; background:#FFF url(../img/icon_edit.gif) center center no-repeat;
	border:1px solid #DDD; }
.btn_edit:hover{background-color:#DDD; border-color:#AAA;}

.btnPlus{width:20px; display:inline-block; text-indent:-1000px; overflow:hidden; height:20px; position:relative; border:1px solid #AAA;;}
.btnPlus:after {position:absolute; width:2px; height:12px;background:rgb(30, 127, 255);  left:50%; margin-left:-1px; top:50%; margin-top:-6px; content:""}
.btnPlus:before{position:absolute; width:12px; height:2px;background:rgb(30, 127, 255); left:50%; margin-left:-6px; top:50%; margin-top:-1px; content:""}
.btnMinus{width:20px; display:inline-block; text-indent:-1000px; overflow:hidden; height:20px; position:relative; border:1px solid #AAA; }
.btnMinus:before{position:absolute; width:12px; height:2px;background:rgb(30, 127, 255); left:50%; margin-left:-6px; top:50%; margin-top:-1px; content:""}



#my_state{position:fixed; top:580px; right:0; z-index:11;  }
#my_state .show_btn{position:absolute; top:0; right:0; background:rgb(30, 127, 255);color:#FFF; text-align:center; display:block; width:80px;  padding:20px 0 20px 20px;  border-radius:50px 0 0 50px;cursor:pointer; line-height:120%; box-shadow:1px 1px 5px rgba(0,0,0,.2);}
#my_state .show_btn i{font-size:1.8em; display:block; margin-bottom:5px;}
#my_state section{position:absolute; top:0; right:-550px; width:500px; z-index:2; background:#FFF; padding:20px; box-sizing:border-box;   box-shadow:1px 1px 5px rgba(0,0,0,.2);border-radius:8px 0 0 8px ;
-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
#my_state section header{color:rgb(30, 127, 255); font-size:1.3em; line-height:100%; padding-bottom:10px}
#my_state section table{width:100%;}
#my_state section table thead th{background:rgb(30, 127, 255); height:34px;border:1px solid rgba(255,255,255,.2);  color:#FFF;}
#my_state section table tbody th{padding:10px; text-align:center; border:1px solid #EEE; }
#my_state section table tbody td{padding:10px; text-align:center; border:1px solid #EEE; }

#my_state:hover section{right:0; }