.ch {font-family:'Noto Sans SC','Nanum Gothic',sans-serif !important;}


.pc_view {display:tabel}
.mobile_view {display:none}
/* GECE Convention */
.aboutwrap {padding-top:0;}
.about {width:100%; background:url(../img/content/about.png) 0 0 no-repeat; padding: 80px 0 30px 510px; min-height:480px; }
.about h3 {position:relative; width:100%; font-size:30px; line-height:1.2;color:#333;  }
 
.about h3 br {display:none;}
.about p {width:100%;  padding:30px 0 0 0; font-size:16px; color:#555; line-height:1.8; font-weight:400; }
 
.lqu { margin:3px 6px 0 -30px;   width:24px; height:18px; display:inline-block; background:url(../img/content/icon_qu_01.png) no-repeat 0 0; background-size:100%; }
.rqu { margin:8px 0 0 10px; width:24px; height:18px; display:inline-block; background:url(../img/content/icon_qu_02.png) no-repeat 0 0; background-size:100%; }

.btnwrap1 {width:100%; text-align:center; margin:30px 0;}
.btnwrap1:after {content:''; display:block; clear:both; }
.btnwrap1 a { width:100%; max-width:200px; border-radius:8px; text-align:center; margin:0 auto; padding:0; line-height:48px; height:50px; border:1px solid #b7c90c;  vertical-align:middle; display: inline-block; cursor: pointer;
            color:#fff;	font-weight:700; background: #b7c90c; transition: all .5s; }
.btnwrap1 a:hover { background:#99a61a; }
.btnwrap1 a span { display:inline-block; padding: 0 29px 0 0; background:url(../img/content/btn_icon_arrow_r.png) right 50% no-repeat;}


.btnwrap2 {width:100%; text-align:center; margin:30px 0; display:block;}
.btnwrap2:after {content:''; display:block; clear:both; }
.btnwrap2 a { width:48%; max-width:200px; border-radius:8px; text-align:center; margin:0 2px; padding:0; line-height:48px; height:50px; border:1px solid #b7c90c;  vertical-align:middle; display: inline-block; cursor: pointer;
            color:#fff;	font-weight:700; background: #b7c90c; transition: all .5s; }
.btnwrap2 a:hover { background:#99a61a;   border:1px solid #99a61a;}
.btnwrap2 a span { display:inline-block; padding: 0 29px 0 0; background:url(../img/content/btn_icon_arrow_r.png) right 50% no-repeat;}

.btnwrap2 a.btn_down {background:#666; border:1px solid #666; }
.btnwrap2 a.btn_down span { display:inline-block; padding: 0 29px 0 0; background:#666 url(../img/content/btn_icon_down.png) right 50% no-repeat;}
.btnwrap1 a:hover { background:#99a61a;  border:1px solid #99a61a; }
.btnwrap2 a.btn_down:hover {background:#666; border:1px solid #666; opacity:0.8; filter:alpha(opacity=80);   }

	@media all and (max-width:1000px){
	.about { padding:8% 0 30px 50%; background-size:42%;  }
	.about h3 { font-size:26px; }
	.about p { font-size:15px;} 
	}

	@media all and (max-width:801px){ 
	.about h3 { font-size:24px; }
	.about p { font-size:14px;padding:20px 0 0 0;} 
	.rqu { margin:8px 0 0 6px;}
	 
	}

	@media all and (max-width:700px){
	.about { padding:250px 0 30px 0;background:url(../img/content/about.png) center 0 no-repeat; background-size:200px;  }
	.about h3 { width:100%; padding:0; margin:0 auto; text-align:center; font-size:22px;  line-height:1.4;color:#333; }
	.about h3 br {display:block;}
	.lqu {  left:auto; }
	.about p {width:100%;   padding:20px 0 0 0 ;   }
	.lqu,
	.rqu {width:20px;} 
	}

	@media all and (max-width:480px){ 
	.about h3 { font-size:20px;}
	.lqu,
	.rqu {width:18px;}  
	.about p {font-size:13px; }

	.btnwrap1 a span,
	.btnwrap2 a span,
	.btnwrap2 a.btn_down span{   padding: 0 24px 0 0;}

	}

	@media all and (max-width:400px){ 
    .btnwrap1 a span,
	.btnwrap2 a span,
	.btnwrap2 a.btn_down span{   padding: 0 22px 0 0;}
	.about h3 { font-size:18px;}
	 
	.lqu,
	.rqu {width:16px;} 
	}

 
 
/* aboutinfo  */
.aboutinfo  { width:100%;}
.aboutinfo .abox { width:100%; border-top:3px solid #2b2e33; border-left:1px solid #ddd;  border-bottom:1px solid #ddd;}
.aboutinfo .abox:after {content:''; display:block; clear:both; } 
.aboutinfo .abox dl {float:left;border-right:1px solid #ddd;background:#f9f9f9; }
.aboutinfo .abox dl dt, .aboutinfo .abox dl dd {width:100%; padding:18px 8px;line-height:1.4; text-align:center; }
.aboutinfo .abox dl dt {background:#f9f9f9; padding:10px 15px;color:#333;   border-bottom:1px solid #ddd; }
.aboutinfo .abox dl dd {color:#666;background:#fff;  display:flex; justify-content:center; align-items:center;}

.aboutinfo .abox dl.tel {width:47%; }
.aboutinfo .abox dl.fax {width:24%; }
.aboutinfo .abox dl.email {width:29%; }

	@media all and (max-width:600px){
	.aboutinfo  { width:100%;}
	.aboutinfo .abox { border-bottom:none; }
	.aboutinfo .abox dl { border-bottom:1px solid #ddd;}
	.aboutinfo .abox dl.tel,
	.aboutinfo .abox dl.fax,
	.aboutinfo .abox dl.email {width:100%; }
	.aboutinfo .abox dl dt {width:25%; float:left; border:none; }
	.aboutinfo .abox dl dd  {width:75%; float:right; text-align:left; padding:10px 5%; justify-content:flex-start;  }
	}



/* map */

.map {width:100%; }

.map_info {width:100%; display:block; padding:40px 0 0 0 ;}
.map_info:after {content:''; display:block; clear:both; }
.map_info .lwrap {width:48%; float:left; }
.map_info .rwrap {width:48%; float:right; }

.mibox {width:100%; min-height:325px; display:block; padding:5%; background:#f9f9f9; border:1px solid #ddd; }
.mibox dl {width:100%; min-height:30px; margin:20px 0 0 0; padding:2px 0 0 35px;  display:flex; justify-content:space-between; align-items:top; } 
.mibox dl:first-child {margin:0; }
.mibox dl dt {   float:left; font-size:14px; font-weight:700; color:#7e9b01;  line-height:1.4; }

.mibox dl dd {width:100% ; float:right; font-size:14px; font-weight:700; color:#666;  text-align:left; line-height:1.4; }
.mibox dl dt em {display:inline-block; padding:0 10px 0 0; float:right;} 
.map_info .lwrap .mibox dl dt {min-width:80px;}
.map_info .rwrap .mibox dl dt {min-width:120px; }

.mibox dl.add {background:url(../img/content/map_icon_1.png) no-repeat 0 0; }
.mibox dl.tel {background:url(../img/content/map_icon_2.png) no-repeat 0 2px; }
.mibox dl.fax {background:url(../img/content/map_icon_3.png) no-repeat 0 3px; }
.mibox dl.email {background:url(../img/content/map_icon_4.png) no-repeat 0 4px; }
.mibox dl.car {background:url(../img/content/map_icon_5.png) no-repeat 0 4px; }
.mibox dl.public {background:url(../img/content/map_icon_6.png) no-repeat 0 0; }
.mibox dl.bus {background:url(../img/content/map_icon_7.png) no-repeat 0 3px; }


.map_slist {width:100%; padding:10px 0 0 40px; }
.map_slist li {width:100%; font-size:13px; padding:2px 0 0 15px; color:#666; background:url(../img/content/gdot.png) no-repeat 5px 9px; line-height:1.4;  }
.map_slist li.tit {color:#444; font-weight:700; font-size:14px;  background:none; padding:0;}


	@media all and (max-width:900px){
	.map_info .lwrap {width:100%; float:none; }
	.map_info .rwrap {width:100%; float:none; padding:30px 0 0 0;}
	.mibox { min-height:auto; padding:30px; }
	.mibox dl.add {background:url(../img/content/map_icon_1.png) no-repeat 0 0; }
	.mibox dl.tel {background:url(../img/content/map_icon_2.png) no-repeat 0 2px; }
	.mibox dl.fax {background:url(../img/content/map_icon_3.png) no-repeat 0 3px; }
	.mibox dl.email {background:url(../img/content/map_icon_4.png) no-repeat 0 4px; }
	.mibox dl.car {background:url(../img/content/map_icon_5.png) no-repeat 0 4px; }
	.mibox dl.public {background:url(../img/content/map_icon_6.png) no-repeat 0 0; }
	.mibox dl.bus {background:url(../img/content/map_icon_7.png) no-repeat 0 3px; }
	}

	@media all and (max-width:700px){
	.mibox {  padding:5%;}
	}

	@media all and (max-width:600px){
	.map_info { padding:30px 0 0 0 ;}
	.mibox dl dt em { padding:0 7px 0 0;  } 
	.mibox dl dt,
	.mibox dl dd,
	.map_slist li.tit {font-size:13px;}
	.map_info .lwrap .mibox dl dt {min-width:69px;}
	.map_info .rwrap .mibox dl dt {min-width:109px; }
	}

	@media all and (max-width:400px){
	.map_info .rwrap .mibox  dl { display:block; }  
	.map_info .rwrap .mibox  dl:after {content:''; display:block; clear:both; } 
	.map_info .rwrap .mibox  dl dt { min-width:auto;}
	.map_info .rwrap .mibox dl dt em {min-width:auto; padding:0 7px; float:none;}
	}



/* board */
.board {width:100%; border-top:2px solid #333; }
.board:after {content:''; display:block; clear:both; }
.board ul {width:100%; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; padding:12px 0 ; }
.board ul.title {background:#f9f9f9;padding:13px 0 ;  }
.board ul li {width:20%; float:left; line-height:1.4; padding:0 5px; color:#878787; text-align:center;  }
.board ul li div { color:#878787;}
.board ul.title li {font-weight:700; color:#333; }
.board ul.title li.subject { text-align:center; }
.board ul li.subject {color:#333; text-align:left; }
.board ul li em {display:none; }
.board ul li div {width:100%; }
.board ul li a:hover {text-decoration:underline; opacity:0.6; filter:alpha(opacity=60);}
 
.point1, .board ul li .point1 {color:#2266ee !important; font-weight:700 !important;}
.point2, .board ul li .point2 {color:#222288 !important;}
.point3, .board ul li .point3 {color:#ef2222 !important; }



/* notice */
.notice ul li.num {width:10%; }
.notice ul li.subject {width:50%; }
.notice ul li.name {width:15%; }
.notice ul li.date {width:15%; }
.notice ul li.view {width:10%; } 

	@media all and (max-width:700px){
	.notice ul li.num {width:10%; }
	.notice ul li.subject {width:41%; }
	.notice ul li.name {width:18%; }
	.notice ul li.date {width:18%; }
	.notice ul li.view {width:13%; } 
	}

	@media all and (max-width:600px){
	.notice ul.title {display:none; }
	.notice ul {display:block;}
	.notice ul:after {content:''; display:block; clear:both; }
	.notice ul li{width:100%;display:block; display:flex; justify-content:space-between; align-items:center; padding:4px 0; }
	.notice ul li.num,
	.notice ul li.subject,
	.notice ul li.name,
	.notice ul li.date,
	.notice ul li.view{width:100%; display:block; text-align:left;}
	.notice ul li:after {content:''; display:block; clear:both; }
	.notice ul li em {width:20%; float:left; display:inline-block; color:#333; font-weight:700; padding:0 0 0 10px;  }
	.notice ul li div {width:78%; float:right; display:inline-block;   }
	}



/* data */
.data ul li.num {width:10%; }
.data ul li.subject {width:50%; }
.data ul li.name {width:15%; }
.data ul li.date {width:15%; }
.data ul li.view {width:10%; } 

	@media all and (max-width:700px){
	.data ul li.num {width:10%; }
	.data ul li.subject {width:41%; }
	.data ul li.name {width:18%; }
	.data ul li.date {width:18%; }
	.data ul li.view {width:13%; } 
	}

	@media all and (max-width:600px){
	.data ul.title {display:none; }
	.data ul {display:block;}
	.data ul:after {content:''; display:block; clear:both; }
	.data ul li{width:100%;display:block; display:flex; justify-content:space-between; align-items:center; padding:4px 0; }
	.data ul li.num,
	.data ul li.subject,
	.data ul li.name,
	.data ul li.date,
	.data ul li.view{width:100%; display:block; text-align:left;}
	.data ul li:after {content:''; display:block; clear:both; }
	.data ul li em {width:20%; float:left; display:inline-block; color:#333; font-weight:700; padding:0 0 0 10px;  }
	.data ul li div {width:78%; float:right; display:inline-block;   }
	}



/* faq */
.faq ul li.num {width:10%; }
.faq ul li.subject {width:90%; text-align:left; }

@media all and (max-width:500px){
.faq ul li.num {width:15%; }
.faq ul li.subject {width:85%;  }

}



/* afile */
.afile {  width:11px; height:11px; display:inline-block; margin:6px 0 0 5px;  background:url(../img/content/icon_file.png) no-repeat center 50%; display:inline-block;   }
.afile em {font-size:0;}

@media all and (max-width:801px){
.afile {  margin:5px 0 0 5px; }
}

@media all and (max-width:600px){
.afile {  margin:4px 0 0 5px; }
}



/* btnwrap_board */
.btnwrap_board {width:100%; text-align:left; display:block; padding:30px 0 0 0; }
.btnwrap_board input, .btnwrap a {padding:0 20px; text-align:center; line-height:39px; height:40px; font-weight:700;
-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}

@media all and (max-width:700px){
	.btnwrap_board input, .btnwrap a {padding:0 1.0em; width:auto; text-align:center; display:inline-block; line-height:39px; height:40px; font-weight:700;
	-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}
}


 
/* board_search */
.board_search {width:100%; display:flex; justify-content:center; align-items:center; padding:30px 0 0 0; }
.board_search .snb_menu {width:30%; max-width:120px;}
.board_search input,.board_search button {line-height:30px; height:30px;}
.board_search .iText {width:50%; max-width:180px; margin:0 4px 0 0 ;}
.board_search .snb_menu {width:30%; max-width:120px; }
.board_search .btn_search {width:20%; max-width:80px;margin:0 0 0 4px; background:#999; border:1px solid #999; color:#fff; font-weight:700; }


/* page */
.page {width:100%; float:left; text-align:center;padding:30px 0 0 0; font-size:0;}
.page a {width:30px; line-height:28px; height:30px; font-size:13px; color:#454545; margin:0 2px; border:1px solid #fff;}
.page a.on { font-weight:700; color:#fff; background:#b6c90d;  border:1px solid #b6c90d;}
.page a.start { background:url(../img/content/icon_start.png) no-repeat center 50%;  border:1px solid #ddd;}
.page a.pre {margin:0 10px 0 2px; background:url(../img/content/icon_pre.png) no-repeat center 50%; border:1px solid #ddd; }
.page a.next {margin:0 2px 0 10px; background:url(../img/content/icon_next.png) no-repeat center 50%; border:1px solid #ddd; }
.page a.last { background:url(../img/content/icon_last.png) no-repeat center 50%; border:1px solid #ddd; }
.page a em {font-size:0;}

	@media all and (max-width:400px){  	 
	.page a.pre {margin:0 2px; }
	.page a.next {margin:0 2px;}
	}

	@media all and (max-width:360px){  
	.page a {margin:0;}
	.page a.pre {margin:0 2px; }
	.page a.next {margin:0 2px;}
	}




/* board_view */
.board_view {width:100%; border-top:2px solid #333; }
.board_view .title {width:100%; background:#f9f9f9; padding:20px 20px ; line-height:1.4;  text-align:center; font-weight:700; border-bottom:1px solid #ddd; }
.board_view .title:after {content:''; display:block; clear:both; }


.board_view .titwrap {width:100%; border-bottom:1px solid #ddd; padding:20px; }
.board_view .titwrap:after {content:''; display:block; clear:both; } 
.board_view .titwrap p {font-size:15px; line-height:1.4; } 
.board_view .titwrap p span em {font-weight:700;  }
.board_view .titwrap .lbox { width:45%; float:left; text-align:left; }
.board_view .titwrap .rbox { width:55%; float:right; text-align:right;}
.board_view .titwrap .view {font-size:12px; }
.board_view .titwrap .view em {margin:0 5px 0 0 ; font-size:12px; }
.board_view .titwrap .date { padding:0 0 0 15px; font-size:12px; }
.board_view .conwrap { width:100%; border-bottom:1px solid #ddd; padding:4% 20px; text-align:left; }
.board_view .conwrap:after { content:''; display:block; clear:both; }

.board_view .titwrap1 {width:100%; border-bottom:1px solid #ddd; padding:0;  background:#f9f9f9;display:flex; justify-content:space-between; align-items:center; }
 

.board_view .titwrap1 .tstit { width:15%; float:left; font-size:15px; font-weight:700; line-height:1.4; text-align:center;padding:10px 0;  }
.board_view .titwrap1 .tstxt { width:85%; float:right; font-size:13px; line-height:1.4; min-height:40px; padding:10px 20px; background:#fff; }
.board_view .titwrap1 .tstxt .tfile { position:relative; display:inline-block; padding:0 20px 0 15px; background:url(../img/content/iconFile.gif) no-repeat 0 5px;}
.board_view .titwrap1 .tstxt .tfile .tfile_over {display:none;}
.board_view .titwrap1 .tstxt .tfile.on .tfile_over {color:#666;  display:block; position:absolute; min-width:250px; padding:5px 0 ; text-align:center;top:-30px; left:0; z-index:2; border:1px solid #ddd; background:#fff; font-size:12px;}
.board_view .titwrap1 .tstxt .tfile:hover {color:#888; }

	@media all and (max-width:801px){  	 
	.board_view .title {  padding:15px;}
	.board_view .titwrap { padding:15px; }
	.board_view .titwrap p {font-size:14px;} 
	.board_view .titwrap1 .tstit {font-size:14px;} 
	}

	@media all and (max-width:600px){  
	.board_view .title {  padding:15px 10px;}
	.board_view .titwrap { padding:15px 10px; }
	.board_view .titwrap p {font-size:13px;} 
	.board_view .titwrap .lbox, 
	.board_view .titwrap .rbox {width:100%; float:none; text-align:left;padding:2px 0;}

	.board_view .titwrap1 .tstit { width:20%; }
	.board_view .titwrap1 .tstxt { width:80%; }
	.board_view .titwrap1 .tstit {font-size:13px;} 
	.board_view .conwrap {  padding:20px 10px;} 
	}

	@media all and (max-width:400px){
	.board_view .titwrap1 .tstxt .tfile {word-break:break-all; }
	}



/* processwrap */
.processwrap {width:100%; } 
.process {width:100%; border-top:3px solid #333; } 
.process .pwrap {position:relative; width:100%; border-bottom:1px solid #ddd; padding:4% 0; display:flex; justify-content:space-between; align-items:center;} 
.process .pwrap:after {content:''; display:block; clear:both; }
.process .pwrap .num {position:absolute; left:10.8%; top:-1px; width:108px; }
.process .step_01 .num { top:0; }
.process .pwrap .num span {display:block; width:108px; font-weight:700; padding-top:6px;font-size:20px; font-weight:bold; color:#fff; background-color:#b7c90c; text-align:center; }
.process .pwrap .nbg { width: 0px;height: 0px; border-top:23px solid #b7c90c; border-bottom:23px solid none; border-right: 54px solid transparent; border-left: 54px solid  transparent; }
.process .pwrap .icon {width:50%; padding:0 8% 0 0; float:left; text-align:right;  }
.process .pwrap .icon span {width:120px; height:120px;  border:1px solid #ddd; display:inline-block; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;  }

.process .step_01 .icon span {background:url(../img/content/process_icon1.png) no-repeat center 50%; }
.process .step_02 .icon span {background:url(../img/content/process_icon2.png) no-repeat center 50%; }
.process .step_03 .icon span {background:url(../img/content/process_icon3.png) no-repeat center 50%; }
.process .step_04 .icon span {background:url(../img/content/process_icon4.png) no-repeat center 50%; }
.process .step_05 .icon span {background:url(../img/content/process_icon5.png) no-repeat center 50%; }
 
.process .pwrap .txt {width:50%; float:right;   }
.process .pwrap .txt h5 {width:100%; font-size:24px; font-weight:700; padding: 0 0 10px;}
.process .pwrap .txt p	{width:100%; color:#444; padding:13px 0 0 20px;  background:url(../img/content/icon_fee.png) no-repeat 0 19px; line-height:1.4; }

@media all and (max-width:900px){
.process .pwrap .num { left:5%;}
}

@media all and (max-width:801px){
.process .pwrap {  padding:30px 0;}
.process .pwrap .num { left:5%;}
.process .pwrap .num span { width:100px;}
.process .pwrap .nbg {  border-top:21px solid #b7c90c; border-bottom:21px solid none; border-right: 50px solid transparent; border-left:50px solid  transparent;}
.process .pwrap .txt h5 { font-size:22px; }
.process .pwrap .txt p	{ background:url(../img/content/icon_fee.png) no-repeat 0 17px; }
.process .pwrap .icon span {width:110px; height:110px;  }
}

@media all and (max-width:700px){
.process .pwrap .num { left:3%;}
.process .pwrap .num span { width:90px;font-size:18px; font-weight:800;} 
.process .pwrap .nbg {  border-top:20px solid #b7c90c; border-bottom:20px solid none; border-right: 45px solid transparent; border-left:45px solid  transparent;}
.process .pwrap .icon span {width:100px; height:100px;  background-size:50px; }
}

@media all and (max-width:600px){
.process .pwrap .icon {width:40%; padding:0 5% 0 0;} 
.process .pwrap .txt {width:60%; }
.process .pwrap .txt h5 { font-size:20px; padding: 0 0 2px; }
.process .pwrap .txt p	{ padding:10px 0 0 19px;  background:url(../img/content/icon_fee.png) no-repeat 0 14px; }
.process .pwrap .num span { width:70px;font-size:16px;}
.process .pwrap .nbg {  border-top:14px solid #b7c90c; border-bottom:14px solid none; border-right:35px solid transparent; border-left:35px solid  transparent;}
.process .pwrap .icon span {width:90px; height:90px;  background-size:50px; }
}

@media all and (max-width:550px){
.process .pwrap .num span { width:60px;font-size:13px; }
.process .pwrap .nbg {  border-top:12px solid #b7c90c; border-bottom:12px solid none; border-right:30px solid transparent; border-left:30px solid  transparent;}
}

@media all and (max-width:500px){
.process .pwrap {display:block;}
.process .pwrap .icon {width:100%; float:none; padding:0 0 20px; text-align:center;}
.process .pwrap .txt {width:100%; float:none; padding:0;}
.process .pwrap .icon span {width:100px; height:100px;  background-size:50px; }
}



/* info_board */
.info_boardwrap {width:100%; padding:40px 0 0 0;}
.info_boardwrap .titwrap {width:100%; border-bottom:3px solid #333; padding:0 0 13px; height:auto; }
.info_boardwrap .titwrap:after {content:''; display:block; clear:both; }
.info_boardwrap .titwrap  h4.h4_title {width:30%; float:left; margin:0;   }
.info_boardwrap .titwrap .stxt {width:70%; float:right; font-size:14px; text-align:right; line-height:1.4; margin:11px 0 0 0;  }

.info_board {border-left:1px solid #ddd; border-right:1px solid #ddd; }
.info_board ul { position:relative; width:100%; font-size:0; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; }
.info_board ul li { border-left:1px solid #ddd; text-align:center; color:#666;  line-height:1.3; height:85px; display:flex; justify-content:center; align-items:center; }
.info_board ul li:first-child {border-left:none; }
.info_board ul li span { line-height:1.2;  }
.info_board ul li div { text-align:center; color:#666;  line-height:1.2; }
.info_board ul li.sort {background:#fafbf5; font-weight:700;   box-sizing:border-box; }
.info_board ul li.sort div { font-weight:700; color:#333;}
.info_board ul.title  {background:#f8f8f8; }
.info_board ul.title li {padding:10px 2px;height:68px; }
.info_board ul.title li,
.info_board ul.title li.sort {background:#f8f8f8;   color:#333; font-weight:700;  } 

.info_board ul li .stit {display:none}

.info_board ul li.sort {width:19%; }
.info_board ul li.m2 {width:9%; }
.info_board ul li.pyeong {width:9%; } 
.info_board ul li.number {width:9%; }
.info_board ul li.before {width:9%; }
.info_board ul li.am {width:9%; }
.info_board ul li.pm {width:9%; }
.info_board ul li.night {width:9%; }
.info_board ul li.all {width:9%; }
.info_board ul li.excess {width:9%; }

.info_stxt {clear:both;display:block; width:100%; text-align:right; font-weight:700; font-size:14px; margin:8px 0 0 0; line-height:1.2; }
.info_stxt span {font-weight:400;     }

.info_sbox {width:100%;background:#f8f8f8; margin:40px 0 0 0; padding:30px; border:1px solid #ddd;}
.info_sbox ul {width:100%; }
.info_sbox ul li {width:100%; font-weight:700; color:#666; padding:3px 0 3px 20px; background:url(../img/content/icon_fee.png) no-repeat 0 10px;  }
 
@media all and (max-width:1000px){
.info_board ul li,.info_board ul li div {font-size:14px; }
.info_board ul.title li,.info_board ul.title li div  {font-size:15px; }
}

@media all and (max-width:900px){
.info_board .title {display:none; }

.info_board ul {display:block;  }
.info_board ul:after {content:''; display:block; clear:both; }
 
.info_board ul li.m2 ,
.info_board ul li.pyeong,
.info_board ul li.number,
.info_board ul li.before,
.info_board ul li.am ,
.info_board ul li.pm ,
.info_board ul li.night,
.info_board ul li.all,
.info_board ul li.excess {width:70%; float:right; text-align:left; height: auto;   }

.info_board ul li { border-left:none; padding:4px 30px; display:flex; justify-content:space-between; align-items:center;}
 
.info_board ul li .stit {display:block;}
.info_board ul li .stit { width:30%; min-width:100px; text-align:left; font-weight:700; color:#333;  }
.info_board ul li .stit br {display:none;}
.info_board ul li div {width:70%; text-align:left; }
.info_board ul li div br {display:none;}
.info_board ul li:nth-child(2){ margin:15px 0 0 0;}
 

.info_board ul li.sort {width:30%; height:270px; float:left; padding:0 ; text-align:center;display:flex; justify-content:space-between; align-items:center;   }
.info_board ul li.sort div {width:100%; height:100%; font-size:15px; text-align:center; height:auto;}
.info_board ul li.sort .stit {display:none;}
.info_board ul li.sort div br {display:block;}
 
.info_sbox ul li {background:url(../img/content/icon_fee.png) no-repeat 0 9px; } 
}

@media all and (max-width:801px){
.info_boardwrap { padding:30px 0 0 0;}
.info_sbox { padding:27px 30px;}
.info_sbox ul li {  background:url(../img/content/icon_fee.png) no-repeat 0 8px;  }
.info_board ul.title li,.info_board ul.title li div  {font-size:14px; }
}

@media all and (max-width:600px){
.info_board ul li { padding:4px 5%; }
.info_board ul li.sort { height:255px;}
.info_board ul li,.info_board ul li div {font-size:13px; }
.info_board ul.title li,.info_board ul.title li div  {font-size:13px; }
.info_stxt {text-align:left;font-size:13px;} 
}

@media all and (max-width:520px){
.info_stxt span {width:100%; display:block; padding:5px 0 0 15px;}
.info_stxt span em {display:none; }
}


@media all and (max-width:450px){
.info_boardwrap .titwrap  h4.h4_title {width:100%; float:none; }
.info_boardwrap .titwrap .stxt {width:100%; float:none; text-align:left; }
.info_board ul li.sort,
.info_board ul li.m2 ,
.info_board ul li.pyeong,
.info_board ul li.number,
.info_board ul li.before,
.info_board ul li.am ,
.info_board ul li.pm ,
.info_board ul li.night,
.info_board ul li.all,
.info_board ul li.excess {width:100%; float:none; text-align:left;   }

.info_board ul li { padding:4px 5%; }
.info_board ul li:last-child { margin:0 0 15px 0;}
.info_board ul li.sort {height:auto; border-bottom:1px solid #edefe4; padding:12px 0 ;}
.info_board ul li.sort div { font-size:14px; }
.info_board ul li.sort div br {display:none;}

.info_sbox { padding:20px 5%;}
.info_sbox ul li { padding:3px 0 3px 19px; } 
}

@media all and (min-width:1000px){
.info_boardwrap .titwrap {display:block; }
.info_board ul li .stit {display:none;}
}



/* notewrap */
.notewrap {width:100%; padding:40px 0 0 0; }
.note {width:100%; border-top:3px solid #333; } 
.note .nwrap {position:relative; width:100%; border-bottom:1px solid #ddd; padding:4% 0; display:flex; justify-content:space-between; align-items:center;} 
.note .nwrap:after {content:''; display:block; clear:both; }

.note .nwrap .icon {width:30%; float:left; text-align:center;  }
.note .nwrap .icon span {width:120px; height:120px; padding:72px 0 0 0; font-weight:700; border:1px solid #ddd; display:inline-block; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;  }

.note .note_01 .icon span {background:url(../img/content/note_icon1.png) no-repeat center 35%; }
.note .note_02 .icon span {background:url(../img/content/note_icon2.png) no-repeat center 30%; }
.note .note_03 .icon span {background:url(../img/content/note_icon3.png) no-repeat center 30%; }
.note .note_04 .icon span {background:url(../img/content/note_icon4.png) no-repeat center 35%; } 
 
.note .nwrap .txt {width:70%; float:right;   }
.note .nwrap .txt h5 {width:100%; font-size:24px; font-weight:700; padding: 0 0 10px;}
.note .nwrap .txt p	{width:100%; color:#444; padding:8px 0 8px 20px;  background:url(../img/content/icon_fee.png) no-repeat 0 14px; line-height:1.4; }
.note .nwrap .txt .stxt {width:100%; padding:10px 0 0 0; background:none;display:flex; justify-content:space-between; align-items:top;} 
.note .nwrap .txt .stxt em {  padding:0 5px 0 20px;}
.note .nwrap .txt .stxt span {width:100%; }
.note .nwrap .txt .stxt1 {width:100%; padding:10px 0 0 20px; background:none;}

@media all and (max-width:801px){
.note .nwrap .txt p	{ background:url(../img/content/icon_fee.png) no-repeat 0 13px; }
}

@media all and (max-width:801px){
.notewrap { padding:22px 0 0 0;} 
.note .nwrap { padding:22px 0;}
.note .nwrap .txt p	{ background:url(../img/content/icon_fee.png) no-repeat 0 12px; }
.note .nwrap .icon span {width:110px; height:110px; padding:70px 0 0 0;background-size:60px;   }
}

@media all and (max-width:700px){
.note .nwrap .icon span {width:100px; height:100px; background-size:55px; padding:62px 0 0 0;  }
}

@media all and (max-width:600px){ 
.note .nwrap .txt p	{ padding:8px 0 8px 19px;  }
 
.note .nwrap .txt .stxt em { padding:0 5px 0 19px; }
.note .nwrap .txt .stxt1 { padding:10px 0 0 19px; }
}

@media all and (max-width:500px){
.note .nwrap {display:block;padding:30px 0 22px 0;}
.note .nwrap .icon {width:100%; float:none; padding:0 0 15px; text-align:center;}
.note .nwrap .txt {width:100%; float:none; padding:0;}
}




/* metab */


.metab_btn {width:100%; display:block; border-bottom:1px solid #e6e6e6; display:flex; justify-content:space-between; align-items:center;  }
.metab_btn:after {content:''; display:block; clear:both; }
.metab_btn a { width:33.33%; background:url(../img/reservation/tab_bar.png) no-repeat 0 50%;  float:left; font-weight:700; border-top:3px solid #000; text-align:center; color:#333; line-height:1.4; height:50px;display:flex; justify-content:center; align-items:center; }
.metab_btn a:first-child { background:none; } 
.metab_btn a.on { border-top:3px solid #b6c90b; color:#95a500; }
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

.metab_01 a { width:16.666%; }
.metab_01 a { width:33.33%; }

.metab_con { width:100%; padding:20px 0 0 0;}

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

.metab_con { padding:10px 0 0 0;}
}


@media all and (max-width:600px){
.metab_con { padding:5px 0 0 0;}
}

@media all and (max-width:400px){
.metab_btn a {font-size:12px; letter-spacing:-0.2px;}
}

@media all and (max-width:350px){
.metab_btn a {font-size:11px;}
}


/* meeting */
.meeting {width:100%; padding:40px 0 0 0;}
.meeting:after {content:''; display:block; clear:both; }

.ginfo { width:39%; max-width:390px; float:left; }

.ginfo .gbox_01 {position:relative; width:100%; height:51.28%;  border-bottom:1px solid #fff;  overflow:hidden; display:block; }
.ginfo .gbox_02 {position:relative; width:66.67%;  padding-bottom:51.02%; float:left;  overflow:hidden; display:inline-block;  border-right:1px solid #fff; }
.ginfo .gbox_03 { width:33.33%; padding-bottom:51.02%;  float:right; }

.ginfo .gbox_01 .txt {position:absolute; top:0; right:0; z-index:5; width:33.33%; height:100%; float:right;  }
.ginfo .gbox_01 .bg { width:33.33%;  float:right; background:#000; opacity:0.7; filter:alpha(opacity=70); padding-bottom:51.28%;  }
.ginfo .gbox_01 .txt h4 {width:100%; font-size:18px; font-weight:700; text-align:center; color:#fff; padding:25% 0 0 0;}
.ginfo .gbox_01 .txt p {width:100%; font-size:14px; line-height:1.2; text-align:center;   color:#fff; padding:14% 0; background:url(../img/content/gbox_bar.png) no-repeat center 0; letter-spacing:-0.2px;}
.ginfo .gbox_01 .txt p.t1 {padding:9% 0 14% 0; background:none; } 
.ginfo .gbox_01 .txt p em {width:100%; display:block;}
.ginfo .gbox_01 .txt p.t2 {padding:16% 0; margin:17% 0 0 0;   } 



.ginfo .gbox_02 .txt {position:absolute; top:0;left:0; z-index:5; width:50%; height:100%; float:left; padding:38% 0 0 0; line-height:1.2; color:#666; text-align:center; font-size:13px;
					   background:url(../img/content/conference_thum_icon_b.png) no-repeat center 18%; border-right:1px solid #fff;  }
.ginfo .gbox_02 .bg { position:absolute; top:0;left:0;width:50%; z-index:2; padding-bottom:77%; float:left; background:#fff; opacity:0.8; filter:alpha(opacity=80); display:inlin-block;}

.metting_06 .ginfo .gbox_01 .txt h4 { padding:40% 0 0 0;}
.metting_06 .ginfo .gbox_02 .txt { padding:44% 0 0 0;background:url(../img/content/conference_thum_icon_b.png) no-repeat center 24%;}


 
.metting_02 .ginfo .gbox_02 .txt { padding:35% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 15%;  }
.metting_03 .ginfo .gbox_02 .txt { padding:45% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 25%;  }

.metting_01 .ginfo .gbox_01 { background:url(../img/content/conference1_1.jpg) no-repeat center 0; background-size:100%;  }
.metting_01 .ginfo .gbox_02 { background:url(../img/content/conference1_3.jpg) no-repeat 0 0; background-size:130%; }
.metting_01 .ginfo .gbox_03 { background:url(../img/content/conference1_2.jpg) no-repeat center 0; background-size:250%; }
 
.metting_02 .ginfo { background:url(../img/content/conference2_1.jpg) no-repeat center bottom; background-size:100%;  }
.metting_02 .ginfo .gbox_01 { background:url(../img/content/conference2_2.jpg) no-repeat center 50%; background-size:100%; } 
 
.metting_03 .ginfo .gbox_01 { background:url(../img/content/conference3_1.jpg) no-repeat center 0; background-size:100%;  }
.metting_03 .ginfo .gbox_02 { background:url(../img/content/conference3_2.jpg) no-repeat 0 0; background-size:130%; }
.metting_03 .ginfo .gbox_03 { background:url(../img/content/conference3_3.jpg) no-repeat center 0; background-size:250%; }

.metting_04 .ginfo { background:url(../img/content/conference4_001.jpg) no-repeat 0 bottom; background-size:100%; }
.metting_04 .ginfo .gbox_01 { background:url(../img/content/conference4_002.jpg) no-repeat center 50%; background-size:100%;  }

.metting_05 .ginfo .gbox_01 { background:url(../img/content/conference5_003.jpg) no-repeat center 50%; background-size:100%;  }
.metting_05 .ginfo .gbox_02 { background:url(../img/content/conference5_3.jpg) no-repeat 60% bottom; background-size:150%; }
.metting_05 .ginfo .gbox_03 { background:url(../img/content/conference5_2.jpg) no-repeat 60% 50%; background-size:240%; }

.metting_06 .ginfo { background:url(../img/content/conference6_002.jpg) no-repeat 0 140%; background-size:100%; }
.metting_06 .ginfo .gbox_01 { background:url(../img/content/conference6_001.jpg) no-repeat center 50%; background-size:100%;  }


/* convenient  */
.convenient {width:100%; padding:40px 0 0 0;}
.convenient:after {content:''; display:block; clear:both; }

.convenient .ginfo .gbox_01 .txt h4 {  padding:16% 0 0 0; letter-spacing:-0.5px; }
.convenient_02 .ginfo .gbox_01 .txt h4 {  padding:15% 0 0 0;  }
.convenient_03 .ginfo .gbox_01 .txt h4 {  padding:21% 0 0 0;  }
.convenient .ginfo .gbox_01 .txt p {  padding:8% 0; letter-spacing:-0.5px;    }


.convenient_01 .ginfo .gbox_01 { background:url(../img/content/convenience1_1.jpg) no-repeat center 50%; background-size:120%;  }
.convenient_01 .ginfo .gbox_02 { background:url(../img/content/convenience1_3.jpg) no-repeat 0 0; background-size:130%; }
.convenient_01 .ginfo .gbox_03 { background:url(../img/content/convenience1_2.jpg) no-repeat center 0; background-size:300%; }

.convenient_02 .ginfo .gbox_01 { background:url(../img/content/convenience2_1.jpg) no-repeat 0 0; background-size:110%;  }
.convenient_02 .ginfo .gbox_02 { background:url(../img/content/convenience2_2.jpg) no-repeat 0 50%; background-size:140%; }
.convenient_02 .ginfo .gbox_03 { background:url(../img/content/convenience2_3.jpg) no-repeat center 0; background-size:230%; }

.convenient_03 .ginfo { background:url(../img/content/convenience3_1.jpg) no-repeat center 0; background-size:160%; }
 
.convenient_01 .ginfo .gbox_01 .txt h4 br {display:none; }
 
.convenient_01 .gbox_02 .txt {  padding:45% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 18%; letter-spacing:-0.5px;     }
.convenient_02 .gbox_02 .txt {  padding:41% 0 0 0; background:url(../img/content/conference_thum_icon_conven2.png) no-repeat center 25%; letter-spacing:-0.5px;     }
.convenient_03 .gbox_02 .txt {  padding:41% 0 0 0; background:url(../img/content/conference_thum_icon_conven3.png) no-repeat center 20%; letter-spacing:-0.5px;     }



/* gallery */
.gallery {position:relative; width:60%; max-width:600px;   float:right; text-align:center;display:block;  background: #fff; }
.gallery .slider {width:100%;}


@media all and (max-width:1000px){
.ginfo .gbox_01 .txt h4 {font-size:16px;}
.ginfo .gbox_01 .txt p { font-size:13px;}

.ginfo .gbox_02 .txt {  background-size:48%; font-size:12px;} 

 
.convenient_01 .gbox_02 .txt {  padding:40% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 17%;background-size:40%;}
}

@media all and (max-width:950px){ 
.ginfo .gbox_01 .txt h4 {font-size:15px;padding:20% 0 0 0;}
.ginfo .gbox_01 .txt p { font-size:12px;} 

.ginfo .gbox_02 .txt {background-size:45%;  }
.metting_02 .ginfo .gbox_02 .txt { padding:28% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 10%;background-size:45%;  }
.metting_03 .ginfo .gbox_02 .txt { padding:43% 0 0 0; background-size:45%; }
.metting_06 .ginfo .gbox_02 .txt { background-size:45%;}

.convenient_02 .ginfo .gbox_01 .txt h4 {  padding:14% 0 0 0;  }
}

@media all and (max-width:900px){ 
.metting_05 .ginfo .gbox_02 .txt { padding:28% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 10%;background-size:45%;  }
}

 
@media all and (max-width:850px){ 
.ginfo .gbox_01 .txt h4 { padding:20% 0 0 0;}
.ginfo .gbox_01 .txt p { font-size:11px; letter-spacing:-0.2px;} 
.ginfo .gbox_02 .txt {  padding:33% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 12%;  background-size:45%; font-size:11px;} 

.metting_02 .ginfo .gbox_02 .txt { padding:28% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 10%;background-size:45%;  }

.convenient_02 .ginfo .gbox_01 .txt h4 {  padding:14% 0 0 0;  }
.convenient_01 .gbox_02 .txt {  padding:35% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 10%;background-size:40%;}
.convenient_02 .gbox_02 .txt {  padding:40% 0 0 0; background:url(../img/content/conference_thum_icon_conven2.png) no-repeat center 26%;background-size:46%;}
.convenient_03 .gbox_02 .txt {  padding:40% 0 0 0; background:url(../img/content/conference_thum_icon_conven3.png) no-repeat center 20%;background-size:43%;}
}

@media all and (max-width:801px){
.meeting { padding:30px 0 0 0;}
.ginfo .gbox_01 .txt h4 {font-size:14px; }
.convenient .ginfo .gbox_01 .txt h4 {  padding:10% 0 0 0;}
.convenient_02 .ginfo .gbox_01 .txt h4 {  padding:14% 0 0 0;  }
.convenient_03 .ginfo .gbox_01 .txt h4 {  padding:25% 0 0 0;  }

.convenient .ginfo .gbox_01 .txt p {  padding:5% 0; }
.convenient_01 .ginfo .gbox_01 .txt h4 br {display:block; }
}


@media all and (max-width:750px){ 
.ginfo { width:100%; max-width:600px; float:none; margin:0 auto;}
.ginfo:after {content:''; display:block; clear:both; }
.gallery {width:100%; max-width:600px; float:none;margin:30px auto 0 auto; }
.gallery:after {content:''; display:block; clear:both; }

.ginfo .gbox_01 .txt h4 {font-size:18px; padding:30% 0 0 0;}
.ginfo .gbox_01 .txt p { font-size:15px;}

.ginfo .gbox_02 .txt {  padding:36% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 25%;  background-size:61px; font-size:14px;} 

.metting_02 .ginfo .gbox_02 .txt { padding:36% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 25%;background-size:61px;  }
.metting_03 .ginfo .gbox_02 .txt { padding:40% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 30%;background-size:61px;  }
.metting_05 .ginfo .gbox_02 .txt { padding:36% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 25%;background-size:61px;  }
.metting_06 .ginfo .gbox_02 .txt { padding:40% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 30%;background-size:61px;  }

.convenient_01 .gbox_02 .txt {  padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 29%;background-size:60px;}
.convenient_02 .gbox_02 .txt {  padding:41% 0 0 0; background:url(../img/content/conference_thum_icon_conven2.png) no-repeat center 34%;background-size:60px;}
.convenient_03 .gbox_02 .txt {  padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_conven3.png) no-repeat center 32%;background-size:60px;}

.convenient .ginfo .gbox_01 .txt h4 {  padding:27% 0 0 0;}
.convenient_03 .ginfo .gbox_01 .txt h4 {  padding:30% 0 0 0; font-weight:800; }
.convenient .ginfo .gbox_01 .txt p {  padding:8% 0; }
.convenient_01 .ginfo .gbox_01 .txt h4 br {display:none; }
.pc_view {display:none}
.mobile_view {display:table}
}

@media all and (max-width:600px){ 
.ginfo .gbox_01 .txt h4 {font-size:16px; }
.ginfo .gbox_02 {border-right:1px solid #fff;  } 
.ginfo .gbox_02 .txt {  padding:38% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 22%; font-size:13px; }
.metting_02 .ginfo .gbox_02 .txt { padding:35% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 18%; }
.metting_03 .ginfo .gbox_02 .txt { padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 26%; }
.metting_05 .ginfo .gbox_02 .txt { padding:35% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 18%; }
.metting_06 .ginfo .gbox_02 .txt { padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 26%; }


.convenient .ginfo .gbox_01 .txt h4 {  padding:22% 0 0 0;}
.convenient_03 .ginfo .gbox_01 .txt h4 {  padding:28% 0 0 0;  }
.convenient_01 .gbox_02 .txt {  padding:45% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 25%;background-size:60px;}
.convenient_02 .gbox_02 .txt {  padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_conven2.png) no-repeat center 30%;background-size:60px;}
.convenient_03 .gbox_02 .txt {  padding:44% 0 0 0; background:url(../img/content/conference_thum_icon_conven3.png) no-repeat center 30%;background-size:60px;}
}

@media all and (max-width:500px){ 
.ginfo .gbox_01 .txt h4 {font-size:15px; }
.ginfo .gbox_01 .txt p { font-size:13px;}
.ginfo .gbox_02 .txt {  padding:35% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 18%;   background-size:50px;} 
.metting_02 .ginfo .gbox_02 .txt { padding:32% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 15%; background-size:50px;}
.metting_03 .ginfo .gbox_02 .txt {  background:url(../img/content/conference_thum_icon_b.png) no-repeat center 25%; background-size:50px; }
.metting_05 .ginfo .gbox_02 .txt { padding:32% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 15%; background-size:50px;}
.metting_06 .ginfo .gbox_02 .txt {  background:url(../img/content/conference_thum_icon_b.png) no-repeat center 25%; background-size:50px; }

.ginfo .gbox_02 .bg {   padding-bottom:78%;}

.convenient .ginfo .gbox_01 .txt h4 {  padding:20% 0 0 0;}
.convenient_02 .ginfo .gbox_01 .txt h4 {  padding:18% 0 0 0;}
.convenient_03 .ginfo .gbox_01 .txt h4 {  padding:27% 0 0 0;  }
.convenient_01 .gbox_02 .txt {  padding:41% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 20%;background-size:45px;}
.convenient_02 .gbox_02 .txt {  padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_conven2.png) no-repeat center 30%;background-size:55px;}
.convenient_03 .gbox_02 .txt {  padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_conven3.png) no-repeat center 27%;background-size:55px;}
}

@media all and (max-width:400px){ 
.ginfo .gbox_01 .txt h4 {font-size:14px;padding:20% 0 0 0;}
.ginfo .gbox_01 .txt p { font-size:12px;} 
.ginfo .gbox_02 .txt {  padding:35% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 15%;   background-size:45%; font-size:12px;} 
.metting_02 .ginfo .gbox_02 .txt { padding:30% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 13%; background-size:45%;}
.metting_03 .ginfo .gbox_02 .txt {    background-size:45%; }
.metting_05 .ginfo .gbox_02 .txt { padding:30% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 13%; background-size:45%;}
.metting_06 .ginfo .gbox_02 .txt {    background-size:45%; }

.convenient .ginfo .gbox_01 .txt h4 {  padding:18% 0 0 0;}
.convenient_02 .ginfo .gbox_01 .txt h4 {  padding:16% 0 0 0;}
.convenient_03 .ginfo .gbox_01 .txt h4 {  padding:23% 0 0 0;  }
.convenient_01 .gbox_02 .txt {  padding:38% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 15%;background-size:38%;}
.convenient_02 .gbox_02 .txt {  padding:40% 0 0 0; background:url(../img/content/conference_thum_icon_conven2.png) no-repeat center 25%;background-size:47%;}
.convenient_03 .gbox_02 .txt {  padding:40% 0 0 0; background:url(../img/content/conference_thum_icon_conven3.png) no-repeat center 25%;background-size:47%;}
}
 
@media all and (max-width:350px){ 
.ginfo .gbox_01 .txt h4 { padding:20% 0 0 0;font-size:13px;}
.ginfo .gbox_01 .txt p { font-size:11px;} 
.ginfo .gbox_02 .txt {  padding:33% 0 0 0; background:url(../img/content/conference_thum_icon_b.png) no-repeat center 12%;  background-size:45%; font-size:11px;} 

.convenient_02 .ginfo .gbox_01 .txt h4 {  padding:13% 0 0 0;}
.convenient_01 .gbox_02 .txt {  padding:38% 0 0 0; background:url(../img/content/conference_thum_icon_conven1.png) no-repeat center 15%; background-size:38%;}
.convenient_02 .gbox_02 .txt {  padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_conven2.png) no-repeat center 25%; background-size:47%;}
.convenient_03 .gbox_02 .txt {  padding:42% 0 0 0; background:url(../img/content/conference_thum_icon_conven3.png) no-repeat center 25%; background-size:47%;}
}




/* metting_infowrap */
.facil_t {width:100%; padding:40px 0 0 0; border-right:1px solid #ddd;}

.facil_t thead th {background: #f8f8f8; color: #333; font-weight: 700; border:1px solid #ddd; border-top:none; padding: 10px 0}

.facil_t tbody th {background: #f8f8f8; color: #333; border:1px solid #ddd; border-top:none;}
.facil_t td { border:1px solid #ddd; border-top:none; padding:10px 0}

.mslist { width:100%; padding:20px 10px}
.mslist li { clear:both; width:100%; color:#666; line-height:1.4; text-align:left !important; height:auto; padding:1px 0 1px 10px; letter-spacing:-0.5px;
background:url(../img/content/gdot.png) no-repeat 0 12px;   }

.metting_infowrap {width:100%; padding:40px 0 0 0;  border-top: 3px solid #333;}
.metting_infowrap h4.h4_title { border-bottom:3px solid #333; margin:0; padding:0 0 20px;}
.metting_infowrap h4.h4_title:after {content:''; display:block; clear:both; }
.metting_info {width:100%; border-right:1px solid #ddd; }

.metting_info > ul { position:relative; width:100%; font-size:0; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; }
.metting_info > ul > li { border-left:1px solid #ddd; text-align:center; color:#666;  line-height:1.3; height:165px; display:flex; justify-content:center; align-items:center; }
.meinfo_01 > ul > li {  height:220px; }

 
.metting_info > ul > li span { line-height:1.2;  }
.metting_info > ul > li div { text-align:center; color:#666;  line-height:1.2; }
.metting_info > ul > li.sort {background:#fafbf5; font-weight:700;  box-sizing:border-box; }
.metting_info > ul > li.sort div { font-weight:700; color:#333; } 
.metting_info > ul > li.sort div br.br1 {display:none;}

.metting_info > ul.title  {background:#f8f8f8; }
.metting_info > ul.title li {padding:10px 2px;height:80px; }
.metting_info > ul.title li,
.metting_info > ul.title li.m p,
.metting_info > ul.title li.m p span,
.metting_info > ul.title li.sort {background:#f8f8f8; color:#333; font-weight:700;  } 



.metting_info > ul > li .stit {display:none}

.metting_info > ul > li.sort {width:15%; }
.metting_info > ul > li.m2 {width:8%; }
.metting_info > ul > li.m_01 {width:8%; } 
.metting_info > ul > li.m_02 {width:8%; }
.metting_info > ul > li.num_01 {width:8%; }
.metting_info > ul > li.num_02 {width:8%; }
.metting_info > ul > li.equ {width:26%; display:block; justify-content:flex-start; align-items:center;  }
.metting_info > ul > li.add {width:17%; display:block; justify-content:flex-start; align-items:center; }
.metting_info > ul > li.equ1 {width:43%; }

.metting_info > ul.title li.sort {width:15%; }
.metting_info > ul.title li.m2 {width:8%; }
.metting_info > ul.title li.m  {width:16%;display:block; padding:0;}
.metting_info > ul.title li.m p {width:100%; display:block; line-height:40px; height:40px;}
.metting_info > ul.title li.m p:first-child {border-bottom: 1px solid #ddd;}
.metting_info > ul.title li.m p span {width:50%; text-align:center; display:inline-block;line-height:40px; height:40px;}
.metting_info > ul.title li.m p span:last-child {border-left: 1px solid #ddd;}
.metting_info > ul.title li.num {width:16%; }
.metting_info > ul.title li.equ {width:26%; display:flex; justify-content:center; align-items:center; }
.metting_info > ul.title li.add {width:17%;display:flex; justify-content:center; align-items:center;  }
.metting_info > ul.title li.equ1 {width:43%; }

.metting_info > ul > li.equ div {text-align:left;}
.metting_info > ul > li.add div {text-align:left;}

.metting_info > ul > li div ul.mslist { width:100%; padding:20px 10px 0 10px; }
.metting_info > ul > li div ul.mslist li { clear:both; width:100%; color:#666; line-height:1.4; text-align:left !important; height:auto; padding:1px 0 1px 10px; letter-spacing:-0.5px;
background:url(../img/content/gdot.png) no-repeat 0 12px;   }

 

@media all and (max-width:1000px){
.metting_info > ul > li,
.metting_info > ul > li div,
.metting_info > ul > li div ul.mslist li{font-size:15px; }
.metting_info > ul.title li,
.metting_info > ul.title li div ,
.metting_info > ul.title li.m p,
.metting_info > ul.title li.m p span{font-size:15px; }
.metting_info > ul > li {  height:155px; }
.meinfo_01  > ul > li {  height:180px; }
}

@media all and (max-width:950px){
.metting_info > ul > li,
.metting_info > ul > li div,
.metting_info > ul > li div ul.mslist li{font-size:14px; }
.metting_info > ul > li {  height:150px; }
.meinfo_01  > ul > li {  height:170px; }
}

@media all and (max-width:900px){
.metting_info  {border-left:1px solid #ddd;}
.metting_info .title {display:none; }

.metting_info > ul {display:block;  }
.metting_info > ul:after {content:''; display:block; clear:both; }
 
 
.metting_info > ul > li.m2,
.metting_info > ul > li.m_01,
.metting_info > ul > li.m_02,
.metting_info > ul > li.num_01,
.metting_info > ul > li.num_02, 
.metting_info > ul > li.equ,
.metting_info > ul > li.add {width:70%; float:right; text-align:left; height: auto;   }

.metting_info > ul > li { border-left:none; padding:4px 30px; display:flex; justify-content:space-between; align-items:center;}
 
.metting_info > ul > li .stit {display:block;}
.metting_info > ul > li .stit { width:25%;  float:left; text-align:left; font-weight:700; color:#333;  }
.metting_info > ul > li .stit br {display:none;}
.metting_info > ul > li div {width:75%; text-align:left; float:right;  }
.metting_info > ul > li div br {display:none;}
.metting_info > ul > li:nth-child(2){ margin:15px 0 0 0;}

.metting_info > ul > li div ul.mslist { width:100%; padding:0;  }
 

.metting_info > ul > li.sort {width:30%; height:305px; float:left; padding:0; text-align:center; border-right:1px solid #ddd; display:flex; justify-content:space-between; align-items:center; } 
.meinfo_01  > ul > li.sort { height:330px;} 
.meinfo_02  > ul > li.sort { height:280px;} 
.meinfo_04  > ul > li.sort { height:370px;} 

.metting_info > ul > li.sort div {width:100%; height:100%; font-size:15px; text-align:center; height:auto;}

.metting_info > ul > li.sort .stit {display:none;}
.metting_info > ul > li.sort div br {display:block;} 
}

@media all and (max-width:801px){
.metting_infowrap { padding:30px 0 0 0;}
 
.metting_info > ul > li,
.metting_info > ul > li div,
.metting_info > ul > li div ul.mslist li,
.metting_info > ul > li.sort div{font-size:14px; }
}

@media all and (max-width:600px){
.metting_info > ul > li { padding:4px 5%; }
.metting_info > ul > li.sort { height:290px;}
.meinfo_01  > ul > li.sort { height:310px;} 
.meinfo_02  > ul > li.sort { height:265px;} 
.meinfo_04  > ul > li.sort { height:352px;} 

.metting_info > ul > li,
.metting_info > ul > li div,
.metting_info > ul > li div ul.mslist li,
.metting_info > ul > li.sort div{font-size:13px; } 
} 

@media all and (max-width:470px){
.metting_info > ul {padding:0 0 18px;}
.metting_info > ul > li.sort,
.metting_info > ul > li.m2,
.metting_info > ul > li.m_01,
.metting_info > ul > li.m_02,
.metting_info > ul > li.num_01,
.metting_info > ul > li.num_02, 
.metting_info > ul > li.equ,
.metting_info > ul > li.add  {width:100%; float:none; text-align:left;   }

.metting_info > ul > li { padding:4px 5%; height:auto; }
 
.metting_info > ul > li.sort {height:auto; border-bottom:1px solid #edefe4; border-right:none;  padding:12px 0 ;}
.metting_info > ul > li.sort div { font-size:14px; }
.metting_info > ul > li.sort div br {display:none;}

}

@media all and (min-width:1000px){

.metting_info > ul > li .stit {display:none;}
}



/* metting_planwrap */
.metting_planwrap {width:100%; padding:40px 0 0 0 ;}
.metting_planwrap:after {content:''; display:block; clear:both; }
 
.metting_plan  {width:100%; padding:30px; background:#f9f9f9; border:1px solid #ddd;}
.metting_plan:after {content:''; display:block; clear:both; }
.metting_plan .num {width:17%; text-align:left; float:left; font-size:105px; color:#ccc; font-weight:700; line-height:1.1; }
.metting_plan div { width:83%; max-width:778px; float:right;  }
.metting_plan div img { max-width:100%;    }



@media all and (max-width:1000px){
.metting_plan .num { font-size:90px;  }
}

@media all and (max-width:900px){
.metting_plan .num { font-size:80px;  }
}

@media all and (max-width:801px){
.metting_planwrap { padding:30px 0 0 0;} 
.metting_plan .num { font-size:70px;  }
}

@media all and (max-width:700px){ 
.metting_plan .num { font-size:60px;  }
}

@media all and (max-width:600px){ 
.metting_plan  { padding:5%; }
.metting_plan .num { width:100%; float:none; font-size:30px; padding:0 0 10px; font-weight:800; display:block; }
.metting_plan div {width:100%; max-width:100%; float:none;  }
}

@media all and (max-width:500px){ 
.metting_plan .num { font-size:24px; }
}


/* 버튼 */

.btn_gr {background:#b6c90d !important; display:inline-block; border:1px solid #b6c90d !important; color:#fff !important;  }
.btn_gr2__ { text-align:center; padding:2px 10px; margin:0.5em; line-height:40px; height:40px; border:1px solid #b7c90c; font-size:16px; vertical-align:middle;  cursor: pointer;
            color:#fff;	font-weight:700; background: #b7c90c; transition: all .5s; }

.btn_gr2{padding:0 20px; text-align:center; line-height:39px; height:40px; font-weight:700; background: #b7c90c; transition: all .5s; color:#fff; 
-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}

.btn_line{padding:0 20px; text-align:center; line-height:39px; height:40px; font-weight:700; border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}
/******************************************/




/* 회원가입 완료 */
#reg_result {padding:40px 30px;text-align:center;border:1px solid #ddd;border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px 0}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0; background:#f3f3f3;line-height:2em; padding:30px;  }
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#006699;font-size:1.2em}

#reg_result #result_email dl { width:50%;  margin:0 auto; }
#reg_result #result_email dl dt { width:150px; float:left; }
#reg_result #result_email dl dd { width:200px;margin-left:150px; text-align:left;  }


@media all and (max-width:600px){
	#reg_result #result_email {margin:20px 0;padding:1.0em 1.0em;  border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
	#reg_result #result_email span {display:inline-block;width:150px}
	#reg_result #result_email strong {color:#e8180c;font-size:1.2em}

	#reg_result #result_email dl { width:100%;  margin:0 auto;   }
	#reg_result #result_email dl dt { width:35%; float:left; text-align:left;   font-size:1.0em; }
	#reg_result #result_email dl dd { width:65%; margin-left:35%; text-align:left; font-size:1.0em;  }
}


#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:left}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em}
#reg_result .reg_result_p {font-size:1.4em; color:#000; margin:1.0em 0;}

.btn_confirm_reg {margin:20px 0;text-align:center}
/*
.reg_btn_submit {display:inline-block;background:#3a8afd;color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold}
*/

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}



/* 로그인 폼 */
.cont_wrap { border-top:3px #333 solid; border-left: #ddd 1px solid;  border-right: #ddd 1px solid;  border-bottom: #ddd 1px solid;}

#mb_login {  }
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login_01 {}



.mbskin {text-align:center; width:55%; margin:0 auto; }  
.mbskin:after {right:10px;left:auto;r
 -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}






.login_info2_01 { margin: 30px auto; width:40%}


.stext { font-size:14px !important; font-weight:100 !important; color:#888; vertical-align:bottom !important; text-align:left; width:100%; border-bottom:none !important }



/* 필수입력 */
.mbskin .required, .mbskin textarea.required {}


.tbl_head01 { border-top:3px solid #333; }
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th {background:#f9f9f9; color:#333; font-weight:700; border-bottom:1px solid #ddd; text-align:center;padding:8px 5px;   }
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th{border-bottom:1px solid #ddd;padding:5px;text-align:center; font-size:12px}
.tbl_head01 tbody td{border-bottom:1px solid #ddd;padding:5px;text-align:center; font-size:12px }
/*.tbl_head01 tbody tr:nth-child(even){background:#eff3f9} */  /*짝수일 라인에 배경색 다르것으로*/
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input{height:27px;line-height:25px;border:1px solid #d5d5d5;width:100%}
.tbl_head01 table select {height: 27px;line-height: 25px;width: 100%;}

/* thead 두 줄 테이블 */
.tbl_head02 {}
.tbl_head02 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head02 thead th, .tbl_head02 tbody th {padding:5px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;letter-spacing:-0.1em}
.tbl_head02 thead th {font-size:0.95em}
.tbl_head02 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 thead a {color:#383838;text-decoration:underline}
.tbl_head02 tbody th {}
.tbl_head02 tbody td { padding:7px 5px; line-height:1.4em; word-break:break-all;  }

@media all and (max-width:1000px){
.mbskin {text-align:center; width:100%; margin:0 auto; }

.mbskin_box { margin:0 !important}
.login_info2_01 { width:100%;}
.mbskin_01 .btn_submit_01 { margin:20px 0 !important }

  
}