/********************** 1280px *************************/
@media screen and (min-width:700px) {
	.site-logo {
		font-size: 2rem;

	}
}
/** common **/
@media screen and (max-width:1200px) {
	.gnbnav {width:1000px; margin:0 auto;position:relative}
	.width_1200 {width:100%; margin:0 auto;}
	.navi_list:hover > ul {display:block;}
	.navi_list:hover > .sub_menu {display:none;}
	.gnb {padding:0 15px;}
	.footer_top_wrapper {padding:0px 20px;}
	.footer_bottom {padding:50px 20px;}
	.gnb_join, .aside-hd {display:none}

}

/********************** 1280px *************************/



/********************** 700px ************************/

@media screen and (max-width:48.000em) {
	.pgr02, .pgr02 .slick-slide img, .fnd_s1_mb, .con_right .pgr02 img {width:100%}
	.page-header, .footlogo, .mmap, .pro_subContnient, .put_grh_img, .pce-img {display:none}
	.gnb, .searchwrap, .copyright-mb, .m_snavwrap, .searchwrap, .pce-wrap {display:block}
	.pub_grh, .gr-pointer, .gr-opt {display:block}
	.copyright-mb {color:#fff;text-align:center;padding-bottom:1.5em;font-size:0.82rem}
	.d700 {display:block}
	div {font-size:0.98rem}
	div {font-size:1rem;box-sizing:border-box}
	.wrap {    
		width: 100%;
		max-height: 100%;
		margin:0;padding:0;
		box-sizing:border-box
		}
	.mschWrap .bt_sch {
		background: transparent url(../../images/common/ico_st.html) 0 0 no-repeat;
		background-position: -9px -402px;
		padding-left: 30px;
		height: 26px;
		text-indent: -9999999px;
		}
	.mschWrap {
		display: inline-block;
		position: absolute;
		right: 42px;
		top: 14px;
		}
	.con_wrap{    
		width: 100%;
		box-sizing: border-box;
		}
	ol, li, ul, dl {list-style:none}
	a {color: inherit; text-decoration: none;border:0px;}
	h2.mtit {font-size:1rem;font-weight:700}
	.navtr .subn, .brWrap, .location, .dpn {display:none !important}
	/** common **/
	.gnb_top {
		height:auto;
		padding:0;margin:0;
		display:block;
		box-sizing:border-box;
		background: transparent;
		/*position:fixed;
		top:0;
		z-index:999999*/
	}

	.gnbnav {
		width:100%;
		margin:0 auto;
		padding: 5px 0px;
	}
	.hero-header {
		width: 100%;
		box-sizing: border-box;
		height:200px;
		position:relative
	}
	.slideshow .vistxt {
		padding:20px;
		left:0;
		top:3%
	}
	.slideshow .vistxt h3{
		font-size:1.1rem;
		font-weight:500;
		line-height:1.2rem
	}
	.slideshow .vistxt p {
		color:#0076cc;
		font-size:1rem;
		margin-top:18px;
		font-weight:600;
		line-height:1rem;
	}


	.swiper-wrapper .swiper-slide a {
		float:none;
		background:none;
		margin: 0;
		width: 141px;
		height: 183px;
		border:0;
	}
	.swiper-container, .swiper_container2 {
	  width: 100%;
	  box-sizing:border-box;
	}
	.swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}

	.topnav {display:none}
	.logo_container {padding:0px 15px;}
	/*.gnb_top .site-logo {margin:10px auto 4px;padding: 0px 15px;}*/
	.gnb_top .site-logo {padding: 10px 15px;margin:0 auto}
	.gnbWrap {background: transparent; }
	.gnb_top .site-logo .m-logo {
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.gnb_top .site-logo .signature {width: 8vw;margin-right:9px}
	.gnb_top .site-logo .signature img {width:100%;}
	.gnb_top .site-logo a .ws {width:150px;font-weight:700;color:#fff;display:block;font-size:1.3rem}
	.site-logo 
	.navi_list_item {display:none;}

	.slideshow-nav, .slideshow-indicator {display:none}

	#videoarea {width:100%;box-sizing:border-box}
/*	height:100%;
		position:fixed;
	top:0;left:0;
	display:block;
	z-index:-9;
	}
#videoarea video {
	width:auto;

	position:absolute;
	height:450px;
	left:50%;transform: translateX(-50%);
	transition:opacity ease-in 400ms;
	}
		.movie {width: 100%;height: 200px;top:0;position:absolute}
	

	#videoarea {
	width:100%;
	position:relative;
	top:0;left:0;
	display:block;
	z-index:-9;
	}

	#videoarea video {
	position:absolute;
	left:50%;
	top: 50%;
	min-width: 100%;
    min-height: 100%;
	transform: translate(-50%, -50%);
	transition:opacity ease-in 400ms;
	background: #000;
	}*/
	#videoarea video {
	position:absolute;
	transition:opacity ease-in 400ms;
	background: #000;
	width:100%;
	top:0;
	left:0;
	min-height:auto
	}


	/*main-content*/

	.contents {width:100%;height: fit-content;background: #fff;padding: 0;box-sizing: border-box;}
	/*.mb-mc {margin-top:400px;}
	.mb-mc {margin-top:-20px;}*/
	.d-count {
		width: 100%;
		height: fit-content;
		padding: 0;
	}
	@-moz-document url-prefix() 	/****firefox hack****/
	{
		.d-count {height: auto}
	}

	.countBx {
		background: none;
		width: 100%;background-size:100%;
		height: 110px;
		margin: -10px auto 0;padding:0px
	}
	.conBx {
		background:#fff;width:100%;height:auto;padding:40px 50px;box-sizing:border-box;margin:0 auto
		}
	.ctitem {width:25%;margin:17px auto 0;}
	.ct-d, .ct-h, .ct-m, .ct-s {font-size:1.3rem;color:#263266}
	.ct-n {font-size:2rem;color:#112443;font-weight:700;margin-top:15px}
	/* by skkmj s*/
	.pro_panel {
	  height: 67px;
	  margin-top: 15px; 
	}
	.pro_card {
	  font-size:2rem;
	  transition: all .5s;
	  backface-visibility: hidden;
	  animation:none
	}
	/* by skkmj e*/
	.q-wrap {width: 100%;display: block;}
	.q-wrap .iap, .q-wrap .sunhak {width: 100%;flex-grow: 1;height: auto;}
	.iap-wrap {width: 100%;float: none;padding: 25px;height: 100%;}
	.iapp .tit-iapp, .iapd .tit-iapd, .iscp .tit-iscp {
		color: #fff;
		padding-left: 15px;
		font-size: 2.2rem;
		line-height: 0.85em;
		width:70%;margin-top:-15px
	}
	.iapd {margin-top:0px;height:auto;padding: 25px 0;}.iscp {margin-top: 0px;}
	.s-iapp, .s-iapd, .s-iscp {width:100px;height:100px;}
		.s-iscp img, .s-iapp img, .s-iapd img, .sh_sym img, .thm_article img {width:100%;}
	.iapp .info p, .iapd .info p, .iscp .info p {font-weight: 700;font-size: 1rem;}
	.iapp .info, .iapd .info, .iscp .info {font-size: 1rem;margin-top:0;    line-height: 1.3em;}
	.iapp .tit-iapp span, .iapd .tit-iapd span, .iscp .tit-iscp span {display: block;font-size: 1rem;}
	.iapd-w {display: block;padding: 0 20px;width: 90%;margin-top: 0px;}
	.sunhak .sunhak1 {height: fit-content;}
	.sh-wrap-1 {
		width: 100%;
		float: none;
		padding: 25px;
		height: 50%;
	}
	.sh_sym {margin-top:-5px;display: inline-block;width: 80px;height: 80px;}
	.txst-4r {font-size: 2.2rem;line-height: 0.7em;}
	.txst-3r {font-size: 1.5rem !important;}
	.lettet_sh {font-size: 1rem;margin-left: 0;margin-top:17px}
	.lettet_sh_s {font-size:1rem;color:#fffcdc;text-align: left;margin-top:10px;font-weight: 300;}
	.sunhak .sunhak2 {
		background-size: cover;
		height: fit-content;
		padding: 20px 15px;
	}
	.sunhak2:before {
		content: "";
		background: url(../../images/main/img_sh_dec.png) no-repeat 0px 0px;
		width: 100%;
		background-size: 100%;
	}
	.sunhak2 dl dt {font-size: 1.3rem;margin-top: -17px;margin-bottom: 17px;}
	.sunhak2 dl dd { font-size: 1rem;width: 100%;display: contents;}
	.ws_out {width: 100%;margin: 0 auto;}
	.press-wrap {width:100%;box-sizing:border-box;padding:0 0 15px 0;}
	.press_Bx {width:100%;padding:0 15px;display: block;}
	.article_wrap {width: 100%;}
	.ws_out h3, .ws_out h3.ws_tit, .d-count h2 {font-size: 1.2rem;margin-bottom: 0;padding: 20px 0;}
	.ws_out .more {font-size: 0.87rem;margin-top: 4px;padding-right:12px}
	.article_list {width:100%;padding: 15px 0;}
	.thm_article {width: 37%;height: auto;}
	.listTx {font-size: 1rem;width: 60%;}
	.list_date {font-size: 0.95rem;line-height: 1.5em;margin: 8px 0;color:#3a59a7}

	.aside {width:100%;height:fit-content;padding: 10px 12px;}
	.asideTx, .aside_item span {font-size: 1rem; line-height: 1.35em;}
	.video-wrap {padding: 0;}
	.bg_v {width: 100%;display: flex;flex-flow: row wrap;padding: 10px;}
	.video-item {width:45%}
	.video-item .videoBx img {width:100%;height:100%}
	.videoBx { width: 100%;height: 110px;}
	.vod-tx {width: 100%;padding: 5px 0 10px;font-size: 0.95rem;}
	.vod-tx span {font-size: 0.87rem;margin-top: 5px;}
	.videoBx:before {top: 8px;right: 4px;width: 35px;height: 35px;background-position: center -812px;}
	.agenda-slide div img, 	.agd_Bx, .agd_Bx img {width:100%}
	.speaker-wrap {margin-top:0 !important}
	.spkr_area { padding:0 5px}
	.spkr-bx {height: auto;padding: 10px;width:46.4%;margin-bottom: 20px;}
	.thm_spkr {width:100%;height:auto;max-height:150px;overflow: hidden;}
	.spkr_tx {margin-top: 10px;}
	.spkr_tx b  {font-size: 1.05rem;}
	.spkr_tx span {font-size: 1rem;line-height: 1.35em;padding:5px 0}
	.spkr_tx em {font-size: 0.95rem;line-height: 1.25em;}
	.sns_wrap {width: 100%; text-align: center; padding: 1.5em 0;}


	.movie-img {width:100%;height:250px;min-height: 10vh;}
	#imgarea {
	width:100%;height:240px;
	position:fixed;
	top:50px;left:0;bottom:0;right:0;
	display:block;
	z-index:-9;
	background:url('../../images/main/1200_628.jpg') no-repeat center top;
	background-size:cover
	}

	.agd-wrap {width:100%;padding: 15px;    box-sizing: border-box;}
	.sub-nav nav {
		width: 100%;
		position: relative;
		margin: 0 auto;
		display: flex;justify-content:center;
		flex-flow:row wrap;
		border-top: 1px solid #aaa;
		padding-top: 13px;
		padding-bottom: 12px;
		background: rgba(0,0,0,0.30);
	}
	.sub-nav nav div {margin-left: 7px;margin-right:7px;line-height:1.45em}
	.sub_visual {width: 100%;height:auto;}
	.sub-nav {margin-top: 90px;}
	.content-visual-1 {height: 210px;}
	.sub-nav nav div a {font-size: 0.87rem}
	.agd-tx {font-size: 1rem;padding: 15px; line-height: 1.3em;}
	.history-wrap {width:100%;padding-bottom:18px}
	.history-wrap:before, .h-var:before {display:none}
	.historyBx:before {top: 7px;left: -15px;width: 10px;height: 5px;z-index:9;border-radius:0}

	.historyBx, .history-wrap h4 {
		margin-left: 0;color:#404fbf;
		font-family: times;
		letter-spacing: 0;font-size:1.6rem
	}
	.historyitem { line-height: 1.35em;font-size: 1rem;padding:8px 0}
	.historyitem span.date {width:auto;font-weight: 700;margin-right:10px}
	.his-thm-list {display: flex;flex-flow: row wrap;}
	.his-thm-item {width: 100%;height: 78px;}
	.his-thm-grp {width:48%;margin:0 2px}
	.vodico {
		background-position: center -814px;
		top: 7px;
		left: 7px;
		width: 28px;
		height: 28px;
	}

	.pannel-wrap {margin: 20px 0;}
	.pannel-wrap .pannel-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
	}
	h4.history-v-tit {font-size: 1.2rem;font-weight: 700;}
	h4.history-v-tit span {color: #696969;font-size: 0.95rem;}
	.stc_txt {font-size: 1rem;line-height: 1.37em;}

	.speaker-wrap .thm_speaker {width:80%;height:auto;overflow:hidden;margin:12px 0}
	.spkr-info {width:100%;margin-left:0px}
	.speaker-wrap {
		display: flex;flex-flow:column wrap;
		margin-top: 20px;
		margin-bottom:20px
	}
	.speak_nday .nday {padding: 10px 35px;font-size: 1.2rem;margin-bottom: 10px;display:block;text-align:center}
	.speak_nday h5, .speaker_info h5 {font-size: 1.2rem;}
	.npd {padding:0 !important}.nmg {margin:0 !important}
	.about-st { padding: 0px;flex-flow:row wrap}
	.cbx-1 {margin: 0 5px;width: 100%;}
	.cbx-1 h6 {font-size: 1.2rem;margin-top:5px;height: auto}
	.tx-style0 {color: #333;font-size: 1rem;margin: 7px 0 5px;}
	.contact-stit {margin-top: 15px;padding: 10px 0 10px 12px;}
	.wss-fx {display: block}
	.left-nav {width: 100%;border-top: 2px solid #222;display:flex;}
	.left-nav .nLitem {width:50%;border-right:1px solid #929292;border-left:1px solid #929292}
	.conwraps {width: 100%; margin-top:20px}
	.conwraps h5 { font-size: 1.3rem; font-weight: 700;}
	.conwraps h6 {font-size: 1.2rem;margin-top: 15px;}
	.spp-grp {display:flex;flex-flow:column wrap;margin: 10px 0;}
	.spp-grp .p-b1, .spp-grp .p-b2, .spp-grp .p-b3 {display:block;border-radius: 0;margin:0 0 7px 0;border: 0;width: 100%; height: fit-content;}
	.p-b-t {height:auto;display:block;width:100%;font-size: 1.2rem;padding: 12px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
	.p-b-c {height:auto;margin: 10px auto; font-size: 1rem;font-weight:normal}
	.p-b-o {margin-top: 20px;}
	.left-nav .on:after {position: absolute;transform: rotate(90deg);margin-top:3px;margin-left: 0;right:7%}
	.winner-bx {display: block; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
	.win-thm {width: 100%;max-height: 250px;}
	.win-right {width: 100%;}.moreview {top: auto;display:block;position:relative;margin:0 auto}
	.spp-name {font-size: 1.2rem;margin-bottom: 10px;}
	.win-right .nth {font-size: 1.4rem;margin-bottom: 3px;margin-top:10px}
	.win-right-d .winnerT {margin: 6px 0;font-size: 1.1rem;}
	.win-right em,.win-right b {line-height: 1.35em;font-size: 0.98rem;margin-bottom:10px;display:block}
	.win-right-d {width: 100%;padding: 15px;}
	.win-right-d .nth { font-size: 1.1rem;}
	.win-right-d b {padding-top: 5px;line-height: 1.35em;}
	.win-right-d b, .win-right-d em { font-size: 1rem;padding-bottom:5px}
	.data-y, .data-p {font-size: 0.98rem;}.en-times {font-size:1.5rem}
	.pub_grh {background:#203957;margin: 10px auto 0;flex-flow: column wrap;align-items: center;padding-top:18px}
	.pub_grh .grh-item {text-align: center;border:0;margin:1px auto;width: 90%;padding: 12px 0;background: #fafdec;}
	.pub_grh .grh-item b {font-size: 1.3rem;margin-bottom: 10px;}
	.pub_grh .grh-item ul li {font-size: 1rem;line-height: 1.24em;}
	.pub_grh:first-child:after {content:'';width:1px; height:50px;background:#777;text-align:center;display:block}
	.gr-pointer {display:none}
	.gr-opt {padding: 20px 15px;background: #203957;font-size: 1rem;}
	.gr-opt strong {font-size: 1.3rem; line-height: 1.4em; letter-spacing: -1px;}
	.gr-opt strong:before {background-size: 70%;height:90px}
	.our-grp {margin: 0px 0 20px 0;background:#fff}.our-thm {width:30%;}
	.w-our {width: 70%;line-height: 1.4em;padding: 0 10px;font-size:0.9rem}.stc_txt .name {font-size: 1.2rem; margin-bottom: 7px;}
	.our-grp2 {border: 1px solid #ccc;background:#e0ecf8;padding: 12px;margin:0 0 20px 0;}
	.our-g-fx {flex-flow:column wrap;justify-content: center;align-items: normal;margin-top:17px}.our-g-fx div b {font-size: 1rem;margin-bottom:7px}
	.our-g-fx div {margin: 0;padding: 15px;}.iappStit { font-size: 1rem;margin: 0 0 10px 0;}.partner-grp {margin: 0 0 25px 0;display: flex;flex-flow: column wrap;}
	.partner-it {font-size: 1rem;width: 100%; line-height: 1.34em;padding: 0px;text-align: center;}.partner-thm {width: 95%;height: auto; margin: 15px auto;}
	.partner-it p {margin-bottom: 10px;max-width: 80%;overflow: hidden;margin:0 auto 15px}
	.conwraps h5, .conTit {font-size: 1.2rem;}
	.pce-wrap {padding: 0px;margin-top: 15px;margin-bottom: 15px;flex-flow:column wrap;}
	.task-list, .task-list2 {width: 100%;padding: 10px;    box-sizing: border-box;}
	.task-list li {font-size: 1rem;padding: 0.5em 1.2em;}
	.gr-arrow {width: 58px;height: 132px; transform: rotate(90deg);margin-top: -30px;margin-bottom: -30px;    margin-left: auto;
    margin-right: auto;}
	.task-gr {width: 100%;height: auto;    padding: 2em 20px;letter-spacing:-1px}
	.task-gr p {font-size: 1.1rem;line-height:1.4em}.conTit-fg span { font-size: 1rem;display:block}
	.conTit-fg {font-size: 1.3rem;margin-top: 12px;}
	.gr-arrow2 {width: 35px;background-position: 0 0;transform: rotate(90deg);    margin-left: auto;
    margin-right: auto;}
	.gr-arrow3 {width: 55px;height: 39px;background-position: -165px 0;transform: rotate(90deg);margin:10px 0;    margin-left: auto;
    margin-right: auto;}
	.gr-arrow3 p {transform: rotate(-90deg);width: 150px;margin-left: -95px;font-size:0.75rem;letter-spacing:-0.5px}
	.outline-th {font-size: 1.1rem;}
	.outline-th-w {top:7%;left:auto;font-size:2.1rem;margin:20px 0;transform: none;}
	.outline-th-w:before {opacity:0.4;margin-top:-5px;}.mgt {margin-top: 85px;}
	.pro-b-tts {font-size: 1rem;}.arr {width:30px;}
	.outline-tb {width:100%;margin: 10px auto;flex-flow: row wrap;}.tb-item {width:46%;margin:0 4px 7px;height:170px;font-size:1.6rem}
	.sgsg {width: 90px;height: 90px;margin-top: -30px;margin-bottom: 0px;}
	.outline-flow {width:100%;margin: 15px 0;}.tb-item b {font-size: 1.7rem;}
	.item-s-iapp, .item-s-iapd {font-size: 1rem;padding: 0 20px;margin-top: 0;}
	.tbl-iap {margin-top:10px;}.tbl-iap th, .tbl-iap td {width:100%;display:block;padding:10px;border:none;box-sizing:border-box}
	.tbl-iap th {background:#3b4669;color:#fff}.tbl-iap td {background:#e8ecd4;color:#000}.tbl-iap colgroup {display:none}
	.shp-w {display:flex;flex-flow:column wrap;margin:10px 0;padding:12px;}.shp-logo {width:auto;margin-bottom:15px}
	.shp-stit {font-size:1.1rem; line-height: 1.35em;width: 100%;}
	.iapd-thead {display:flex;flex-flow:column wrap;justify-content:center;align-items:center;margin:10px 0 15px}
	.iapdLogo {margin-right:0}.iapdTx, .iappTx {font-size:1.3rem !important;text-align:center}
	.iapd-v {font-size: 1.2rem;margin: 10px 0;line-height: 1.3em;}
	.ieh{width:100%}

	.pce-htx  {font-size:1rem;text-align:center;margin:10px auto 40px} .pce-htx strong {color:#000;display:block;font-size:1.1rem;margin-bottom:7px}
	.pce-htx time {display:block;font-size:0.89rem;margin:7px auto 15px} .pce-htx span {font-size:1rem;color:#3c657d}
	.poster-w {
    width: 100%;
    display: block;
    margin: 0 auto;
	}
	.poster {width:100%;margin-bottom:10px} .poster img {width:100%}
	.hd-Twrap {
    display: block;
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
	}
	.hd-Twrap .ws2020 { font-size: 2rem;}
	.imgwp, .imgwp img {width:100%} .imgwp {margin:15px 0!important}
	.iscpTx {margin-top:12px;font-size: 1.2rem !important;}


	.m_snavwrap {
		width: 93%;
		margin-bottom: 10px;
		/* background: #4447b0 url(/common/images/bg/rbg_select.png) right 50% no-repeat; */
		background-size: 30%;
		margin-left:15px;padding-top:10px
	}
	.screen_out {
		overflow: hidden;
		position: absolute;
		height: 0;
	}
	.m_snavwrap .f_select {
		width: 100%;
		height: 35px;
		border: 0;
		border-bottom: 1px solid #bbb;
		border-radius: 0;
		background: url(../../images/icon/icon_e.png) no-repeat;
		background-position: right -1016px;
		-webkit-appearance: none;
	}
	.m_snavwrap .f_select {
		width: 100%;
		height: 35px;
		border: 0;
		border-bottom: 2px solid #7a7a7a;
		border-radius: 0;
		background: url(../../images/icon/icon_e.png) no-repeat;
		background-position: right -1273px;
		-webkit-appearance: none;
	}


	.foot_wrap {
		width: 100%;
		display: flex;
		justify-content: center;
		padding:20px 15px;
		box-sizing: border-box;
	}
	.foot_wrap h1 {display:none}

	.foot-bottom {
		width: 100%;
		margin: 0 auto;
		padding:0 15px;
		box-sizing:border-box;
		height:auto;display:block
	}
	.foot_nav_wrap, .fmsite, .copyright {display:none}
	.foot_wrap .footinfo li a {
		color: #fff;
		font-size: 1rem;
	}





	/******** CONTENTS **********/

	/*common*/
	.screen_out {
		overflow: hidden;
		position: absolute;
		height: 0;
	}


.page-head {display:none}






.page-title {
	width:70%;
    display: inline-block;
    text-align: left;
    clear: both;
    font-size: 1.3rem;
	letter-spacing:-1.5px;
    font-weight:600;
    color: #000;
    margin: 0px 0 15px;
	}
.page-title:before {
    content: "";
    height: 0px;
	}



	.wrap_log {
		width: 100%;
		margin: 0 auto;
		box-sizing:border-box
	}
	.bx_add {
		box-sizing: border-box;
		margin: 10px auto 20px;
		width: 100%;
	}
	.bx_add dt {
		line-height: 1.4em;
		margin-bottom:7px;
		font-size: 1rem;
		font-weight: 600;
		color: #555;
	}
.nofx {display:block !important}



/*bbs*/

	.cmTypeS {display:block}
	.bbs_content {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		padding:0 15px
	}
	.bbs_content thead, .bbs_content td.nm, .bbs_content td.file {display:none}

	.cmTypeSWrap {
		border-bottom: 1px solid #bebebe;
	}
	.cmTypeS {border-top:1px solid #bebebe}
	.cmTypeSBx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left:5px
	}

	.cmTypeSBx .cmTypeSBxTxt dt {
		width: 90%;
		margin-bottom: 7px;
		font-size: 1.1rem;
		color: #000;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		font-weight:600
	}
	.cmTypeSBx .cmTypeSBxTxt dd {
    font-size: 1rem;
	}
	.cmTypeSBxTxt {margin-bottom:0 !important}

	.listViewTit {
	width: 100%;
    text-align: left;
    box-sizing: border-box;
    background: linear-gradient(to right, #ebf2f5, #d9e2e7);
    padding: 15px;
	}
	.listViewTit h2 {
		font-size: 1.1rem;
		color: #16345d;
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
		word-break: keep-all;
		word-wrap: break-word;
		line-height:1.4em
	}
	.listViewTit .viewdate {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 0;
    align-items:center;
	}
	.viewdd span:first-child {display:block}
	.viewdd span:first-child:after {content:""}
	.viewdd strong, .viewdd span {
    margin-right: 0px;
    color: #000;
    font-size: 0.9rem;
	line-height:1.4em;
	}
	.viewdd span:after {
		content: "／";
		margin-left: 0px;
		margin-right: -3px;
	}
	.bbs_sns {margin-top:10px}
	.viewBX {
    padding: 10px;
	margin: 10px 0
	}
	.viewBX .viewtxt {
    margin: 20px 5px;
	}
	.viewBX img {
    margin: 0 auto;
    display: block;
	width:100%;
	}
	.sty0 {
    font-size: 1.2rem;
	}
	.sty1 {
    font-size: 1rem;
    margin-top: 10px;
    line-height: 1.5em;
	}
	.bbs_sns li a {
		display: block;
		width: 21px;
		height: 22px;
		background: url(../../images/icon/icon_e.png) no-repeat;
		text-indent: -999em;
	}
	.bbs_sns li:nth-child(1) a {
    background-position: center -678px;
	}
	.bbs_sns li:nth-child(2) a {
    background-position: center -646px;
	}
	.bbs_sns li:nth-child(3) a {
    background-position: center -714px;
	}
	.bbs_sns li:nth-child(4) a {
    background-position: center -747px;
	}
	.bbs_sns li:nth-child(5) a {
    background-position: center -776px;
	}
	.commentBx h3, .commentArea dl dt {font-size: 1.1rem;}
	.commentBx {
    width: 100%;
    margin: 0 auto;
	box-sizing:border-box
	}
	.commentTexArea textarea {
	width: 70%;
    height: 60px;
	}
	.btnstyle4 {
    background: #ee3766;
	width: 24%;
    height: 70px;
    vertical-align: top;
    border-radius: 4px;
    color: #fff;
	}

	.pro_3depth {width: 100%}
	.pro_3depth li .pro_sub {display:none}
	.pro_3depth .pro_3depthLi a {
	padding: 1em 0.5em;
    font-size: 0.85rem;
	}
	.tbst1 colgroup {display:none}
	table.tbst1 td:nth-child(4), table.tbst1 td:nth-child(5) {display:none}
	table.tbst1 td:nth-child(2), table.tbst1 td:nth-child(3) {display:inline;}
	table.tbst1 td:nth-child(1) {width:10%}
	table.tbst1 td:nth-child(2) {width:70%;;overflow:hidden}
	table.tbst1 td:nth-child(3) {width:20%}
	table.tbst1 tr {
		display:flex;
	}
	table.tbst1 td {
		padding: 10px 7px;
		border-bottom: 1px solid #e2e2e2;
		text-align: center;
	}
	table.tbst1 td.text_left a {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
	}
	.viewSearch .searchInput .ntSearch {
		width: 100%;
		height: 26px;
		padding-left: 7px;
		border: 0;
		font-size: 1rem;
		color: #fff;
		background: #282f47;
		border-radius:2px;
	}
	.viewSearch .searchInput .btnSearch {
		width: 40px;
		height: 32px;
		padding: 2px 0 8px;
		border-radius:2px;
		margin-left:-5px;
	}



	/*ebook*/
	.booksArea {
	width:100%;box-sizing:border-box
	}
	.books {
		padding:0;    justify-content: center;
	}


	/*search*/
	.sch .page-title {display:none}
	.fld_sch legend {display:none}
	.schBx {
		width: 100%;
		margin: 0 auto;
		background: #fff;
		padding: 10px 15px 4px;
		border: 1px solid #aaa;
		border-radius: 4px;
		box-sizing:border-box
	}
	.searchInputs input {
		width: 70%;
		height: 35px;
		padding-left: 7px;
		border: 0 none;
		font-size: 1.3rem;
	}
	.searchInputs {
		position: relative;
		width: 100%;
		/* margin: 0 auto; */
		background: #fff;
	}

	.sch_titvar h2 {
		font-size: 1rem;
		padding-bottom: 10px;
		margin: 10px 0px 10px;
	}

	.sch_titvar h2::before {
		content: "";
		padding-left: 0;
	}
	.sch_titvar h2 em {
		float: none;
		display:block;
		margin-top:10px;
		font-size:0.9rem
	}
	.sch_root {
		display: block;
	}
	.sch_root h3, .sch_root em {
		font-size: 1rem;
		margin: 10px 0 0px;
		font-weight: 650;
	}
	.sch_root h3:before {
		content: "※";
		background:none;
		padding: 0 5px;
		color:#696969
	}
	.sch_root .viewMore {
		display:none
	}
	.sch_root h3 em:before {
		content: "";
		padding-left: 15px;
		background: url(../../images/common/ico_st.html) no-repeat;
		background-position: -220px -155px;
		height: 24px;
		width: 21px;
	}
	.sch_root span:before {
		content: "";
		padding-left: 15px;
		background: url(../../images/common/ico_st.html) no-repeat;
		background-position: -217px -155px;
		height: 24px;
		width: 21px;
	}

	.sch_listWrap {
		width: 100%;
		box-sizing: border-box;
		margin: 15px 0;
		clear: both;
	}
	.sch_listWrap .m_more {display:block;text-align:center}
	.sch_listWrap .m_more .bt_vmore {
		width:100%;padding:7px 0; background:#fff;border:1px solid #ddd
	}
	.sch_listWrap .sch_listItem li, .sch_listWrap .sch_listItem_f li {
		width: 46%;
		margin: 0 0px 10px;
		padding: 5px;
	}
	.sch_listWrap .sch_listItem li a img , .sch_listWrap .sch_listItem_f li a img {
		width: 100%;
		height: 112px;
		overflow: hidden;
		border: ;
	}
/*	.sch_listItem .sch_listItem_f li:last-child {display:none} */
	.sch_listItem_f li:nth-child(5) {display:none} 
	.sch_vItem .sch_hj .hjimg {
		width:40% ;
		overflow: hidden;
		margin-right: 15px;
	}
	.sch_vItem {
		border-bottom: 1px solid #cfd7dc;
		padding: 10px 10px 10px;
		text-align: justify;
		background: #fff;
		margin-bottom: 0.5rem;
	}
	.sch_hj dd.hjtit {width:60%}
	.sch_vItem .hjm_cat {
		display: block;
		color: #000;
		font-size: 1.1rem;
		line-height: 1.8em;
	}
	.sch_vItem .hjm_elm {
    font-size: 1rem;
	}
	.sch_notiItem {
		padding: 10px;
		background: #fff;
		margin-bottom: 0.3rem;
	}
	.sch_noti .noti_cat {
    margin-right: 0px;
    font-size: 1rem;
    color: #294e91;
	width:30%
	}
	.sch_noti .noti_date {display:none}
	.sch_noti .noti_tit{
    margin-bottom: 0 !important;
    font-size: 0.9rem;width:100%
	}

	.sch_listWrap .sch_listItem, .sch_listWrap .sch_listItem_f {
		display: flex;
		justify-content: flex-start;
	}





	.wrap_sch {
		border: 0;
		padding: 3px;
		margin-top: 0;
		margin-right: 7px;
		border-radius: 0;
		width: 90%;
		margin-bottom:0 !important
	}
	.mobile_search_input {
		position: absolute;
		right: 90px;
		top: 10px;
		width: 73%;
		background: #fff;
		z-index: 999;
		border:1px solid #555;
		display:none
	}
	/*.c_slide_arrow {display:none !important} */
	#pro_found_img {height:auto !important}

	/*컨텐츠등록페이지*/

	.writeTable td {
		padding: 0 !important;
		border-top: 0px;
	}
	.filePart1, .filePart2 {display:block}
	.td_content_title .newtxtTit {min-width: 50% !important;width:70% !important}
	.td_content_subtitle {		display: block;margin:10px 0}
	.td_content_hashtag label {display:inline;float:left;margin-bottom:0 !important;    margin-top: 4px;}
	.addComment {display:block;float:right;margin-top:5px}
	.td_content_hashtag input.newtxt {
    height: 23px;
    line-height: 23px;
    padding: 0 5px;
	width:73% !important;
	min-width:50% !important
	}
	.fileSubPart {display:block;margin:15px 0}
	.fileSubPart .menuSelect {margin-top:0 !important;width:75%}
	.fileSubPart label {padding:0 !important;width:20%}
	.fileboxKMJ {
    width: 100% !important;
    display: flex;
    align-items: center;
	}
	.fileboxKMJ .upload-name {
    width: 60% !important;
	height:36px;
	margin-right:5px;
    display: inline-block;
    padding:0 !important; 
	}
	.td_content_memo {width:100% !important}
	#photoViewPart {padding:0 !important;margin-top:15px}
	.tbst1 thead {display:none}
	.totalcount {margin-bottom:10px}




/******** CONTENTS **********/

/*common*/

.sub_wrap {
	position:relative;
	box-sizing: border-box;
}
.a1 {
 position:sticky;
 position : -webkit-sticky;
 top:0;
 width:100%;
 background:#fff;
 height:auto;
 z-index:5
}




	.page-header-clone {display:none}
	.loc {display:none}
	.sub_header {
		position: relative;
		margin: 0 auto;
		height: 35px;
		width: 100%;
		box-sizing: border-box;
		padding:0
	}
	.sub_header h2 {
		font-size: 1rem;position: static;
		background: #fff;
		padding:7px 0 10px
	}


	.carousel-item {height: 320px;}
	.carousel-caption {position:relative !important; top:3% !important; left:0px !important; text-align:center}
	.carousel-caption span {font-size:14px;}
	.carousel-caption h3 {font-size:24px; width:80%; margin: 0 auto; padding-bottom:10px;;line-height:1.5rem}
	.carousel-caption h3 br {display:none;}
	.carousel-caption p {
		font-size:1rem;
		width:80%; margin: 0 auto;
		color:#0076cc;line-height:1.2rem;
		padding-top:7rem;
		}



}/***768/////**

@media screen and (min-width:770px) and (max-width:1200px) {
	.movie {
	width:100%;
	height:530px;
	min-height: 50vh;
	}
}

@media screen and (min-width:1200px) and (max-width:1400px) {
	.movie {
	width:100%;
	height:730px;
	min-height: 50vh;
	}
}
**/
@media screen and (max-width:380px) {
	.movie {    width: 100%;min-height: 20vh;}
}
@media screen and (min-width:381px) and (max-width:450px) {
	.movie {    width: 100%;min-height: 25vh;}
}
@media screen and (min-width:451px) and (max-width:495px) {
	.movie {    width: 100%;min-height: 30vh;}
}

@media screen and (min-width:495px) and (max-width:520px) {
	.movie {    width: 100%;min-height: 33vh;}
}
@media screen and (min-width:520px) and (max-width:600px) {
	.movie {    width: 100%;min-height: 35vh;}
}

@media screen and (min-width:610px) and (max-width:720px) {
	.movie {    width: 100%;min-height: 39vh;}
}
@media screen and (min-width:721px) and (max-width:745px) {
	.movie {    width: 100%;min-height: 45vh;}
}
@media screen and (min-width:746px) and (max-width:768px) {
	.movie {    width: 100%;min-height: 48vh;}
}

@media screen and (max-width:329px) {
	.speaker-wrap .thm_speaker {
		width: 100%;
		height: auto;
	}
	.pro-back-line {display: block;}
	.data-y {width: 100%;font-size: 1rem;}
	.data-p {font-size: 1rem;width: 100%;}
}

@media screen and (min-width:330px) and (max-width:550px) {
	.data-y {width: 27%;font-size: 1rem;}
	.data-p {font-size: 1rem;width: 70%;}

}

@media screen and (min-width:330px) and (max-width:500px) {
	.speaker-wrap {
		display: flex;flex-flow:column wrap;
		margin-top: 20px;
		margin-bottom:20px
	}
	.speaker-wrap .thm_speaker {width:100%;height:300px;}
	.spkr-info {width:100%;margin-left:0px}

}

/***tablet-560~768****/

@media screen and (min-width:35.000em) and (max-width:48.000em) {
	.sch_listWrap .sch_listItem li, .sch_listWrap .sch_listItem_f li {
		width: 29%;
		margin: 0px 0px 10px;
		padding: 5px;
	}

}
/***tablet-850***
@media screen and (min-width:48.050em) and (max-width:53.125em) {

	.sch_listWrap .sch_listItem .sch_listItem_f li {
		width: 23%;
		margin: 0px 0px 10px;
		padding: 5px;
	}

}*/

/********************** 700px **************************/