@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}

/*** desktop ***********************************************************************************************************************/
body {min-width:1200px;width:100%;}
#header {width:100%; min-width:1200px; height:150px; z-index:999; position:relative;top:0; left:0;}
#header_content {position:relative; *zoom:1; width:1200px; height:100px; margin:0 auto;}
#header_content .logo {position:absolute; top:23px; left:0; z-index:1000;}
#header_content .logo a{display:block;}

.top_menu {position:absolute;top:40px; right:0;height:25px;z-index:1000;}
.top_menu:after{content:"";display:block;clear:both;}
.top_menu ul {float:right;display:inline-block;}
.top_menu ul:after {content:" "; display:block; clear:both;}
.top_menu ul li {float:left;}

.top_menu ul li a {color:#666666; font-size:13px; line-height:13px; display:block;padding: 0 15px; 
	background:url('../images/main/top_bar.png') 100% 0 no-repeat;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.top_menu ul li:last-child a {background:none;}
.top_menu ul li a:hover {color:#014099;}


#gnb {height:50px;z-index:999;top:0;width:100%;position:relative;background:url('../images/main/menu_bg.jpg') center center no-repeat;}
#gnb ul {*zoom:1;position:relative; z-index:999; width:1200px;margin:0 auto;}
#gnb ul:after {content:" "; display:block; clear:both;}
#gnb ul li {float:left; text-align:center; font-size:19px; line-height:50px; width:171px; letter-spacing:-0.04em; font-weight:900;}
#gnb ul li a {color:#fff;  height:100%; display:block;}
#gnb ul li a:hover {color:#f7ff65;}
#gnb ul li.m6 a{color:#121f4c;text-align:right;}
#gnb ul li.m6 a:hover {color:#ff004e;}


/** mobile_none **/

.mobile_top {display:none;}
#nav {display:none;}

/* main */
#container {width:100%;}

#mainvisual {width:100%; min-width:1200px; height:590px; position:relative;background-image:url('../images/main/mainvisual.png'); background-repeat:no-repeat; background-position:50% 100%; background-size:cover;}
.main_txt {width:1200px; margin:0 auto; padding:80px 0 0 0; text-align:center;position:relative;}
.main_txt h3{font-family:"gmarket"; font-size:29px; font-weight:400;color:#FFF;line-height:55px;letter-spacing:-0.03em;}
.main_txt h3 span {}
.main_txt h2 {font-family:"gmarket"; font-size:60px;color:#FFF; line-height:60px;font-weight:900;margin:10px 0 10px;}
.main_txt  p {font-size:21px; color:#FFF;line-height:20px;margin:0 0 20px 0;}
.main_txt  p.etxt b{font-size:25px; color:#fff601;}
.main_txt  p.date b{font-size:25px; }


/* section1 */
.section1 {*zoom:1;width:100%; margin:-220px auto 60px; height:480px; position:relative; z-index:999;}
.enterbox {width:1200px; margin:0 auto;}
.enterbox:after{content: "";display: block;clear: both;}

.enterbox .left {float:left;text-align:right;width:590px; height:440px; background:url('../images/main/sec1_box_Bg.png') 0 100% no-repeat;padding:0 0 30px 30px;box-sizing:Border-box;}
.enterbox .left  .visual_bg {width:560px; height:410px;}

.enterbox .right {float:left; *zoom:1; padding:190px 0 0 50px; box-sizing:border-box;}
.enterbox .right:after {content:""; display:block; clear:both;}
.enterbox .right > div {float:left; box-sizing:border-box;}
.enterbox .right  h3 {font-size:35px; font-weight:900; color:#014099; letter-spacing:-0.03em;box-sizing:border-box;line-height:35px;margin:0 0 15px 0;}
.enterbox .right  p {font-size:17px; color:#73767c; letter-spacing:-0.04em;padding:0 0 30px 0;}
.enterbox .right  a {display:block; width:200px; height:50px; line-height:50px; padding:0 0 0 15px; border:1px solid #0048c5;color:#0048c5; font-size:18px; font-weight:900;position:relative;}
.enterbox .right  a span{position:absolute; top:16px; right:-20px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */

}
.enterbox .right  a:hover span, .enterbox .right  a:focus span{right:-30px;}




/* section2 */
.section2 {width:100%; margin:0 auto;padding:80px 0 60px; background-color:#f2f7f9;}
.section2_in {*zoom:1;width:1200px; margin:0 auto;}
.section2_in:after{content: "";display: block;clear: both;}
.section2 .news{float:left;width:740px; margin:0 50px 0 0;position: relative;padding:0 0 43px 0;}
.section2 .news h3{font-size: 35px;line-height:35px; font-weight: 900;color: #014099;padding: 0 0 25px 0;}
.section2 .news h3 a img {vertical-align:middle;padding:0 0 3px 3px;}

.section2 .news ul li{width:100%;height:88px;padding:15px 0; box-sizing: border-box;border-bottom: 1px solid #ddd;}
.section2 .news ul li:first-child{border-top: 1px solid #ddd;}
.section2 .news ul li a{display: block;width:100%;background:url('../images/main/notice_arrow.png') 100% center no-repeat;}
.section2 .news ul li a:after{display: block;content: "";clear: both;}
.section2 .news ul li a .date{float: left;width:95px; height:55px;box-sizing: border-box;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
	background-color: #fff;line-height:20px;font-size: 20px;font-weight: 900;color:#105bd7;padding: 8px 0 0 0;margin:0 25px 0 0;
}
.section2 .news ul li a .date span{display: block; font-size: 14px;color: #97b1bf;font-weight: 600;}
.section2 .news ul li a .news_con{float: left;width:600px;}
.section2 .news ul li a .news_con .title{display: block;width:100%;height:28px;line-height: 28px;color:#222222;font-size: 17px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
     transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.section2 .news ul li a .news_con .cont{display: block;width:100%;height:28px;line-height: 28px;color:#91989d;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section2 .news ul li a:hover .news_con .title, .section2 .news ul li a:focus .news_con .title {color: #105bd7;}


.section2 .quickbox{float:left;width:410px; height:310px;}
.section2 .quickbox ul:after{content:"";display:block;clear:both;}
.section2 .quickbox ul li{float:left; width:205px;height:155px;}
.section2 .quickbox ul li a{display:block; width:100%;height:100%; text-align:center;font-size:18px; font-weight:900;color:#111111;letter-spacing:-0.03em;}
.section2 .quickbox ul li a span{display:block; padding:28px 0 13px;}
.section2 .quickbox ul li a span img{
     transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.section2 .quickbox ul li a:hover span img ,.section2 .quickbox ul li a:focus  span img  {transform:rotate(15deg);}




/*section3*/
.section3 {*zoom:1; width:100%;padding:80px 0; }
.section3 .photo {width:1200px; margin:0 auto;}
.section3 .photo h3{font-size:35px; font-weight:900;color:#222222; letter-spacing:-0.03em; margin:0 0 30px 0;text-align:center;}
.section3 .photo h3 span{color:#014099;}


.section3 .photo .gall_slider .s_box {text-align:center;margin:10px 0;}
.section3 .photo .gall_slider .s_box  img{display:inline !important;width:85%;height:85%;opacity:0.7;CURSOR:POINTER;}
.section3 .photo .gall_slider .slick-center .s_box {margin:0;}
.section3 .photo .gall_slider .slick-center .s_box img { width:100% ;height:100%;opacity:1;}
.section3 .photo .gall_slider .slick-arrow {width:49px;height:30px; font-size:0;border:none;outline:none;cursor:pointer;}
.section3 .photo .gall_slider  .slick-prev {position:absolute;top:42%; left:-30px;background:url('../images/main/gall_prev.png') 0 0 no-repeat;}
.section3 .photo .gall_slider  .slick-next  {position:absolute;top:42%; right:-30px;background:url('../images/main/gall_next.png') 0 0 no-repeat;}


/* banner-slider */
.banner_slider_wrap {width:100%; border-top:1px solid #ddd;}
.slide_box  {width:1200px; margin:0 auto; padding:30px 0;}
.slide_box #gsefSpan span {display:inline-block; width:210px; height:70px;margin:0 5px;  text-align:center;position:Relative;overflow:hidden;}
.slide_box #gsefSpan span img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:80%;}

/* banner-slider */
.banner_slider_wrap2 {width:1200px;}
.slide_box  {width:1200px; margin:0 auto; padding:30px 0;}
.slide_box #gsefSpan span {display:inline-block; width:210px; height:70px;margin:0 5px;  text-align:center;position:Relative;overflow:hidden;}
.slide_box #gsefSpan span img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:80%;}




/*Quick Menu */
#quick_menu {position:fixed; bottom:500px; margin:0 0 0 650px; width:65px; left:50%;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu a {display:block;}




/*Quick Menu */
#side_menu {right:10px;width:60px;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;overflow:hidden;background-color:#fff;
	border:2px solid #bbccd6;
}
.wing {position:absolute; top:450px;z-index:1100;}
.wing.fixed {position:fixed; top:20px;}
#side_menu ul {}
#side_menu ul li {text-align:center;border-bottom:1px solid rgba(255,255,255,0.5);}
#side_menu ul li span {display:block; margin:5px 0 8px 0;}
#side_menu ul li span img {
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -ms-transition:all .3s;
}
#side_menu ul li a {display:block;height:100%;box-sizing:border-box;width:auto; margin:0 4px;padding:10px 0 0 0;font-size:14px; font-weight:900; color:#666; 
	letter-spacing:-0.03em; line-height:15px;
}
#side_menu ul li a p.small {font-size:10px; line-height:12px;color:#d43232;letter-spacing:-0.05em;margin:7px 0 0 0;}

#side_menu ul li:last-child {border-bottom:none;}
#side_menu ul li.long {height:160px;}
#side_menu ul li a:hover span img, #side_menu ul li a:focus  span img{transform:rotate(15deg);}
#side_menu p.topbtn{text-align:center;}
#side_menu p.topbtn a{display:block;width:100%;height:50px;line-height:50px; color:#00bdc7; font-size:13px; font-weight:900;}



/* footer */
#footer {width:100%; margin:0 auto;background-color:#f4f4f4;text-align:center;}
#footer_content {*zoom:1; margin:0 auto; width:1200px;box-sizing:border-box;padding:55px 0;}
#footer_content .address address {font-size:14px;color:#848990; line-height:27px; font-weight:500;}
#footer_content .address address b {display:block; font-size:15px; line-height:20px; font-weight:900; margin:0 0 10px 0;color:#737b86;}
#footer_content .address address b span{display:inline-block; padding-left:50px;}
#footer_content .address  address a {color:#848990;}


/* login */
.login_left {margin:0 0 50px 0;}
.login_left img {width:40%;}

/* sub */
#subvisual {width:100%;height:300px;background:url('../images/sub/subvisual.jpg') center 100% no-repeat;position:relative;}

.sub_txt {width:1200px; margin:0 auto; padding:55px 0 0 0; text-align:center;position:relative;}
.sub_txt h3{font-family:"gmarket"; font-size:22px; font-weight:400;color:#FFF;line-height:55px;letter-spacing:-0.03em;}
.sub_txt h3 span img{ height:35px;}
.sub_txt h2 {font-family:"gmarket"; font-size:40px;color:#FFF; line-height:40px;font-weight:900;margin:0 0 10px;}
.sub_txt  p {font-size:18px; color:#FFF;line-height:20px;margin:0 0 20px 0;}
.sub_txt  p.etxt b{font-size:25px; color:#fff601;}
.sub_txt  p.date b{font-size:25px; }




#cont {width:1200px; margin:0 auto; padding:70px 0 0 0;}
#subtitle {margin:0 0 50px 0;text-align:center;}
#subtitle h2 {font-family:"gmarket";font-size:36px; line-height:36px;font-weight:600; color:#111; letter-spacing:-0.04em;}
#con_area {clear:both; min-height:320px; padding:0 0 80px 0;}
#con_area .c_tit{background:url('../images/sub/c_tit.png') 0 7px no-repeat; padding:0 0 0 34px; font-size:30px; color:#000; font-weight:600; margin:0 0 20px 0;letter-spacing:-0.03em;}



/* 01_01 */
.info > div {margin:0 0 70px 0;}
.info h4.title {background:url('../images/sub/c_tit.png') 0 7px no-repeat; padding:0 0 0 34px; font-size:30px; color:#000; font-weight:600; margin:0 0 20px 0;letter-spacing:-0.03em;}
.info .greeting {border-top:1px solid #152b95;border-bottom:1px solid #ddd;padding:40px; font-size:16px;font-weight:600; line-height:30px; text-align:justify; letter-spacing:-0.03em; color:#111;
	margin:0 0 80px 0;
}

.info .table_a {border-top:1px solid #152b95;}
.info .table_a tr:nth-child(2n) {background:#f8fcff;}
.info .table_a th {border-bottom:1px solid #ddd; font-size:16px; font-weight:600; padding:15px; color:#152970; }
.info .table_a td {border-bottom:1px solid #ddd; font-size:16px; line-height:27px;font-weight:400; padding:15px; color:#222;letter-spacing:-0.03em;}

.info .table_b {border-top:1px solid #152b95;}

.info .table_b thead th {background:#f8fcff; color:#152970; font-size:16px; font-weight:600; padding:15px;border-bottom:1px solid #ddd;}

.info .table_b tbody th {color:#111; font-size:16px; font-weight:600; padding:15px;border-bottom:1px solid #ddd;}
.info .table_b tbody td {text-align:center; font-size:16px; color:#333; padding:15px; border-bottom:1px solid #ddd;letter-spacing:-0.03em;}

.info .link {display:inline-block; padding:5px 20px; color:#fff; background:#152970; font-weight:600;border-radius:50px; font-size:14px; line-height:14px;margin:0 0 0 10px;
	transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
}
.info .link:hover {background:#032239;}





/* 03_01 */
.program .top {text-align:right; margin:0 0 20px 0;}
.program .top .live_btn {display:inline-block; border:1px solid #de1313; padding:0 20px; height:45px;font-size:16px; font-weight:600; color: #de1313; line-height: 45px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
.program .top .live_btn img{margin:0 20px 3px 0;vertical-align: middle;}
.program .top .live_btn:hover, .program .top .live_btn:focus{background-color: #de1313;color: #fff;}
.program .top .info {position: absolute;top:0;right: 0;text-align: right; color: #1362b8 ; font-size: 16px; line-height: 26px; letter-spacing: -0.03em;font-weight: 600;}


.program .ebook_box {text-align:center;margin:30px 0 0 0;}
.program .ebook_box a{display:inline-block; width:270px; font-size:18px; font-weight:600; color:#fff; background-color:#529cdd; padding:10px 0; 
	border-radius:5px;text-align:center;
}
.program .ebook_box a img {vertical-align:middle;margin:0 10px 0 0;}
.program .ebook_box a:hover, .program .ebook_box a:focus {background-color:#408acb;}

.program .daytab {text-align:center; margin:50px 0;}
.program .daytab ul li{ display:inline-block;width:320px;height:50px;margin:0 5px;}
.program .daytab ul li a{display:block; width:100%;height:100%; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;line-height:50px;
	font-size:18px;font-weight:900;color:#94a4b4;
	background: #e9eef3;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #e9eef3, #d9e1ea);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #e9eef3, #d9e1ea); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.program .daytab ul li a:hover, .program .daytab ul li a:focus{color:#0f144e;}
.program .daytab ul li a.on{
	color:#fff;
	background: #0f144e;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #184ca1, #0f144e);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #184ca1, #0f144e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}



table.program_info,
table.tblDetail {width:100%; margin-top:30px;}


table.program_info {border-top:3px solid #152970; border-bottom:1px solid #152970;}

table.program_info td {height:auto;padding:8px 0; line-height:1.5; border-top:1px solid #cacaca; vertical-align:top;font-size:15px;font-weight:600;color:#111;letter-spacing:-0.03em;}
table.program_info tr:first-child {border-top:0 none;}
table.program_info td:first-child {text-align:center; }
table.program_info td.spot {text-align:right;}
table.program_info td.notLine {padding-top:0; border-top:0 none; text-align:left;}
table.program_info td.br_top0 {border-top:0 none; padding-top:10px;}
table.program_info td.s_txt{font-size:13px;color:#444;font-weight:400;letter-spacing:0;}
table.program_info td b {font-weight:900;color:#152970;}


table.program_info td .tblDetail {margin:0; border:1px solid #cacaca; border-top:0 none; }
table.tblDetail td {padding:8px 4px 8px 8px; line-height:1.5; vertical-align:middle;color:#555;font-size:13px;font-weight:500;}
table.tblDetail td.time {padding:10px 0; background-color:#f5f5f5; text-align:center;}
table.tblDetail td.al {text-align:left;}
table.tblDetail td ul {padding:0; margin:0;}
table.tblDetail td li {list-style:none;}
table.tblDetail td + td + td {border-left:1px solid #cacaca;}

table.s_tb thead tr th {background-color:#152970;padding:7px 10px; font-size:17px; font-weight:600; text-align:center;color:#fff;}
table.s_tb tbody tr th {background-color:#f4f4f4;color:#152970; padding:5px 10px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
table.s_tb tbody tr td {color:#444; padding:7px 10px; border-bottom:1px solid #ddd;font-size:15px; letter-spacing:-0.03em;}



#signboard {padding:30px;font-size:22px;line-height:30px;font-weight:600;color:#003eec;margin:30px 0;border: 5px solid #003eec;text-align:center;letter-spacing:-0.05em;}


.program .notice_box {border:3px solid #eee;padding:30px;margin:0 0 50px 0;}
.program .notice_box h4{font-size:27px; font-weight:900; color:#c70030;margin:0 0 10px 0;padding:0 0 0 35px; background:url('../images/sub/notice_icon.png') 0 0 no-repeat;}
.program .notice_box  p.dot {padding:8px 10px 8px 25px; background:url('../images/sub/gray_dot.png') 15px 18px no-repeat #f3f3f3;font-size:15px; line-height:25px; letter-spacing:-0.03em;color:#111;
	margin:7px 0;font-weight:600;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border: 1px solid #c7c7c7;
}
.program .notice_box  p.dot img{vertical-align:middle;}
.program .notice_box  p.dot .underline {text-decoration:underline;}


.program .notice_box .btnbox {display:inline-block; width:100%;margin:10px 0;}
.program .notice_box .btnbox a {display:inline-block; padding:7px 20px;background-color:#fff;font-size:15px;line-height:15px;font-weight:900; letter-spacing:-0.03em;border-radius:50px;
	-webkit-border-radius:50px;-moz-border-radius:50px;margin:0 5px;border:2px solid #f25252;color:#ef1e1e;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.program .notice_box .btnbox a:hover, .program .notice_box .btnbox a:focus {background-color:#f25252;color:#fff;}
 

.program  .video_box {width:100%; height:686px; box-sizing:border-box; border:7px solid #d5d6d7; margin:0 0 30px 0}
.program  .chair_video_box {height:520px; }
.program  .video_box iframe {padding:5px;box-sizing:border-box;}

.program   .video_box_wrap {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;margin:0 0 20px 0;}
.program   .video_box_wrap iframe {position:absolute; top:0;left:0;width:100% !important;height:100%  !important;}


.program .reply_box {background-color:#f7f8fc;padding:30px;}
.program .reply_box h3{font-size:22px; font-weight:900; color:#606eae;margin:0 0 10px 0;}

.program .reply_box:after {content:"";display:block;clear:both;}
.program .reply_box textarea {float:left; width:80%; height:150px;border:1px solid #ddd; border-radius:10px;-webkit-border-radius:10px; -moz-border-radius:10px; 
	box-sizing:border-box;padding:10px;font-size:13px; color:#333; line-height:22px;resize:none;overflow:auto;}
.program .reply_box textarea:focus {border-color:#a5b8ff;}
.program .reply_box button {float:right; width:19%;margin-left:1%; height:150px; text-align:center; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; 
	font-size:16px; font-weight:600;border:none;outline:none; color:#fff; font-family:'noto';cursor:pointer;
	background: #606eae;

}
.program .reply_box button img {margin:0 0 8px 0;}
.program  .btn_wrap {margin:20px 0;text-align:right;}
.program  .btn_wrap .back_btn {display:inline-block; width:150px; height:45px; line-height:45px; text-align:center; 
	font-size:17px; font-weight:600; background-color:#59a0bc; border-radius:5px;color:#fff;
}

.program  .btn_wrap .back_btn:hover, .program  .btn_wrap .back_btn:focus {background-color:#11bfb5;}



.program_view h5 {
	background: #0f144e;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #184ca1, #0f144e);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #184ca1, #0f144e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	text-align:center; font-size:24px; font-weight:500; color:#fff; text-align:center; line-height:45px; height:45px;letter-spacing:-0.04em;
	border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;margin:0 0 10px 0;

	}


.program  .chair_video {margin:30px 0 0 0;}
.program  .chair_video:after{content:"";display:block;clear:both;}
.program  .chair_video .video_box {width:65%; float:left;}



.program  .chair_video .right_reply {width:34%; float:left;margin-left:1%;height:520px; overflow-y:scroll;box-sizing:border-box; padding:10px; background-color:#f4f4f4;}

.program_view .reply_list { margin:0 0 8px 0;}
.program_view .reply_list .info {font-size:16px; font-weight:600; color:#033396;background-color:#fff;padding:5px 10px;border-bottom:1px solid #ddd;border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;}
.program_view .reply_list .info span{display:inline-block; padding:3px 10px; background-color:#85a3c0;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;
	margin:0 0 0 10px; font-size:11px;line-height:11px; font-weight:400;color:#ffffff;
}
.program_view .reply_list  .txt {padding:10px;font-size:14px; font-weight:500;color:#333; letter-spacing:-0.03em;background-color:#fff}



.program .pop {width:600px; height:auto;max-height:400px; position:fixed;z-index:3000; top:60%; margin-top:-300px;left:50%;  margin-left:-350px;
	padding:30px; background-color:#fff;border:1px solid #eee; border-top:8px solid #59a0bc; box-shadow:0 0 5px rgba(0,0,0,0.2) ; overflow-y:auto;}
.program .pop a.close_btn{position:absolute; top:20px;right:20px;}
.program .pop a.close_btn2{display:block; width:70px;height:24px;line-height:24px;text-align:center;border-radius:6px; background-color:#eee; font-size:13px;
 font-weight:600; color:#555;margin:20px auto 0;}

 .program .pop dl dt {font-size:20px; font-weight:600;color:#111;border-bottom:1px solid #ddd; padding:0 0 10px 0 ; margin:0 0 20px 0;letter-spacing:-0.04em;}
 .program .pop dl dt span{font-size:14px; color:#a5b2db;font-weight:500;}
 .program .pop dl dd h4 {font-size:17px; background-color:#f2f2f2;padding:5px 20px;border-radius:50px;margin:20px 0 10px 0;}
 .program .pop dl dd p{font-size:15px;line-height:22px; margin:10px 0;padding:0 0 0 14px;color:#333;font-weight:500;letter-spacing:-0.03em;}
 .program .pop dl dd p.long {text-align:justify;}

.logoutb {
	display: block;
	width:300px;
	height: 60px;
	line-height:60px;
	margin:0 auto 30px ;
	border-radius: 60px;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	background: #0b19a1;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	
}

.logoutb:hover {background-color:#0d1668;}



/* 온라인 전시관  ebooth  리스트페이지 */
.ebooth ul:after {content:"";display:block;clear:both;}
.ebooth ul li{float:left;width:380px;margin:0 0 60px 25px;}
.ebooth ul li:first-child, .ebooth ul li:nth-child(3n+1) {margin:0 0 60px 0;}
.ebooth ul li a{display:block;width:100%;height:100%;}
.ebooth ul li a .thumb{position:relative;border:1px solid #ddd;height:290px;text-align:center;margin:0 0 10px 0;

	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;

}
.ebooth ul li a .thumb img {position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
.ebooth ul li a .info {width:100%;height:90px;position:relative;}
.ebooth ul li a .info h5{font-size:30px;font-weight:900;color:#0c5893;margin:0 0 10px 0;}
.ebooth ul li a .info .goweb {position:absolute;top:10px;right:0;}
.ebooth ul li a .info p{font-size:14px; line-height:20px; color:#8d8d8d;height:45px; overflow:hidden;}

.ebooth ul li a:hover .thumb, .ebooth ul li a:focus .thumb {border-color:#a4cfe2;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}



/* 온라인 전시관  ebooth  뷰페이지 */
.ebooth_view .top{width:100%;height:329px;background:url('../images/sub/ebooth_bg.jpg') center center no-repeat;position:relative;}
.ebooth_view .top img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
.ebooth_view .btnbox {margin:30px 0 50px;}
.ebooth_view .btnbox:after{content:"";display:block;clear:both;}
.ebooth_view .btnbox .left{float:left;}
.ebooth_view .btnbox .right{float:right;}
.ebooth_view .btnbox a{display:inline-block; width:220px;height:55px; line-height:55px; text-align:center; border:1px solid #ddd; font-size:18px;font-weight:400;color:#33;}
.ebooth_view .btnbox a img{vertical-align:middle; margin:0 0 5px 7px ;}
.ebooth_view .btnbox a:hover, .ebooth_view .btnbox a:focus {border-color:#4b66c4;color:#4b66c4;}

.ebooth_view .com_info{border:3px solid #6ab0e1;padding:30px ;text-align:center;margin:0 0 70px 0;}
.ebooth_view .com_info h4{font-size:28px;font-weight:900;color:#0078cc;margin:0 0 10px 0;}
.ebooth_view .com_info p{font-size:15px;line-height:25px;color:#444444;}

.ebooth_view .com_intro {font-size:18px;font-weight:600;color:#333; line-height:30px;letter-spacing:-0.03em;text-align:center;}
.ebooth_view .com_intro:before {content:"";display:block;width:24px;height:20px;margin:0 auto 40px; background:url('../images/sub/ebooth_tta1.png') 0 0 no-repeat;}
.ebooth_view .com_intro:after {content:"";display:block;width:24px;height:20px;margin:40px auto 0; background:url('../images/sub/ebooth_tta2.png') 0 0 no-repeat;}


.ebooth_view .addbox {margin:100px 0 0 0;}
.ebooth_view .addbox h3 {text-align:center; font-size:30px;font-weight:600;color:#111; margin:0 0 20px 0;letter-spacing:-0.03em;}
.ebooth_view .addbox p{border:1px solid #ddd;overflow:hidden;}
.ebooth_view .addbox p img{width:100%;height:auto;}
.ebooth_view  .videobox {width:100%; height:500px;}

.ebooth_view .back_box{text-align:center;margin:100px 0 0;}
.ebooth_view .back_box a{display:inline-block;width:220px;height:50px;line-height:50px;font-size:18px;font-weight:600;color:#777;border:1px solid #ccc;}




/* eposter 페이지 */

.eposter_wrap .eposter_list ul:after{content:"";display:block; clear:both;}
.eposter_wrap .eposter_list ul li{float:left; width:285px; height:auto;border:1px solid #ddd; margin:0 0 80px 20px;padding:10px;box-sizing:border-box;box-shadow:2px 2px 7px rgba(0,0,0,0.1);}
.eposter_wrap .eposter_list ul li:hover {border-color:#6aa5dc;}
.eposter_wrap .eposter_list ul li:first-child, .eposter_wrap .eposter_list ul li:nth-child(4n+1) {margin:0 0 80px 0;}
.eposter_wrap .eposter_list ul li a{display:block; width:100%;height:100%;position:relative;}
.eposter_wrap .eposter_list ul li a .tag{position:absolute;top:-15px;left:-15px;display:inline-block; padding:5px 20px 5px 8px;background-color:#0046b0;color:#fff;
	border-radius:0 0 10px 0;font-weight:600;
}

.eposter_wrap .eposter_list ul li a .thumb {text-align:center;margin: 0 0 15px 0;}
.eposter_wrap .eposter_list ul li a .title {color:#111;font-weight:900;height:120px; overflow:hidden;font-size:15px; line-height:22px;font-weight:600;}

.eposter_wrap .eposter_list ul li .view_modal {position:fixed; width:1220px; height:750px; padding:45px 20px 20px;overflow-y:scroll;top:50px; left:50%;margin-left:-600px;z-index:1000;
	background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.3);}

.eposter_wrap .eposter_list ul li .view_modal  h4{color:#087cb1; font-size:26px;font-weight:900; border-bottom:3px double #087cb1;margin:0 0 20px 0;padding:0 0 15px 0;}
.eposter_wrap .eposter_list ul li .view_modal .close_btn {display:inline-block; padding:6px 15px; background-color:#087cb1;color:#fff; font-size:12px;line-height:12px;font-weight:900;
	border-radius:30px;position:absolute;top:20px;right:20px;cursor:pointer;}
.eposter_wrap .c_tit{padding:0 0 0 25px; background:url('../images/sub/circle.gif') 0 3px no-repeat;font-size:20px;font-weight:600;color:#111;margin:0 0 20px 0;}

.eposter_wrap .eposter_list ul li:hover{border:1px solid #79b0d2;box-shadow:2px 2px 7px rgba(0,0,0,0.25);}



/* 온라인설문1 */

.survay_write h5 {text-align:center;font-size:22px; font-weight:600; color:#fff; line-height:50px;margin:0 auto 20px;letter-spacing:-0.05em;
	background: #0f144e;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #184ca1, #0f144e);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #184ca1, #0f144e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-radius:50px;
}
.survay_write dl dt {letter-spacing:-0.05em;padding:10px 0 10px 20px; font-size:17px; line-height:24px; font-weight:600; color:#111; word-break:keep-all;border-bottom:1px solid #ddd;
	border-left:2px solid #17479a;
}
.survay_write dl dt span.block {display:block; font-size:15px; font-weight:400;} 
.survay_write dl dt span.block1 {padding:0 0 0 40px;}
.survay_write dl dt span.block2 {padding:0 0 0 20px;}

.survay_write dl dd {padding:20px 20px 50px 30px; font-size:16px; font-weight:400; color:#111;}
.survay_write dl dd:after{content:"";display:block;clear:both;}
.survay_write dl dd span {display:block; }
.survay_write dl dd span input[type="text"] {width:100%; height:40px;line-height:22px;border:1px solid #ccc; padding:0 10px; box-sizing:border-box; outline:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

.survay_write dl dd span input[type="text"]:focus {
	border-color:#17479a;
}

.survay_write dl dd li {float:left;display:inline-block; line-height:35px; width:20%;}
.survay_write dl dd p {font-size:14px; font-weight:400; color:#555; line-height:24px; word-break:keep-all; margin:5px 0 0;}
.survay_write dl dd label {cursor:pointer;color:#666;}
.survay_write dl dd input {vertical-align:middle;}

.survay_write  .btn_next {text-align:center;}
.survay_write  .btn_next input[type="submit"] {width:220px;height:55px;line-height:55px;border:none;outline:none;background-color:#17479a;color:#fff;font-size:20px;color:#fff;font-weight:900;
	cursor:pointer; font-family:inherit;
}
.survay_write  .btn_next input[type="submit"]:hover {background-color:#0d3272;}



.my_info {padding:30px; background-color:#f9f5f6; text-align:center; font-size:17px; font-weight:600; color:#152970; margin:0 0 30px 0;line-height:30px; letter-spacing:-0.05em;}


.etelling .graybox {BORDER:3PX SOLID #DDD; padding:30px; text-align:center; font-size:15px;font-weight:900; color:#111;margin:0 0 30px 0;}
.etelling  .graybox strong{display:block;  font-size:18px;color:#ff0f00;}


.etelling  h2.title{
	width:600px;height:60px;line-height:60px;text-align:center;font-size:40px;font-weight:600;color:#fff;
	background:linear-gradient(to right, #184ca1, #0f144e);
	margin:0 auto 70px;
	border-radius:60px;
}



.etelling  .etelling_btn:after {content:"";display:block;clear:both;}
.etelling  .etelling_btn li{float:left;width:30%; height:300px; margin:0 1.5%;display:table;}
.etelling  .etelling_btn li a {display:block; width:100%; height:100%;background-color:#fff;box-sizing:border-box;text-align:center;font-size:20px; line-height:32px; font-weight:900;
letter-spacing:-0.03em;color:#111;background:url('../images/sub/cate_bg.png') 130% 100% no-repeat #fff;display:table-cell;vertical-align:middle;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.etelling  .etelling_btn li.gr01 a{border-top:4px solid #5a81c7;border-bottom:4px solid #5a81c7;}
.etelling  .etelling_btn li.gr02 a{border-top:4px solid #174699;border-bottom:4px solid #174699;}
.etelling  .etelling_btn li.gr03 a{border-top:4px solid #4bb3db;border-bottom:4px solid #4bb3db;}
.etelling  .etelling_btn li.gr04 a{border-top:4px solid #51c2b6;border-bottom:4px solid #51c2b6;}

.etelling  .etelling_btn li.gr01 a:hover{background-color:#5a81c7;color:#fff;}
.etelling  .etelling_btn li.gr02 a:hover{background-color: #174699;color:#fff;}
.etelling  .etelling_btn li.gr03 a:hover{background-color: #4bb3db;color:#fff;}
.etelling  .etelling_btn li.gr04 a:hover{background-color: #51c2b6;color:#fff;}





.eposter h2.title{
	width:600px;height:60px;line-height:60px;text-align:center;font-size:40px;font-weight:600;color:#fff;
	background:linear-gradient(to right, #184ca1, #0f144e);
	margin:0 auto 70px;
	border-radius:60px;
}

.eposter .graybox {BORDER:3PX SOLID #DDD; padding:30px; text-align:center; font-size:15px;font-weight:900; color:#111;margin:0 0 30px 0;}
.eposter  .graybox strong{display:block;  font-size:18px;color:#ff0f00;}


.eposter .catebox {margin:0 0 40px 0; text-align:center;}
.eposter .catebox a {display:inline-block;padding:8px 25px; border:1px solid #ccc; font-size:17px;font-weight:600;color:#777;border-radius:50px;line-height:17px;margin:0 3px;}
.eposter .catebox a:hover, 
.eposter .catebox a:focus, 
.eposter .catebox a.on {background-color:#3670db; color:#fff;border-color:#3670db;}



.eposter  .eposter_btn:after {content:"";display:block;clear:both;}
.eposter  .eposter_btn li {float:left;width:30%; height:300px; margin:0 1.5%;display:table;}
.eposter  .eposter_btn li a {display:block; width:100%; height:100%; background-color:#fff;box-sizing:border-box;text-align:center;font-size:20px; line-height:32px; font-weight:900;
	letter-spacing:-0.03em;color:#111;background:url('../images/sub/cate_bg.png') center center no-repeat #fff;display:table-cell;vertical-align:middle;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.eposter  .eposter_btn li.gr01 a{border-top:4px solid #3670db;border-bottom:4px solid #3670db;}
.eposter  .eposter_btn li.gr02 a{border-top:4px solid #81aaf6;border-bottom:4px solid #81aaf6;}
.eposter  .eposter_btn li.gr03 a{border-top:4px solid #3e90d7;border-bottom:4px solid #3e90d7;}
.eposter  .eposter_btn li.gr04 a{border-top:4px solid #6896be;border-bottom:4px solid #6896be;}

.eposter  .eposter_btn li.gr01 a:hover{background-color:#3670db;color:#fff;}
.eposter  .eposter_btn li.gr02 a:hover{background-color: #81aaf6;color:#fff;}
.eposter  .eposter_btn li.gr03 a:hover{background-color: #3e90d7;color:#fff;}
.eposter  .eposter_btn li.gr04 a:hover{background-color: #6896be;color:#fff;}






/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:640px) {

	body {min-width:320px; height:100%;}
	#header {min-width: 100%; height:90px; }
	#header_content {width:100%; height:90px;}
	#header_content .logo {top:33px; left:15px;}
	#header_content .logo img {height:30px;}

	#gnb {display:none;}
	/* .top_menu {display:none;} */
	.mob_none {display:none;}
	.top_menu {top:5px; right:10px;height:20px;}
	.top_menu ul li a {font-size:11px; line-height:11px; padding: 0 6px;letter-spacing:-0.04em;}


	/* nav */
	#top_right {position:absolute; top:40px; right:15px;z-index:1000; }
	.allmenu {/*position:absolute; top:35px; right:15px; z-index:1000; display:block; cursor:pointer;*/ position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #121f4c;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:90px; right:0; width:100%; text-align:left; z-index:1000;}
	#nav {display:block;border-bottom:1px solid #ddd;}
	#nav li {position:relative; border-top:1px solid #dfdfdf; background:#fff;heighT:60px;line-height:60px;}
	#nav li a {position:relative;text-align:center; color:#111;letter-spacing:-0.03em;font-size:16px; font-weight:900; display:block;padding:0 20px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul {}
	#nav > li > ul > li {border-bottom:none; border-top:1px solid #659de8;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#fff; font-size:1px; background:#5081c3; font-weight:500; line-height:130%;}
	#nav > li.shiny a {
	
		animation-name:shiny; animation-iteration-count:infinite;  animation-duration:0.7s; animation-direction:alternate;
	}

		
	@keyframes shiny {
	  from {
		color:#111;
	  }

	  to {
		color:#0061eb;
	  }
	}


	/* main */
	#container {width:100%;}



	#mainvisual {min-width:auto; height:360px;background:url('../images/main/m_mainvisual.png ') 64% center no-repeat;}
	.main_txt {width:auto; margin:0 auto; padding:40px 20px 0;text-align:left;}
	.main_txt h3{font-size:24px;line-height:29px;word-break:keep-all;text-shadow:3px 3px 0 rgbA(0,0,0,0.5);}
	.main_txt h3 span img {height:20px;vertical-align:middle;}
	.main_txt h2 {font-size:30px;line-height:30px;margin:20px 0;text-shadow:3px 3px 0 rgbA(0,0,0,0.5);}
	.main_txt  p {font-size:16px;line-height:18px;margin:0 0 10px 0;text-shadow:3px 3px 0 rgbA(0,0,0,0.5);}
	.main_txt  p.etxt b{font-size:20px;}
	.main_txt  p.date b{font-size:20px; }




	/* section1 */
	.section1 {width:auto; height:auto; padding:0px 15px;margin: -100px auto 0; position:static;}
	.enterbox {width:auto;}
	.enterbox .left {float:none; margin:0 auto; width:270px; height:210px; /*background-size:100px;*/padding:0 0 20px 20px;}
	.enterbox .left .visual_bg {width:250px; height:190px;}
	.enterbox .left .visual_bg img{width:100%; height:100%;}


	.enterbox .right {float:none; width:260px; margin:0 auto; padding:0 0 40px 0;}
	.enterbox .right > div {float:none;}
	.enterbox .right > div:first-child {width:100%; border-right:none; }
	.enterbox .right > div:last-child {padding:10px 0 0 0;}
	.enterbox .right  h3{font-size:28px;padding:10px 0 0 ;}
	.enterbox .right  p {font-size:15px;line-height:15px;}
	.enterbox .right  a {width:150px; height:40px; line-height:40px; padding:0 0 0 10px; font-size:15px;}
	.enterbox .right  a span{top:10px; right:-20px;	}




	/* section2 */
	.section2 {width:auto;    padding:40px 0 50px ;}
	.section2_in {width:auto;}
	.section2 .news{float:none;width:auto; margin:0 20px;padding:0 0 30px 0;}
	.section2 .news h3{font-size:25px;line-height:20px;padding: 0 0 20px 0;}
	.section2 .news .plus {top:55px;right:0;}
	.section2 .news ul li{width:100%;height:88px;padding:15px 0; box-sizing: border-box;border-bottom: 1px solid #ddd;}
	.section2 .news ul li a .date{width:15%; height:55px;line-height: 17px;font-size:15px;padding: 8px 0 0 0;margin:0 3% 0 0;}
	.section2 .news ul li a .date span{font-size: 11px;}
	.section2 .news ul li a .news_con{width:82%;}
	.section2 .news ul li a .news_con .title{width:90%;font-size: 15px;}
	.section2 .news ul li a .news_con .cont{width:90%;font-size: 13px;}
	.section2 .important{float:none;width: auto; height:400px; padding:40px 30px 0;}
	.section2 .important h3{font-size: 20px;}
	.section2 .important .dates {font-size: 14px;line-height: 23px;}


	.section2 .quickbox{float:none;width:auto; height:auto;}
	.section2 .quickbox ul {width:80%;margin:0 auto;}
	.section2 .quickbox ul li{width:50%;height:110px;}
	.section2 .quickbox ul li a{font-size:14px;}
	.section2 .quickbox ul li a span{padding:22px 0 10px;}
	.section2 .quickbox ul li a span img{height:40px;}


	/*section2*/
	.section3 { width:auto;padding:40px 15px; }
	.section3 .photo {width:auto; }
	.section3 .photo h3{font-size:20px;margin:0 0 20px 0;}



	/*Quick Menu */
	#side_menu {display:none;}

	/* banner-slider */
	.banner_slider_wrap {width:100%; border-top:1px solid #ddd;}
	.slide_box  {width:auto; margin:0 auto; padding:30px 0;}
	.slide_box #gsefSpan span {display:inline-block; width:210px; height:70px;margin:0 5px;  text-align:center;position:Relative;overflow:hidden;}
	.slide_box #gsefSpan span img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }


	/* footer */
	#footer_content {width:auto;padding:50px 20px;}
	#footer_content .address address {font-size:12px;line-height:18px;}
	#footer_content .address address b {font-size:14px;}
	#footer_content .address address b span{display:block; padding-left:0;}



	/* login */
	.login_left {margin:0 0 50px 0;}
	.login_left img {width:80%;}


	/* sub */
	#subvisual {width:100%;height:250px;background:url('../images/main/m_mainvisual.png') 60% 0 no-repeat;position:relative;}

	.sub_txt {width:auto;padding:60px 15px 0;}
	.sub_txt h3{font-size:16px; line-height:30px;}
	.sub_txt h3 span img{ height:25px;}
	.sub_txt h2 {font-size:30px;line-height:30px;}
	.sub_txt  p {font-size:17px;}
	.sub_txt  p.etxt b{font-size:22px;}
	.sub_txt  p.date b{font-size:21px; }



	#subvisual ul.btns {bottom:20px;margin-left:-100px;}

	#subvisual ul.btns li{float:none;width:200px; height:35px;}
	#subvisual ul.btns li:last-child{margin:5px 0 0 0;}
	#subvisual ul.btns li a{font-size:14px;line-height:35px;}
	#subvisual ul.btns li a span { display:none;}


	#cont {width:auto;padding:50px 15px 0;}
	#subtitle {margin:0 0 50px 0;}
	#subtitle h2 {font-size:25px; line-height:25px;font-weight:900;}
	#subtitle h2:after{height:25px;}
	#con_area {
		min-height:auto;
		padding: 0 0 100px 0;
	}
	#con_area .c_tit {background: url(../images/sub/c_tit.png) 0 2px no-repeat;  font-size: 20px;}



	/* 02_01 */
	.info > div:last-child {margin:0;}
	.info h4.title {font-size:22px;}
	.info .greeting {padding:25px; background:url('../images/sub/welcome_bg.png') center center no-repeat;background-size:100% 100%;font-size:14px;line-height:30px;	
		text-align:justify;border:3px solid #eceeee;
		}
	.info .greeting br{display:none;}

	.info .table_a th {font-size:13px; padding:10px 5px; letter-spacing:-0.05em; word-break:keep-all;}
	.info .table_a td {font-size:13px; padding:10px 5px; letter-spacing:-0.05em; word-break:keep-all;}
	.info .table_b thead th {font-size:13px; padding:10px 5px; letter-spacing:-0.05em; word-break:keep-all;}
	.info .table_b tbody th {font-size:13px; padding:10px 5px; letter-spacing:-0.05em; word-break:keep-all;}
	.info .table_b tbody td {font-size:13px; padding:10px 5px; letter-spacing:-0.05em; word-break:keep-all;}


	/*01_02 */
	.greeting {padding:50px 0; }
	.greeting > p{font-size:14px; line-height:30px;}
	.greeting  p strong{font-size:16px;margin:0 0 20px 0;}
	.greeting  .sign {padding:70px 0 0 0; font-size:15px;}


	/* 03_01 */
	.program .top .live_btn {display:inline-block;  padding:0 15px; font-size:14px; text-align:center;}
	.program .top .live_btn img{margin:0  15px 3px 0; }




	.program .daytab {margin:30px 0;}
	.program .daytab ul li{ width:220px;height:40px;margin:0 3px;float:none;margin:5px 0;}
	.program .daytab ul li a{line-height:40px;font-size:13px;font-weight:600;}


	table.program_info td {padding:8px;font-size:12px;}

	table.program_info td.s_txt{font-size:10px;}

	table.tblDetail td {padding:5px;font-size:11px;}
	table.tblDetail td.time {padding:5px;}



	.program .ebook_box a {
		width: 220px;
		font-size: 14px;
		margin: 0 0 10px 0;
	}

	#signboard {
		padding: 20px;
		font-size: 15px;
		line-height: 22px;
	}

	.program .notice_box {padding:20px;}
	.program .notice_box h4{font-size:22px;background-size:22px;padding:0 0 0 27px;}
	.program .notice_box  p.dot{font-size:13px; line-height:23px; }
	.program .notice_box  p.dot img{height:20px;}
	.program .notice_box .btnbox {margin:20px 0;}
	.program .notice_box .btnbox a {display:block; padding:8px 10px; width:70%; margin:5px auto;font-size:14px;line-height:20px;border-radius:3px;}

	.program  .video_box {width:100%; height:300px; }
	.program .reply_box {padding:20px;}
	.program .reply_box h3 {font-size:16px;}
	.program .reply_box textarea {float:none; width:100%; height:150px;}
	.program .reply_box button {display:block;float:none; width:160px;margin:10px auto 0; height:50px;}
		.program .reply_box button br{display:none;}
	.program .reply_box button img {margin:0 10px 0 0;vertical-align:middle;width:25px;}
	.program_view h5 {font-size:15px;}

/* 	.program .chair_video .video_box {
		width: auto;
		float: none;
	
	} */

	.program .chair_video .video_box {BORDER:3px solid #efefef;;WIDTH:AUTO;float: none;position:relative; padding-bottom:56.25%; height:0; overflow:hidden;margin:0 0 20px 0;}
	.program .chair_video .video_box iframe {position:absolute; top:0;left:0;width:100% !important;height:100%  !important;}





	.program .chair_video .right_reply {
		width: auto;
		float: none;
		margin-left: 0;
		margin-top:20px;
		height: auto;
		overflow-y: scroll;
		box-sizing: border-box;
		padding: 10px;
		background-color: #f4f4f4;
	}



	.program .pop {width:90%; height:auto;max-height:450px; position:fixed;z-index:3000; top:10%; margin-top:0;left:5%;  padding:20px 10px;margin:0;box-sizing:border-box;}
	.program .pop a.close_btn2{display:block; width:70px;height:24px;line-height:24px;text-align:center;border-radius:6px; background-color:#eee; font-size:13px;
	 font-weight:600; color:#555;margin:20px auto 0;}

	 .program .pop dl dt {font-size:18px; font-weight:600;color:#111;border-bottom:1px solid #ddd; padding:0 0 10px 0 ; margin:0 0 20px 0;letter-spacing:-0.04em;}
	 .program .pop dl dt span{font-size:14px; color:#a5b2db;font-weight:500;}
	 .program .pop dl dd h4 {font-size:15px; background-color:#f2f2f2;padding:5px 20px;border-radius:50px;margin:20px 0 10px 0;}
	 .program .pop dl dd p{font-size:13px;line-height:22px; margin:5px 0;padding:0 0 0 14px;color:#333;font-weight:500;letter-spacing:-0.03em;}
	 .program .pop dl dd p.long {text-align:justify;}




	table.s_tb thead tr th {font-size:15px;}
	table.s_tb tbody tr th {font-size:12px;}
	table.s_tb tbody tr td {padding:7px 5px;font-size:13px;}




	.logoutb {
		width:180px;
		height: 44px;
		line-height: 44px;
		
	}



	/* 온라인 전시관  ebooth  */
	.ebooth ul li{width:48%;margin:0 0 30px 4%;}
	.ebooth ul li:nth-child(3n+1) {margin:0 0 30px 4%;}
	.ebooth ul li:first-child , .ebooth ul li:nth-child(2n+1) {margin:0 0 30px 0;}
	.ebooth ul li a .thumb{height:120px;}
	.ebooth ul li a .thumb img {width:80%;}
	.ebooth ul li a .info {width:100%;height:90px;}
	.ebooth ul li a .info h5{font-size:18px;line-height:21px;}
	.ebooth ul li a .info .goweb {top:0px;}
	.ebooth ul li a .info p{font-size:12px; line-height:15px;}


	/* 온라인 전시관  ebooth  뷰페이지 */
	.ebooth_view .top{height:220px;background-size:cover;}
	.ebooth_view .top img{width:60%;}
	.ebooth_view .btnbox {margin:30px 0;}
	.ebooth_view .btnbox .left{float:none;text-align:center;}
	.ebooth_view .btnbox .right{float:none;text-align:center;}
	.ebooth_view .btnbox a{width:200px;height:45px; line-height:45px; font-size:16px;margin:5px 0;}
	.ebooth_view .com_info{padding:20px ;text-align:center;margin:0 0 50px 0;}
	.ebooth_view .com_info h4{font-size:20px;}
	.ebooth_view .com_info p{font-size:13px;line-height:22px;}
	.ebooth_view .com_intro {font-size:16px;line-height:30px;word-break:keep-all;}
	.ebooth_view .com_intro br {display:none;}
	.ebooth_view .com_intro:before {margin:0 auto 30px;}
	.ebooth_view .com_intro:after {margin:30px auto 0; }
	.ebooth_view .addbox {margin:60px 0 0 0;}
	.ebooth_view .addbox h3 {font-size:22px;line-height:28px;word-break:keep-all;}
	.ebooth_view  .videobox {height:300px;}


	/* eposter 페이지 */
	.eposter_wrap .eposter_list ul li{width:48%; height:auto; margin:0 0 60px 4%;}
	.eposter_wrap .eposter_list ul li:nth-child(4n+1) {margin:0 0 60px 4%;}
	.eposter_wrap .eposter_list ul li:first-child, .eposter_wrap .eposter_list ul li:nth-child(2n+1){margin:0 0 60px 0;} 
	.eposter_wrap .eposter_list ul li a .tag{font-size:11px;}
	.eposter_wrap .eposter_list ul li a .thumb img{width:100%; height:auto;}
	.eposter_wrap .eposter_list ul li a .title {font-size:14px; line-height:20px;height:65px;}
	.eposter_wrap .eposter_list ul li .view_modal {width:98%;margin:0 1%;box-sizing:border-box; height:auto;left:0;margin-left:0;}
	.eposter_wrap .eposter_list ul li .view_modal img{width:100%; !important;height:auto;}

	/* 온라인설문1 */
	.survay_write h5 {font-size:15px;line-height:19px;padding:10px 20px;word-break:keep-all;}
	.survay_write dl dt {font-size:14px; line-height:20px;}
	.survay_write dl dt span.block {font-size:13px;}
	.survay_write dl dd {padding:10px 10px 30px 20px; font-size:12px; }
	.survay_write dl dd span {margin:0;}
	.survay_write dl dd li {float:none;display:block;line-height:25px; width:auto;}
	.survay_write dl dd p {font-size:12px;}
	.survay_write  .btn_next input[type="submit"] {width:200px;font-size:16px;}

	.my_info {font-size:14px;}


	.etelling  h2.title{width:190px;height:40px;line-height:40px;font-size:20px;margin:0 auto 40px;}
	.etelling  .btn_wrap .list_btn {width:150px;height:40px;line-height:40px;font-size:15px;}
	.etelling  .btn_wrap .vote_btn {width:150px;height:40px;line-height:40px;font-size:15px;}
	.etelling  .btn_wrap  .vote_btn img{margin:0 10px 5px 0;width:20px;}


	.etelling  .etelling_btn li{width:48%; height:150px; margin:0 0 20px 4%;}
	.etelling  .etelling_btn li:first-child, .etelling  .etelling_btn li:nth-child(2n+1){margin:0 0 20px 0;}
	.etelling  .etelling_btn li a {font-size:14px; line-height:22px; }





	/* eposter */
	.eposter  h2.title{width:190px;height:40px;line-height:40px;font-size:20px;margin:0 auto 40px;}
	.eposter .catebox {text-align:left;}
	.eposter .catebox a {padding:8px 25px; font-size:13px;line-height:13px;margin:3px;}


	.eposter  .eposter_btn li{width:48%; height:150px; margin:0 0 20px 4%;}
	.eposter  .eposter_btn li:first-child, .eposter  .eposter_btn li:nth-child(2n+1){margin:0 0 20px 0;}
	.eposter  .eposter_btn li a{font-size:14px; line-height:22px; }





}


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

	.program .days table tbody tr td{word-break:break-all;}



}
@media screen and (max-width:320px) {
	.sub_txt .dead p {
		margin: 0;

	}

	#header_content .logo img {height:30px;}
	.welcome .welcome_con .sign{ font-size:14px; line-height:40px;width:270px;}
	.welcome .welcome_con .sign span img{height:20px;}
	.section2 .notice h3{font-size:18px;line-height:18px;padding: 55px 0 20px 0;}
	.section3 .speaker .speaker_slide .slide .name {font-size:12px;}
	.section4 .message p{font-size:14px; line-height:27px;}
	.section2 .important {height:450px;}
	.section2 .important .dates {height:70px;line-height:20px;}

	.ebooth_view .top{height:200px;background-size:cover;}
	

}