@charset "utf-8";

html,body { font-size:16px; color:#666; line-height:1.4; word-break:keep-all; margin:0px; font-family: 'Noto Sans Korean', sans-serif;} 
img {border:0px; vertical-align:middle;}
select {border: 1px solid #e1e1e1; padding: 0 5px; height: 26px; line-height: 26px; vertical-align: middle; margin:0px 3px 3px 3px}
input {border: 1px solid #e1e1e1; padding: 0 5px; height: 24px; line-height: 24px; vertical-align: middle; display:inline-block; margin:0 3px 3px 3px}
button {border:0px; background:none; margin:0px; padding:0px; cursor:pointer; font-family: 'Noto Sans Korean', sans-serif;}
ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;}
li {list-style:none; padding:0px;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none;}
fieldset {font-size:0; border:0; margin:0; padding:0}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.skip {font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;}
caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;}


/* depth & font */

.mt0 { margin-top:0 !important; }
.mb0 { margin-bottom:0 !important; }
.mt15 { margin-top:15px !important; }
.txt_default {line-height: 1.4; margin: 0 0 12px 0;}
.conbodyT2 {font-size:40px; font-weight:600; color:#333; padding:0; margin:40px 0 50px 0;}
.conbodyT3 {font-size:26px; font-weight:600; color:#1b84b7; margin:0 0 30px 0; position:relative; line-height:1.2;}
.conbodyT4 {font-size:22px; font-weight:600; color:#333; margin:50px 0 15px 0;}
.conbodyT5 {font-size:18px; font-weight:600; color:#333; margin:30px 0 15px 0; padding: 0 0 0 22px; background: url(../module_img/h5_img.png) 0 3px no-repeat;}
.conbodyT6 { font-size:17px; font-weight:600; color:#000; margin:20px 0 10px 0; }

.contT2 {    font-size: 24px;font-weight: 500;}
.contT3 {    font-size: 22px;font-weight: 500;}



.num_txt01 { font-size:17px; color:#3c969d; margin:0; padding-bottom:13px; margin-bottom:3px; border-bottom:1px solid #ececec; }
.num_txt02 { font-size:15px; color:#666; margin:0; margin:12px 0 0 0; padding:0 0 0 12px; position:relative; }
.num_txt02:before { content:''; display:inline-block; width:3px; height:3px; background:#666; position:absolute; top:8px; left:2px; border-radius:3px; }
.num_txt02.type02 { color:#666; }
.num_txt02.type02:before { background:#666; }
.num_txt03 { font-size:14px; color:#666; margin:0; padding:0 0 0 10px; position:relative; }			
.num_txt03:before { content:''; display:inline-block; width:2px; height:2px; background:#666; position:absolute; top:7px; left:2px; border-radius:2px; }
.num_txt04 { font-size:13px; color:#666; margin:5px 0 0 0; padding:0 0 0 25px; position:relative; }			
.num_txt04:before { content:'-'; display:inline-block; position:absolute; top:1px; left:15px; }
.num_txt05 { color:#666; margin:5px 0 0 0; padding:0 0 0 25px; position:relative; }			
.num_txt05:before { content:''; width:2px; height:2px; position:absolute; background:#666; border-radius:3px; top:8px; display:inline-block; position:absolute; left:15px; }

.txt_busines01 { font-size:17px; color:#333; padding-bottom:15px; border-bottom:1px solid #ececec; margin:15px 0 0 0; }
	
.popupBox {padding:10px; margin:0px; background:#f1f1f1;}
.scrollBox {width:100%; padding:10px 0px; height: 200px; overflow: hidden; border: 1px solid #d7d7d7;}
    .scrollBox textarea {width: 99%; height: 100%; border: 0px; line-height: 160%; font-size: 13px; resize:none; }
.scrollBoxFull {width:100%; height: 100%; padding:10px 0px; border: 1px solid #d7d7d7;}
    .scrollBoxFull textarea {display: inline-block; width: 99%; height: 100%; border: 0px; line-height: 160%; font-size: 13px;}

/* EDO :  depth & font */

/* FRONT */

/* topLayout */

.topLayout {height:89px}
   .topLayoutIn {max-width:1200px; margin:0 auto; padding:0 16px; }
      .topMenuBox {max-width:1200px; margin:0 auto; position:relative; }
        .topMenuL {position: absolute; top:10px;}
        .topMenuL a {display:block}
        .topMenuC {padding: 15px 0px 0px 260px;}
        .topMenuC > ul > li {float:left; padding:21px 14px}
        .topMenuC > ul > li > a {font-size:17px; color:#333; font-weight:700; letter-spacing:-1px}
        .topMenuC > ul > li > a:hover {color:#1a98d5}  
		.topMenuC > ul > li:first-child { padding-left:0; }
		.topMenuC > ul > li.on > a {color:#1a98d5}
        .topMenuR {float:right; margin-top:12px; }
        .topMenuR > ul { position:absolute; right:0; }
		.topMenuR > ul  > li { float:left; }
        .topMenuR > ul > li > a {font-size:13px; color:#c3c3c3; width:44px; height:38px; line-height:38px; display:block; text-align:center;}
        .topMenuR .bu_all > a {background-color:#fff; border:1px solid #d5d7da; color:#c3c3c3; font-weight:bold; } 
        .topMenuR .bu_lng > a {background-color:#fff; border:1px solid #d5d7da; color:#c3c3c3; font-weight:bold; }   
		.mobAll_ico { display:inline-block; width:12px; height:10px; background:url(../images/user/mobAll_ico.png) no-repeat 50% 50%; }
       	  .menuAllBox {position:absolute; left:0px; top:89px; width:100%; max-height:460px; display:none; z-index:1001;}
          .menuAllBoxIn { margin:0 auto; height:100%; background-color:#fff; overflow:hidden; background-color:#fff; max-width:1200px; position:relative; }
          .mobAll_list > ul{height:100%; width:100%; max-width:1200px; margin:0 auto; position:relative;}
          .mobAll_list > ul > li { position:relative; height:100%; display:block; float:left; width:16.6667%; background:#f7f8f7; }
		  .mobAll_list > ul > li .icon-k-down {display:none}
		  .mobAll_list > ul > li:before { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; }
		  .mobAll_list > ul > li:first-child:before { display:none; }
		  .mobAll_list > ul > li:first-child {border-left:0px;}
          .mobAll_list > ul > li > a {display:block; text-align:center; font-size:16px; font-weight:bold; color:#1a98d5; padding:17px 15px; border-bottom:1px solid #1a98d5; position:relative; z-index:2; background:#fff;}                
          .mobAll_list > ul > li > ul > li {transition: all 0.3s ease 0s; display:table; width:100%; }
          .mobAll_list > ul > li > ul > li > a { display:table-cell; width:100%; text-align:center;  vertical-align:middle; font-size:14px; color:#333; padding:5px 10px; height:38px; margin:0px 15px; position:relative;}
          .mobAll_list > ul > li > ul > li > a:after { content:''; position:absolute; bottom:0px; left:15px; width:170px; height:1px; background:#e5e5e5; }
          .mobAll_list > ul > li > ul > li:hover {background-color:#4bc2fb;}
          .mobAll_list > ul > li > ul > li:hover a {color:#fff; background-position:-2px 14px}
		  .mobAll_list > ul > li > ul > li:hover a:after { display:none; }
		  .menuAllClose { position:absolute; bottom:5px; right:15px; font-size:40px; color:#666; }
		  .mobAll_title { display:none; }
		  .menuAllBoxIn > ul > li > a span { display:none; }
		  .mob_menuBg {display:none}

		  .mobAll_footer {display:none}

	      .subMenuBox {position:absolute; top:90px; left:0px; width:100%; height:50px; background-color:#6ebfdd; display:none; overflow:hidden; z-index:2}
	      .subMenuBoxIn {width:1200px; margin:0 auto; text-align:center;} 
	      .subMenuBoxIn ul li {display:inline;}
	      .subMenuBoxIn ul li a {display:block; color:#fff; padding:0px 20px; font-size:14px;  line-height:50px; display:table-cell; vertical-align:middle; height:50px; border-right:1px solid #7dc6e1; transition: all 0.3s ease 0s;}
	      .subMenuBoxIn ul li a:hover {font-size:15px; color:#fffa9f;}
	      .subMenuBoxIn ul li:first-child a {border-left:1px solid #7dc6e1;}
	      
	      .topBu { display:none; position:fixed; left:50%; margin-left:40%; width:50px; height:70px; transition:all 0.3s ease; z-index:1}
	      .topBu a {display:block; position:relative;}
	      .topBu a span {position:absolute; top:0px; left:0; overflow:hidden; width:100%; display:inline-block; height:70px; transition:all 0.3s ease;}
	      .topBu a:hover span{height:0px;}
	      	      
		  /* topNavBox */
			
		  .topNavBox {height:220px; background-color:#f7f7f7}

/* EOD : topLayout */


/*  asideLayout  */

.quickBox {position:fixed; right:0px; top:150px; width:68px; z-index:9512; }
.quickBox ul li {font-size:0px; line-height:100%; background-color:#fff; border-bottom:1px solid #eee; }
	.quickOpen {position:absolute; right:10px; top:10px; width:30px; height:30px; text-align:center; background-color:#a3c8d8; display:none;}
	.quickOpen img {margin-top:5px;}
	.quickBoxIn {width:68px; margin-left:70px; transition: all 0.3s ease 0s; overflow:hidden; box-shadow:0 0 2px 1px #eee; z-index:15; }
	.quickBoxIn ul { border:1px solid #eee; border-right:none; }
		.quickTop {height:30px; text-align:center; background-color:#a3c8d8;}
		.quickTop img {margin-top:5px;}
		.quickBottom {background-color:#f1f3f2; border:1px solid #eee; border-right:none; border-top:none;}

/*  EOD : asideLayout  */


/* contentLayout */

.contentLayout {max-width: 1200px; margin: 0 auto;}	
  .contentLayoutIn {}
	.topNavBox {height:220px; background-color: #ccc;}
	  .topNavBoxIn {height:100%; position:relative; }
		 .tabBoxF {position:absolute; bottom:0; top:auto; line-height:0; left: 0; right: 0;}
		 .tabOn {position:fixed; z-index:10; bottom:auto; top:0; background-color:#bbc2c7; box-shadow:0px 0px 10px #ccc;}
		 .tabBoxF .tabBox {max-width: 1200px; z-index:2; margin:0 auto; display:inherit; border-top: 0; border-left:none;}
		 .tabBoxF .tabBox ul li {background-color:#607D8B; display:table; height:60px;}
		 .tabBoxF .tabBox ul li.on {background:none; background-color:#666; position:relative}
		 .tabBoxF .tabBox ul li a {color:White; font-size:18px; font-weight:400; border-right: 1px solid #a1a3a2; border-bottom:0; display:table-cell; vertical-align:middle;}
		 .tabBoxF .tabBox ul li:first-child a {border-left: 1px solid #a1a3a2;}
		 .tabBoxF .tabBox ul li.on a:after {top: 100%; left: 50%; border:solid transparent; content:""; height: 0;
			width: 0; position: absolute; border-top-color: #666; border-width:9px; margin-left:-9px;}

	.tabBoxSubBox {}
		.tabBoxSubBox { margin-bottom:60px; }
		.tabBox_sub02 ul li { float:left; display:table; height:48px; }
		.tabBox_sub02 ul li.on:after { display:none; }
		.tabBox_sub02 ul li a { border:1px solid #e1e1e1; font-size:17px; color:#999; border-bottom:1px solid #6ebfdd; display:table-cell; vertical-align:middle; line-height:1.2; }
		.tabBox_sub02 ul li.on a { border:1px solid #6ebfdd; border-right:none; background:#6ebfdd; color:#fff; }
	.contentBox { max-width:1232px; margin:0 auto; min-height:500px; }
		.contentBoxIn { padding:0 16px; }
			.heading_nav { position:relative; }
			.heading_nav ul { font-size:13px; color:#999; position:absolute; right:0; top:22px; }
			.heading_nav ul li { float:left; position:relative; }
			.heading_nav ul li .icon-home {vertical-align:middle; font-size:14px}
			.heading_nav ul li .icon-k-next {vertical-align:middle; font-size:10px; margin: 0 10px;}
			.heading_nav ul li .txt {vertical-align:middle; display:inline-block;}
			.heading_nav ul li .txt_black {color: #000; display:inline-block; vertical-align:middle; margin-top: -2px;}	
	
			.section { width:100%; display:inline-block; padding-bottom:70px; }
						
	.pro_list { background:#fafafa; border:1px solid #ddd; margin-top:24px; display:inline-block; width:100%; padding:0 0 20px 0;}
	.pro_list li { padding:20px; }
	.pro_list li .pro_txt01 { padding:0 20px 0 12px; margin:0; font-size:15px; }
	.pro_list li .pro_txt01.type02 { margin:20px 0 0 0; }
	.pro_list li .pro_txt02 { padding:0 20px 0 32px; margin:0; font-size:15px; position:relative; }
	.pro_list li .pro_txt02 span { position:absolute; left:12px; }
	.pro_list li .pro_txt03 { font-size:15px; margin:0; padding:0 20px 0 12px; }
	.pro_list li .pro_leftBox { width:50%; float:left; position:relative; }
	.pro_list li .num_txt02 { margin:12px 20px 0 0; }
	.pro_list li .pro_rightBox { width:50%; float:left; }	
		
	.defalut_list02 { display:inline-block; width:100%; position:relative; border:1px solid #d4f0ee; }
	.defalut_list02.type02 {border: none !important;}
	.defalut_list02 li { float:left; width:50%; }
	.defalut_list02 li .defalut_Inner { padding-left:12px; }
	.defalut_list02 li:first-child .defalut_Inner { padding-left:0; padding-right:12px; }
	.defalut_list02:before { content:''; left:50%; width:24px;  position:absolute; top:-1px; padding:1px 0; height:100%; background:#fff; margin-left:-12px; border-left:1px solid #d4f0ee; border-right:1px solid #d4f0ee; }
	.defalut_Inner.type02 { margin-top:22px; border:1px solid #d4f0ee; }
		.list_terms { text-align:center; }
		.list_terms dt { color:#3c969d; background:#d4f0ee; font-size:17px; padding:11px 15px; }
		.list_terms dd { font-size:15px; padding:15px; text-align: left;}
		
	.defalut_list03	{ width:100%; position:relative; display:table; text-align:center; border:1px solid #7dc3dc; } 
	.defalut_list03:after { content:''; display:block; clear:both; }
		.defalut_list03 li { width:33.3333%; display:table-cell; position:relative;  }
		.defalut_list03:before { content:''; position:absolute; left:33.3333%; border-left:1px solid #7dc3dc; border-right:1px solid #7dc3dc; width:24px; background:#fff; margin-left:-12px; top:0px; bottom:0px; }	
		.defalut_list03:after { content:''; position:absolute; left:66.6666%; border-left:1px solid #7dc3dc; border-right:1px solid #7dc3dc; width:24px; background:#fff; margin-left:-12px; top:0px; bottom:0px; }	
	
		/* chorme, firefox css hack */
		@media screen and (-webkit-min-device-pixel-ratio:0){
		.defalut_list03:before { top:-1px; bottom:-1px; }
		.defalut_list03:after { top:-1px; bottom:-1px;  }
		}		
		.defalut_list03 li.first  { padding:0 16px 0 0; }
		.defalut_list03 li.second  { padding:0 8px; }
		.defalut_list03 li.third  { padding:0 0 0 16px; }
		.defalut_list03 li .defalut_Inner { padding:20px; }
	
	.perfor_impor { padding: 20px; border: 5px solid #e2eff4; position: relative;  min-height: 50px;}
	.perfor_txt01 { margin:0; font-size:18px; color:#000; font-weight:bold; position:relative; }
	.perfor_txt02 { margin:0; font-size:16px; color:#666;  }
	.perfor_txt03 { margin:0; font-size:36px; color:#1a98d5; font-weight:bold; position:absolute; right:20px; top:20px; line-height:1; }
	.perfor_txt03 span { font-size:24px; }
	
	.ul_annotate { line-height:1.4; margin:0 0 12px 0; font-size:12px; margin:5px 0px;}
	.ul_annotate li {padding-left:15px; position:relative;}
	.ul_annotate li span  {position:absolute; top:0px; left:0px;}
	
	.ul_annotate.type02 { width:100%; display:inline-block; }
	.ul_annotate.type02 li { padding-left:25px; }
	.ul_annotate.type02 li span { left:15px; }
		
	.list_Num02 { display:inline-block; width:100%; margin-top:24px; background:#fafafa; border:1px solid #ddd; position:relative; }
	.list_Num02.first { margin-top:15px; }
	.list_Num02:before { content:''; width:24px; position:absolute; top:-1px; padding:1px 0; height:100%; background:#fff; left:50%; margin-left:-12px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
	.list_Num02 li { float:left; width:50%; }
		.list_Num02 li .num_Inner { padding-left:12px; }
		.list_Num02 li:first-child .num_Inner { padding-right:12px; padding-left:0; }
			.list_Num02 li .num_Inner .num_Box { background:#fafafa; padding:20px; }	
		
	.list_Num03	{ width:100%; position:relative; display:table; border:1px solid #ddd; background:#fafafa; } 
	.list_Num03:after { content:''; display:block; clear:both; }
		.list_Num03 li { width:33.3333%; display:table-cell; position:relative;  }
		.list_Num03:before { content:''; position:absolute; left:33.3333%; border-left:1px solid #ddd; border-right:1px solid #ddd; width:24px; background:#fff; margin-left:-12px; border-top:1px solid transparent; border-bottom:1px solid transparent; top:-1px; bottom:-1px; }	
		.list_Num03:after { content:''; position:absolute; left:66.6666%;  border-left:1px solid #ddd; border-right:1px solid #ddd; width:24px; background:#fff; margin-left:-12px; border-top:1px solid transparent; border-bottom:1px solid transparent; top:-1px; bottom:-1px; }	
		
	/* chorme, firefox css hack */
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
		.list_Num03:before { top:-1px; bottom:-1px; }
		.list_Num03:after { top:-1px; bottom:-1px;  }
	}		
	
	.list_Num03 li.first  { padding:0 16px 0 0; }
	.list_Num03 li.second  { padding:0 8px; }
	.list_Num03 li.third  { padding:0 0 0 16px; }
	.list_Num03 li .num_Inner { padding:20px; }	
	
	.img_scrollMax	{ overflow-x:auto; overflow-y:hidden; margin:40px 0 0 0; text-align:center; position:relative; }
	.img_scrollMax img	{ max-width:100%; }
	
	.imgContainer {margin-top:20px;}	
		
/* EOD : contentLayout */		


/* footer */

.footerLayout {min-height:220px; background-color:#a7a7a9}
	.footerLayoutIn { max-width:1232px; margin:0 auto; padding-top:37px; position:relative}
		.footerLeftBox {position:absolute; top: 37px; left:25px; color:white}
		.footerRightBox {padding:0 16px; margin: 0 0 0 256px; color:white; font-size:12px}
		.footerRightBox .first {margin-bottom:4px}
		.footerRightBox .second {margin-bottom:4px}
		.footerRightBox .thrid {margin-bottom:4px}
		.footerRightBox span {display:block; clear:both}
		.footerRightBox > div {display:inline-block}
		.footerRightBox > div ul li {float:left; margin-right:30px; position:relative; font-weight:300;}
		.footerRightBox > div ul li:before {content:"ㆍ"; position:absolute; left:-12px; top:0;}
		
/* EOD : footer */


/* ADMIN */


.adminTopLayout {position: fixed; top: 0px; z-index: 100; width: 100%; min-width: 1200px; height: 43px; background-color: #3699de; background: linear-gradient(90deg, #3699de, #3fd271);}
.adminTopleft li {float: left;  padding: 0px;}
    .adminTopleft > h1 {float: left; font-size: 16px; font-weight: 400; color: #fff; text-align: center; width: 200px; margin: 0px; line-height: 43px;}
    .adminTopleft li a {display: block; line-height: 43px; font-size: 13px; padding: 0px 50px 0px 20px;  background: url('../module_img/admin_tapBg.png') no-repeat center right; color: #eee;}
    .adminTopleft li a:hover {color: #fff;}
    .adminTopleft li a:hover .icon-home {transform: scale(1.1);}
	.adminTopleft .icon-home {font-size: 20px; transition: 0.3s all; display: inline-block; vertical-align: middle; margin-bottom: 5px;}

	.adminTopRight {position: absolute; top: 7px; right: 40px;}
    .adminTopRight button {color:#333; border: 1px solid #a1a1a1; line-height: 26px; padding: 0px 15px; border-radius: 15px; background-color: #ebebeb; vertical-align: top;
      transition: 0.3s all}
    .adminTopRight button .icon-exit {font-size: 13px; vertical-align: middle;  margin-right: 5px;}
	.adminTopRight button .txt {vertical-align:middle;}
    .adminTopRight button:hover {color: #369adc}

	.adminId {float: left; margin: 0px; line-height: 28px; color: #fff;}
    .adminId li {float: left; padding: 0 20px; font-size: 14px;}
    .adminId li strong {font-weight: 400; opacity: 0.6; margin-right: 5px;}

	.adminLogin {float: left; margin: 0px; line-height: 28px; color: #fff;}
	.adminLogin li {float: left;  font-size: 14px;}
	.adminLogin li strong {font-weight: 400; opacity: 0.6; margin-right: 5px;}
	.adminLogin .border {border-left: 1px solid #27a367; padding: 0px 20px;}
	.adminLogin img {vertical-align: middle;}
	
	.adminLeftLayout {position: fixed; transition: 0.3s all; top: 0px; z-index: 99; height: 100%; width: 200px; overflow: hidden; background-color: #f9f9f9; border-right: 1px solid #e0e0e0;}
	.adminLeftTop {min-height: 25px; width: 180px;background-color: #f9f9f9; margin-top: 43px; padding: 10px; position: relative; transition: 0.3s all;}
	.adminLeftTop select {border: 1px solid #dddddd;  min-width: 140px;}
	
	.adminLBu {position: absolute; left: 170px; top: 13px; font-size: 20px; color: #666;}
	.adminLBu .fa-outdent {transition: 0.3s all;}
	.adminLBu:hover .fa-outdent {transform: scale(1.2)}
	
	.adminLeftMenu > li {width: 200px;}
	.adminLeftMenu > li:first-child {border-top: 1px solid #e0e0e0;}
	.adminLeftMenu > li > a {font-size: 14px; font-weight: 300; display: block;  color: #333; padding: 10px 0px 10px 10px; border-bottom: 1px solid #e0e0e0; transition: 0.3s all}
	.adminLeftMenu > li > a:hover {background-color: #daeef9;}
	
	.adminLeftMenu ul {display: none;}
	.adminLeftMenu > li > ul > li .icon-k-minus {font-size:10px}
	.adminLeftMenu > li > ul > li > a {font-size: 14px; background-color: #e8e8e8; display: block; padding: 10px 0px 10px 20px; border-bottom: 1px solid #e0e0e0;}
	.adminLeftMenu > li > ul > li > ul > li > a {font-size: 13px; display: block; padding: 5px 0px 10px 20px; background-color: #efefef; border-bottom: 1px solid #e0e0e0;}
	.adminLeftMenu > li > ul > li > ul > li.on > a {color: #fff; background-color: #36a7e1;}
	.adminLeftMenu > li > a > span {transition: 0.3s all}
	
	.adminLeftMenu li a .icon-k-next {margin: 4px 8px; float: right;}
	.adminLeftMenu li a .open {transform: rotate(90deg); margin: 4px 9px;}
	
	.adminLOff {width: 40px;}
	.adminLOff .adminLeftTop {padding-left: 40px;}
	.adminLOff .adminLeftTop .adminLBu {left: 10px;}
	.adminLOff .adminLeftMenu > li > a > span {padding: 0px 10px 0px 3px;}
	
	.adminContentLayout {margin: 0px 0px 40px 0px; position: relative;}
	  .adminContentIn {margin: 60px 40px 0px 240px; transition: 0.3s all;}

/* tabBox */

.tabBox {display: inline-block; width: 100%; border:1px solid #d7d7d7; border-right:0; margin-bottom:20px;}
.tabBox ul li {float: left; text-align: center; background-color: #f7f7f7; display:table; height:60px;}
.tabBox ul li.on {background:none; background-color:#666; position:relative}
.tabBox ul li.on a {color:white;}
.tabBox ul li a {display: block; border-bottom:0; border-right: 1px solid #d7d7d7; color:#333; font-size:16px; font-weight:400; display:table-cell; vertical-align:middle;}

.tabBox_sub {display:inline-block; width:100%; margin:20px 0; border-bottom: 1px solid #1c1c1c;}	  	  
.tabBox_sub ul {text-align:center} 	  	
.tabBox_sub ul li {float: left; display: table; height: 48px; margin: 0 0 -1px -1px; height: 44px; margin: 0 0 -1px -1px; background-color: #fff; border: solid;  border-width: 0 1px 0 1px;
    color: #b2b2b2; font-size: 16px;}
.tabBox_sub ul li.on {border-color:#333}
.tabBox_sub ul li a {border-top: 1px solid #e1e1e1; font-size: 14px; color: #999; display: table-cell;  vertical-align: middle; line-height: 1.2; padding: 0 15px; line-height: 44px; text-align: center;}
.tabBox_sub ul li.on a {color: #333; border-top: 2px solid #333;}

.tabContentBox , .tabContentBox_sub {display:none}
.tab_show {display:block}		

/* search */

.searchBox {position: relative; border: 1px solid #dadada; background-color: #f9f9f9; margin-bottom: 30px; padding: 10px; font-size: 0px; line-height: 100%;}
.searchBox ul {display: inline-block;   width: 100%;  clear: both;}
.searchBox ul li {float: left; padding-right: 20px; margin: 3px 0px;}

.sLable_s {display: inline-block; vertical-align: top;  border: 1px solid #dadada;  background-color: #f1f1f1;  font-size: 12px;  line-height: 120%;  padding: 5px 15px; width: 50px;
    height: 14px; text-align: center;  border-radius: 3px 0px 0px 3px;  box-sizing: content-box;  font-weight: 400;  margin: 0px;}

.searchCenter {text-align:center;}
.searchCenter ul {width:auto;}
.searchCenter ul li {display:inline-block;}
.searchCenter .searchBu {position:static; vertical-align:top; margin-top:5px;}

.sInput {display: inline-block;  vertical-align: top; font-size: 12px; line-height: 120%; margin-left: -1px;}
.sInput img {vertical-align: middle; margin-left: -1px;}
.searchBu {position: absolute; bottom: 10px; right: 10px;  font-size: 14px; color: #fff;  background-color: #2ec20b; border-radius: 4px;  padding: 5px 10px;  transition: 0.2s all;}
.searchBu:hover {transform: scale(1.15);}
.searchBu span {vertical-align: 1px;}


/* table */
.tableTopBox {font-size: 12px; width: 100%;  min-height: 35px;}
.tableTopBoxL {float: left; font-size:12px;}
.tableTopBoxR {float: right; font-size:12px;}
.tableTopTxt {display: inline-block; margin-top: 10px;}
.tableTopTxt2 {font-size:13px; padding-left:10px;}

table { border-spacing:0; }
.table_normal {width: 100%; border-top: 2px solid #123867; border-bottom: 1px solid #99a0aa;}
/* .table_normal thead tr th {background-color: #dee7f1; border-left:1px solid #99a0aa; color: #142e4e; padding: 13px 8px; text-align: center; font-size:14px;} */
.table_normal tbody tr th {background:#edf2f7; color: #000; border-top:1px solid #99a0aa; border-left:1px solid #ccc; padding: 11px 8px; transition: 0.3s all; text-align:center; line-height:1.6; font-weight:500; }
.table_normal tbody tr td {color: #555; border-top:1px solid #99a0aa; border-left:1px solid #ccc; padding: 11px 8px; transition: 0.3s all; text-align:center; line-height:1.6; }
.table_normal tbody tr td a:hover {color: #10a0ea;}
.table_normal tfoot tr th {background:#edf2f7; color: #000; border-top:1px solid #99a0aa; border-left:1px solid #ccc; padding: 11px 8px; transition: 0.3s all; text-align:center; line-height:1.6; font-weight:500; }
.table_normal tfoot tr td {background:#edf2f7; color: #000; border-top:1px solid #99a0aa; border-left:1px solid #ccc; padding: 11px 8px; transition: 0.3s all; text-align:center; line-height:1.6; font-weight:500; }



/* bsh 웹접근성  */
.table_normal thead tr th {
    background:#edf2f7; 
	color: #000;
    border-top: 1px solid #99a0aa;
    border-left: 1px solid #ccc;
    padding: 11px 8px;
    transition: 0.3s all;
    text-align: center;
    line-height: 1.6;
    font-weight: 100;
}
.table_normal thead tr th:nth-of-type(1){
	font-weight: 500;
}
.table_normal thead tr td {color: #555; border-top:1px solid #99a0aa; border-left:1px solid #ccc; padding: 11px 8px; transition: 0.3s all; text-align:center; line-height:1.6; }
.table_normal thead tr td a:hover {color: #10a0ea;}
.table_normal thead tr th.acc-ty{
	background:white;
}


/* end */


    .tableHover:hover td {background-color: #dfecf8;}
    .line_top {border-top:1px solid #99a0aa;}
    
.table_line {border-left:0}
.table_line th, .table_line td {border-left: 1px solid #dadada;}
    .line0 {border-left: 0px !important}
    .line_padding0 {padding: 0 !important; border: 0 !important;}
    
 .thFlex {margin: 0;display: flex;align-items: center;justify-content: center;}
 .sortBtn {position: relative;top: 0px;display: inline-flex;flex-direction: column;margin: 1px 0 0 5px;} 
 .sortTop {display: flex;align-items: center;justify-content: center;height: 10px;transform: rotate(180deg);opacity: 0.5;}
 .sortTop:hover {opacity: 1;}
 .sortTop img {width: 9px;}
 .sortBottom {display: flex; align-items: center;justify-content: center;height: 10px;opacity: 0.5;}
 .sortBottom:hover {opacity: 1;}
 .sortBottom img {width: 9px;}

/* table-view */
.table_view {width: 100%; border-top: 1px solid #575757;}
.table_view tr th {background-color: #f7f7f7; border-bottom: 1px solid #dadada; color: #333; padding: 10px; text-align: center; font-size:14px}
.table_view tr td {color: #333; border-bottom: 1px solid #dadada; padding: 8px 5px 8px 10px; transition: 0.3s all; font-size:13px}
        
    .table_view dl.tableInDl { padding:20px 10px;}
        .table_view dl.tableInDl dt {display: inline-block; width: 30%; border-top:1px dotted #d7d7d7; padding:10px 0px;}
        .table_view dl.tableInDl dd {display: inline-block; width: 60%; border-top:1px dotted #d7d7d7; padding:11px 0px;}

/* gallery */

.gallery_normal {display:inline-block; width:100%;  border-top: 2px solid #000;  border-bottom: 2px solid #000;  margin-bottom: 15px;}	
.gallery_normal > ul {width:102%}
.gallery_normal > ul > li {float:left; width:31.5%; margin-right:1.65%} 

.gallery_normal .galleryBox {margin:15px auto; border:2px solid transparent}
.gallery_normal .galleryBox:hover {border:2px solid #269dd7}
.gallery_normal .gallery_top {position:relative;}
.gallery_normal .gallery_top a {display:block;  overflow: hidden;}

.gallery_normal .gallery_mid {width:100%; display:inline-block}
.gallery_normal .gallery_midIn {padding:10px 0; border:1px solid #e7e7e7; } 	
.gallery_normal .gallery_info {display:inline-block; width:100%}
.gallery_normal .gallery_info p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  margin: 5px 10px 10px;}
.gallery_normal .gallery_name {font-size:17px; margin:0 5px 5px 0; vertical-align:middle; color:black; display:inline-block; font-weight:500}
.gallery_normal .gallery_name:hover {color: #666; text-decoration: underline;}
.gallery_normal .gallery_name .bu_red_ss {vertical-align:middle;}
.gallery_userName {float:left; margin-left:10px; color:#666; font-size:16px}
.gallery_day {float:right; margin-right:10px; color:#666; font-size:16px}


.gallery_normal .gallery_bot {border-top:1px solid #ccc; padding-top:5px; height: 30px; margin-top: 10px;}
.gallery_normal .gallery_bot ul {float:right;}
.gallery_normal .gallery_bot ul li {float:left; color:#666; font-size:15px; padding:5px 10px}
.gallery_img {position:relative; height:150px}


/* webzine */

.webzine_normal {border-top:2px solid #575757; border-bottom: 2px solid #575757; clear: both; } 
.webzine_normal li { display:table; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-top:none; padding:25px 0; min-height:85px; } 
.webzine_normal li:first-child { border-top:0} 
.webzine_normal li .webzine_left { width:225px; padding:0 15px; display:table-cell; vertical-align:middle; text-align:center; } 
.webzine_normal li .webzine_right { display:table-cell; padding-right:25px; } 
.webzine_right .webzine_name {font-size:20px; font-weight:bold; color:#333}
.webzine_right .webzine_txt {font-size:13px; height: 70px; overflow-y: hidden; margin: 10px 0;}
.webzine_right .webzine_day {font-size:12px; margin:5px 0}
  
	  
/* faq */

.faq_normal {display: inline-block; width: 100%;  border-top: 2px solid #000;  border-bottom: 2px solid #000;  margin-bottom: 15px; max-height: 500px; overflow-y: auto;}
.faq_normal a {display:block; border-bottom:1px solid #dadada; position:relative; padding:20px 10px; position: relative; font-size: 16px; color: #333;  font-weight: bold;}
.faq_normal a .txt {margin-left:50px; display: inline-block;}
.faq_normal a .icon {position: absolute; right: 2%; top: 50%;  margin-top: -8px;}
.faq_normal a .faq_q {width:40px; height:40px; line-height:40px; border-radius:50%; background-color: #b4e0de; display:inline-block; text-align:center; color:white; position: absolute; top: 50%;
    margin-top: -20px;}
.faq_content {display:none; padding:20px 10px; background-color: #f7f7f7f7;  border-bottom: 1px solid #dadada; font-size:14px; position:relative}
.faq_content .faq_a {width:40px; height:40px; line-height:40px; border-radius:50%; background-color: #e5d2e6; text-align:center; color:white; position:absolute; top:50%; margin-top:-20px}
.faq_content .txt {display:inline-block; margin-left:50px}

/* paging */

.pagination {margin: 20px auto; text-align: center; display: block;}
.pagination .num { display: inline-block; text-align: center; width: 25px; height: 25px; line-height: 25px; border: 1px solid #c1c1c1; border-radius: 3px; transition: 0.3s all; vertical-align:middle}
.pagination .on, .pagination .num:hover {background-color: #333; color: #fff; border: 1px solid #333;}
.pagination .arrow {display: inline-block; width: 27px; line-height:27px; height:25px; text-align: center; border-radius: 3px; color:#333; font-size:12px; vertical-align:middle; border:1px solid #c1c1c1}
.pagination .arrow:hover {background-color: #333; color: #fff; border: 1px solid #333;}

/* popup  */


.popup_open {overflow: hidden; position: fixed; width: 100%; height: 100%;}

.popup_Box {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: none;}
	.popup_BoxIn {position:fixed; z-index:1001; left:50%; top:50px; background-color:#fff; border:1px solid #666;}
		.popupH { font-weight:400; margin:0 20px; border-bottom:2px solid #142e4e; height:55px; line-height:55px; font-size:18px; color:#142e4e;}
			.popup_name {font-size:20px;}
			.popup_close {display: block; position:absolute; right:20px; top:13px; font-size: 22px; color:#142e4e; border:1px solid #8996a6; line-height:1; padding:2px; }
		.popupCBox {font-size:14px; overflow:auto;}
			.popupCBoxIn {padding:20px 20px 0 20px;}
		.popupF {height:70px; line-height:70px; background-color: #fbfbfb;}
	.popup_bg {position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; background:url("../images/user/trans.png") repeat; cursor:pointer; width:100%; height:100%;}
	.popup_Bottom { text-align:center; background:#fff; padding:20px; position:relative; }
		.popup_Bottom .popup_line { padding:0 20px; height:1px; background:#ccc; margin:0 0 20px 0;}

/* FAQ */

.faq {overflow:hidden; border-top:1px solid #575757; border-bottom:2px solid #575757;}
.faq .faq_list {overflow:hidden;}
.faq .faq_list > dl {overflow:hidden;}
.faq .faq_list > dl dt {padding:15px 30px 15px 10px; background:url('../images/user/wvCommon/agree_arrowdown.png') no-repeat 95% 50%; background-size:16px auto; border-bottom:1px solid #d7d7d7 }
.faq .faq_list > dl.on dt {background:url('../images/user/wvCommon/agree_arrowup.png') no-repeat 95% 50%; background-size:16px auto;}
.faq .faq_list > dl dt strong {display:block; padding-left:0px; color:#000; font-size:14px; background-size:24px auto;}
.faq .faq_list > dl dd {display:none; padding:20px; background:#f7f7f7; font-size:14px; border-bottom:1px solid #e3e3e3; }
.faq .faq_list > dl dd.files {background:url('../images/user/wvCommon/bullet_file.png') no-repeat 32px 14px #f9f9f9; background-size:24px auto;}
.faq .faq_list > dl dd.files > ul {overflow:hidden;}
.faq .faq_list > dl dd.files > div > ul > li  > a:hover {color:#10a0ea;}
.faq .faq_list > dl.on dd {display:block;}
    .faq .faqTitleL {display:inline-block; width:70%; text-align:left;}
    .faq .faqTitleR {display:inline-block; width:20%; text-align:right;}
  
/* login */

.loginBg {position:fixed; left:0; top:0; width:100%; height:100%;
	  background: #3697e1; /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(left, #3697e1, #40d36f); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(right, #3697e1, #40d36f); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(right, #3697e1, #40d36f); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(to right, #3697e1, #40d36f); /* Standard syntax */
	  z-index:-1}
	  
	.loginForm01 .loginBox {width:100%; max-width:614px; height:350px; position:absolute; top:50%; left:50%; margin-left:-307px; margin-top:-175px; ;z-index:10}
		.loginForm01 .logLBox {position:absolute; left:0; top:0; width:240px; opacity:0.95; height:350px;
						background: #1383d8; /* For browsers that do not support gradients */
						background: -webkit-linear-gradient(top, #1383d8, #19e159); /* For Safari 5.1 to 6.0 */
						background: -o-linear-gradient(bottom, #1383d8, #19e159); /* For Opera 11.1 to 12.0 */
						background: -moz-linear-gradient(bottom, #1383d8, #19e159); /* For Firefox 3.6 to 15 */
						background: linear-gradient(to bottom, #1383d8, #19e159); /* Standard syntax */}
		.loginForm01 .logleftCon {color:#fff; text-align:center; font-size:13px;  padding:0 10px;}
	
		.loginForm01 .logRBox {margin-left:240px;background-color:rgba(255,255,255,0.95);  height:350px; }
			.loginForm01 .logRBoxIn{margin:0px 40px; padding:45px 0px;}
			.loginForm01 .logHeadLogo {color:#fff; font-size:14px; text-align:center; padding:35px 0 12px;}
			.loginForm01 .logHeadLogo img {vertical-align:middle;}
			.loginForm01 .tit_logHead {border:1px solid rgba(255,255,255,0.8); padding:6px 0px; line-height:1.4; width:200px; text-align:center; color:#fff; font-size:22px; font-weight:bold; margin:0 auto 70px; }
			.loginForm01 .btn_login {width:100%;	background-color: #23d6ae; border:0; display:block; color:#fff; padding:8px; margin:0; text-align:center; font-size:18px; font-weight:bold;     height: 40px;
									line-height: 28px;}
		
		.loginForm01 .textBox {border:1px solid #ccc; background-color:#fff; color:#000; font-size:12px; padding:0 10px 0 40px; margin-bottom:10px; position:relative}
		.loginForm01 .textBox input[type="text"], .textBox input[type="password"] {border:0; width: 95%; height:40px;}
		.loginForm01 .logRCon {margin-top:38px; padding-top:32px; color:#8d8d8d; font-size:13px; text-align:center; border-top:1px solid #dedede;}
		.loginForm01 .loginBox {box-shadow: 0px 0px 20px rgba(0,0,0,0.4);}
	
		.loginForm01 .textBox .icon-user {position:absolute; top:10px; left:15px; font-size:18px; color:#666}
		.loginForm01 .textBox .icon-lock {position:absolute; top:9px; left:19px; font-size:18px; color:#666}
		.loginForm01 .textBox input { margin:0; padding:0 7px;}
		.loginForm01 .logRBox { background:#fff; } 

.loginForm02 {width:550px; margin:0 auto; border:1px solid #ccc; padding:30px; background-color:white}
	.loginForm02 .loginBox {display:inline-block; width:100%}
	.loginForm02 .logLBox {float:left;}
	.loginForm02 .logleftCon {position:relative}
	.loginForm02 .leftCon_txt01 {position: absolute; font-size: 16px; color: #575757;}	
	.loginForm02 .leftCon_txt02 {position: absolute; top: 20px; font-size: 26px; font-weight: bold; left: -8px;}	
	.logleftCon img {margin-top:22px}	
		
	.loginForm02 .logRBox {float:right; width:316px}
		.loginForm02 .logHeadLogo {color:#fff; font-size:14px; text-align:center; padding:35px 0 12px;}
		.loginForm02 .logHeadLogo  img {vertical-align:middle;}
		.loginForm02 .tit_logHead {border:1px solid #ccc; padding:6px 0px; width:200px; text-align:center; color:#59595a; font-size:22px; font-weight:bold; margin:0 auto; }
		.loginForm02 .btn_login {width: 100%; background-color: #23d6ae;  border: 0; display: block;  color: #fff; transition:0.3s all;
						 padding:0; margin: 0; text-align: center; font-size: 18px; font-weight: bold; height: 40px;  line-height: 28px; cursor: pointer;}
		.loginForm02 .btn_login:hover , .loginForm .btn_login03:hover  , .loginForm .btn_login04:hover {background-color:#00BCD4}
		.loginForm02 .btn_login02 {background-color: #b1b1b1; width: 100%; color: white; font-size: 14px;  padding: 10px 0; display:block;  text-indent: 14px;  text-align: left; transition:0.3s all} 
		.loginForm02 .btn_login02:hover , .loginForm .btn_login05:hover {background-color:#494948}
		.loginForm02 .btn_login02 span {float: right; margin:6px 14px 0 0; font-size: 12px;}
		.loginForm02 .btn_login03 {background-color: #23d6ae; color: #fff; transition: 0.3s all; padding: 10px 20px; font-size: 18px; height: 41px; line-height: 1.2; float: right; margin-top: 30px}
		.loginForm02 .btn_login04 {width: 100%; background-color: #23d6ae;  border: 0; display: block;  color: #fff; transition:0.3s all; padding:0; margin: 0; 
			text-align: center; font-size: 18px; height: 40px;  line-height: 28px; cursor: pointer;}		
		.loginForm02 .btn_login05 {width: 100%; background-color:#b1b1b1;  border: 0; display: block;  color: #fff; transition:0.3s all; padding:0; margin: 0; 
			text-align: center; font-size: 18px; height: 40px;  line-height: 28px; cursor: pointer;}		
						
		.loginForm02 .textBox {border:1px solid #ccc; background-color:#fff; color:#000; font-size:12px; padding:0 10px 0 40px; margin-bottom:10px; position:relative}
		.loginForm02 .textBox input[type="text"] {border:0; width:98%; margin:0 0 0 5px; height:40px; padding-left:4px;}
		.loginForm02 .textBox select {border:0; width:100%; margin:0; height:40px; padding-left:4px; color:#666;}
		.loginForm02 .textBox .icon {position:absolute; top:10px; left:15px; font-size:18px; color:#666}	
		.loginForm02 .textBox .icon-user {position:absolute; top:10px; left:15px; font-size:18px; color:#666}
		.loginForm02 .textBox .icon-lock {position:absolute; top:10px; left:19px; font-size:18px; color:#666}
		
		.loginForm02 .logRCon {margin-top:20px; padding-top:15px; color:#8d8d8d; font-size:13px; text-align:center; border-top:1px solid #dedede;}
		.loginForm02 .logRCon .txt {font-size:14px; font-weight: 500;}
		.loginForm02 .logRCon .txt_black {color:black}
		.loginForm02 .logRCon ul {margin-top:15px; text-align:left;}
		.loginForm02 .logRCon ul li {float: left;  width: 48%; text-align: center;}
		.loginForm02 .logRCon ul li:first-child {margin-right:4%}
		.loginForm02 .rightCon_txt01 {font-size:20px; font-weight:500; color:#333}
	    .loginForm02 .rightCon_txt02 {font-size:14px; color:#8d8d8d; margin:10px 0 30px}
	    .loginForm02 .rightCon_txt03 {color:black; font-size:18px; text-align:center; margin:50px 0 20px; display:inline-block; width:100%; line-height:1.5; font-weight:300}
	    .loginForm02 .rightCon_txt03 strong {font-size:30px; color:#009876; font-weight:400}
	    
	    .login_row {position:relative; margin-bottom: 10px;}
	    .login_row > span {width:75px; position:absolute; top:0; left:0; font-size:16px; line-height:35px}
		.login_row .row_InBox {margin-left:75px}
		.login_row .row_InBox input[type="text"] {width:100%; padding:0; line-height:35px; height:35px; text-indent: 10px;}
		
		.row_InBox .select_day {height: 35px;   line-height: 35px;}
		.row_InBox .txt_day {margin:0 4px; font-size:13px; display:inline-block; vertical-align: middle;}
		.select_full {width:100%; line-height:35px; height:35px}    
    

/* button */

.buttonBox {clear: both; padding: 10px 0px 40px 0; display:inline-block; width:100%;}
	.buttonBoxL {float: left;}
	.buttonBoxR {float: right;}
	.buttonBox ul li {float:left}
	
	.bu_l_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 14px; color: #fff; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_l_blue:hover {background-color: #fff; color:#1e9ad6;}
	.bu_l_red {background-color: #f04260; border: 1px solid #f04260; font-size: 14px; color: #fff; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_l_red:hover {background-color: #fff; color:#f04260;}
	.bu_l_white {background-color: #fff; border: 1px solid #ccc; font-size: 14px; color: #666; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_l_white:hover {background-color: #ccc; color:#fff;}
	.bu_l_green {background-color: #239289; border: 1px solid #ccc; font-size: 14px; color: #fff; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_l_green:hover {background-color: #fff; color:#239289;}
	
	.bu_m_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 14px; color: #fff; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_m_blue:hover {background-color: #fff; color:#1e9ad6;}
	.bu_m_red {background-color: #f04260; border: 1px solid #f04260; font-size: 14px; color: #fff; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_m_red:hover {background-color: #fff; color:#f04260;}
	.bu_m_white {background-color: #fff; border: 1px solid #ccc; font-size: 14px; color: #666; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_m_white:hover {background-color: #ccc; color:#fff;}
	.bu_m_green {background-color: #239289; border: 1px solid #ccc; font-size: 14px; color: #fff; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_m_green:hover {background-color: #fff; color:#239289;}
	
	.bu_s_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 12px; line-height:17px; color: #fff; border-radius: 4px; padding: 0px 10px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_s_blue:hover {background-color: #fff; color:#1e9ad6;}
	.bu_s_red {background-color: #f04260; border: 1px solid #f04260; font-size: 12px; line-height:17px; color: #fff; border-radius: 4px; padding: 0px 10px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_s_red:hover {background-color: #fff; color:#f04260;}
	.bu_s_white {background-color: #fff; border: 1px solid #ccc; font-size: 12px; line-height:17px; color: #666; border-radius: 4px; padding: 0px 10px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_s_white:hover {background-color: #ccc; color:#fff;}
	.bu_s_green {background-color: #239289; border: 1px solid #ccc; font-size: 12px; line-height:17px; color: #fff; border-radius: 4px; padding: 0px 10px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_s_green:hover {background-color: #fff; color:#239289;}
	.bu_file_gray { border-radius:4px; padding:4px 12px; background-color:#b5b1af; color:#fff; text-align:center; font-size:12px;}
	.bu_file_red { border-radius:4px; padding:4px 12px; background-color:#d83049; color:#fff; text-align:center; font-size:12px;}
	
	.bu_ss_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 11px; line-height:13px; color: #fff; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_ss_blue:hover {background-color: #fff; color:#1e9ad6;}
	.bu_ss_red {background-color: #f04260; border: 1px solid #f04260; font-size: 11px; line-height:13px; color: #fff; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_ss_red:hover {background-color: #fff; color:#f04260;}
	.bu_ss_white {background-color: #fff; border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #666; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_ss_white:hover {background-color: #ccc; color:#fff;}
	.bu_ss_green {background-color: #239289; border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #fff; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;}
	.bu_ss_green:hover {background-color: #fff; color:#239289;}
    

/* text */

.txt_red {color: #f62a09}
.txt_blue {color: #1d4cc6}
.txt_purple {color: #d93289}
.txt_yellow {color: #fca532}
.txt_red {color: #f62a09}

.asterisk {color: #f62a09; font-size: 16px; margin-right:5px; vertical-align:middle;}



/* textarea */

.sTextarea {padding: 5px; width:98%; font-size:13px;  border: 1px solid #dadada;}



/* etc */

.mobileS {display: none;}

@media all and (min-width:641px) and (max-width:1100px) { /* tablets */
	/* topLayout */

		
	/* EOD : topLayout */
	
	/* contentLayout */
	
		.section { padding-bottom:50px; }
		.heading_nav ul { display:none; }
			.heading_btn { position:relative; top:inherit; right:inherit; }
		.section .sectionL { width:auto; padding-right:0; float:none; }
		.section .sectionR { padding-left:0; }
		
		.pro_list { margin-top:10px; padding:0; }
		.pro_list li .num_txt02 { margin:12px 0 0 0; }
		.pro_list li .pro_leftBox { width:100%; float:none; }
		.pro_list li .pro_rightBox { width:100%; float:none; }
		.pro_list li .pro_txt01.type02 { margin:12px 0 0 0; }
			
		.defalut_list02 { border:none !important; }
		.defalut_list02:before { display:none; }
		.defalut_list02 li { width:100%; padding:0; }
		.defalut_list02 li .defalut_Inner { padding:0; }
		.defalut_list02 li:first-child .defalut_Inner { padding:0; margin-bottom:10px; }
		.defalut_Inner.type02 { margin-top:8px; }
	
		.defalut_list03 { display:block; border:none; }
		.defalut_list03:before { display:none; }	
		.defalut_list03:after { display:none; }	
		.defalut_list03 li { display:block; padding:0 !important; width:100%; }
		.defalut_list03 li .defalut_Inner { border:1px solid #7dc3dc; margin-top:10px; }
		.defalut_list03 li:first-child .defalut_Inner { margin-top:0; }
		
		.list_Num02 { background:none; border:none; margin-top:10px; }
		.list_Num02.first { margin-top:10px; }
		.list_Num02:before { display:none; }
			.list_Num02 li { width:100%; }
			.list_Num02 li .num_Inner .num_Box { border:1px solid #ddd; }
			.list_Num02 li .num_Inner { padding:10px 0 0 0; }
			.list_Num02 li:first-child .num_Inner { padding:0 0 0 0; }
				
		
		.list_Num03 { display:block; border:none; }
		.list_Num03:before { display:none;}	
		.list_Num03:after { display:none; }	
		.list_Num03 li { display:block; padding:0 !important; width:100%; }
		.list_Num03 li .num_Inner { border:1px solid #ddd; margin-top:10px; }
		.list_Num03 li:first-child .num_Inner { margin-top:0; }
		.list_Num03.type02 { margin-top:10px; }
		
		.perfor_impor { padding:16px; min-height:auto; } 
		
		.perfor_txt01 { font-size:16px; }
		.perfor_txt02 { font-size:15px; }
		.perfor_txt03 { font-size:35px;}
		.perfor_txt03 span { font-size:25px; }
		.perfor_txt03.type02 span { font-size:18px; }
		.perfor_txt03.mob { top:10px; }	
		
		.list_terms dt { font-size:16px; padding:9px 12px; }
		.list_terms dd { font-size:14px; padding:12px; border:1px solid #d4f0ee; border-top:none; }
		
		.img_scrollMax { margin:30px 0 0 0; }
		.img_scrollMax img { max-width:608px !important; }
	
	/* EOD : contentLayout */
	
	
	/* footer */
	
	.footerLayout {min-height:240px}		
		.footerLeftBox {left:20px}
		.footerRightBox {margin:44px 0 0 4px}
		.footerRightBox .second {margin-bottom:0; display: block;}
		.footerRightBox .second ul li {float:none; margin-bottom:6px}
		.footerRightBox .thrid {margin-bottom:14px; display:block}
		.footerRightBox .thrid ul li {float:none; margin-bottom:6px}
		
	/* EOD : footer */	
	
	/* ADMIN */
	
    .adminTopLayout {min-width: 100%;}
    .adminTopleft li {display: none;}
    .adminId {display: none;}
	
    
    /* Table */
    
   .tableTopBoxR {float: none; text-align: right; margin: 10px 0;}
    
    /* tabbox*/
    
    .tabBox ul li a span {padding: 5px 0px; display: table-cell; min-height: 35px; vertical-align: middle;}
    

    /* search */
    
    .sText {display: block; clear: both;}

    /* font */
	
	html,body { font-size:14px; }
	.txt_default { line-height:1.6; }
	.conbodyT2 { font-size:30px; margin:40px 0 40px 0; }
	.conbodyT3 { font-size:22px; margin:0 0 15px 0; }
	.conbodyT4 { font-size:20px; margin:30px 0 12px 0; }
	.conbodyT5 { font-size:18px; font-weight:400; }
	.conbodyT6 { font-size:17px; font-weight:400; }
	
	.num_txt03 { font-size:13px; }
	.txt_busines01 { font-size:16px; margin:10px 0 0 0; padding:0 0 12px; }
	
	/* EDO : font */
}

@media all and (max-width:640px) { /* phones */

	/* popup */
	.popup_Bottom { top:-75px; }
	/* EOD : popup */
	/* topLayout */

	/* EOD : topLayout */
	
	/* contentLayout */
	
		.section { padding-bottom:40px; }
		.heading_nav ul { display:none; }
		.heading_btn { position:relative; top:inherit; right:inherit; }
		.section .sectionL { width:auto; padding-right:0; float:none; }
		.section .sectionR { padding-left:0; }
		
		.sectioBgCon { width:100%; padding:0 16px; position:relative; left:-16px; margin-bottom:40px; }
		.sectionBg { display:block; width:auto; padding:25px 0 35px 0; }
		.sectionBg .sectionL { display:block; width:auto; padding:0; text-align:center; }
		.sectionBg .sectionR { display:block; }
			.sectionLBox { width:100%; display:block; }
			.sectionRBox { width:100%; display:block; margin-top:30px; }
			.sectionLBox .sectionBg_Inner { padding:0; }
			.sectionRBox .sectionBg_Inner { padding:0; }
		
		
		.perfor_impor { padding:14px; min-height:auto; }
		
		.pro_list { padding:0; }
		.pro_list li .pro_txt01 { font-size:12px; padding:0 0 0 10px; }
		.pro_list li .pro_txt02 { font-size:12px; padding:0 0 0 28px; }
		.pro_list li .pro_txt03 { font-size:12px; padding:0 0 0 10px; }
		.pro_list li .pro_txt01.type02 { margin:10px 0 0 0; }
		.pro_list li .pro_leftBox { width:100%; float:none; }
		.pro_list li .pro_rightBox { width:100%; float:none; }
		
		.list_Num02 { background:none; border:none; margin-top:10px; }
		.list_Num02.first { margin-top:10px; }
		.list_Num02:before { display:none; }
		.list_Num02 li { width:100%; }
		.list_Num02 li .num_Inner .num_Box { border:1px solid #ddd; }
		.list_Num02 li .num_Inner { padding:10px 0 0 0; }
		.list_Num02 li:first-child .num_Inner { padding:0 0 0 0; }
	
		.list_Num03 { display:block; border:none; }
		.list_Num03:before { display:none;}	
		.list_Num03:after { display:none; }	
		.list_Num03 li { display:block; padding:0 !important; width:100%; }
		.list_Num03 li .num_Inner { border:1px solid #ddd; margin-top:10px; }
		.list_Num03 li:first-child .num_Inner { margin-top:0; }
		.list_Num03.type02 { margin-top:10px; }	
		
		.defalut_list02 { border:none !important; }
		.defalut_list02:before { display:none; }
		.defalut_list02 li { width:100%; padding:0; }
		.defalut_list02 li .defalut_Inner { padding:0; }
		.defalut_list02 li:first-child .defalut_Inner { padding:0; margin-bottom:10px; }
		.defalut_Inner.type02 { margin-top:8px; }
	
		.defalut_list03 { display:block; border:none; }
		.defalut_list03:before { display:none; }	
		.defalut_list03:after { display:none; }	
		.defalut_list03 li:before { display:none; }
		.defalut_list03 li { display:block; padding:0 !important; width:100%; }
		.defalut_list03 li .defalut_Inner { border:1px solid #7dc3dc; margin-top:10px; }
		.defalut_list03 li:first-child .defalut_Inner { margin-top:0; }		
		
		.perfor_txt01 { font-size:14px; }
		.perfor_txt02 { font-size:13px; }
		.perfor_txt03 { font-size:25px; right:14px;}
		.perfor_txt03 span { font-size:18px; }	
		.perfor_txt03.type02 span { font-size:16px; }
		.perfor_txt03.mob { top:10px; }
		
		.img_scrollMax { margin:20px 0 0 0; }
		
		.list_terms dt { font-size:14px; padding:12px 10px; }
		.list_terms dd { font-size:12px; padding:10px; min-height:auto; border:1px solid #d4f0ee; }
			
	/* EOD : contentLayout */
	
	/* footer */
	
	.footerLayout {min-height:58px}		
		.footerLayoutIn {padding-top:0}
			.footerLeftBox {display:none}
			.footerRightBox {margin:0; padding:22px 0 0 0; text-align: center;}
			.footerRightBox .first  {display:none}
			.footerRightBox .second {display:none}
			.footerRightBox .thrid  {display:none}
			
	/* EOD : footer */		

	
	/* ADMIN */
	
    .adminTopLayout {min-width: 100%;}
    .adminTopleft {display: none;}
    .adminId {display: none;}

    
	/* login */
	
	.loginForm01 .loginBox {width:90%; height:auto; left:5%; margin:0}
	.loginForm01 .logLBox {position: relative; width: 100%;  background:#23d6ae !important; height: auto;}
	.loginForm01 .logHeadLogo {padding:20px 0}
	.loginForm01 .tit_logHead {display:none}
	.loginForm01 .logleftCon {display:none}
	.loginForm01 .logRBox {height:auto; margin:0}
	.loginForm01 .logRBoxIn {padding: 10px 0; margin: 0 10px;}
	.loginForm01 .logRCon {padding-bottom:15px}
	
	.loginForm02 {width:90%; margin:5% auto; padding:0}
	.loginForm02 .loginBox {width:auto; padding:10px}
	.loginForm02 .logLBox {width:100%; text-align:center}
    .loginForm02 .leftCon_txt01 {left:0}
	.loginForm02 .leftCon_txt02 {left:0}
	
    .loginForm02 .logRBox {width:auto}
    
    .loginForm02 .logRCon ul li {width:100%; margin:5px 0}
    .logleftCon img {margin:40px 0 20px 0}
    
    .login_row > span {width:100%; margin-bottom:10px; position: relative;}
    .login_row .row_InBox {margin:0}
    .login_row .row_InBox input[type="text"] {margin:0}
    .select_full {margin:0}
    
    .loginForm02 .btn_login03 {width:100%}
   
    /* tabbox */
    
    .tabBox {border-bottom:0}
    .tabBox ul li {width:50% !important; border-bottom:1px solid #d7d7d7}
    

	.tabBox_sub ul li {width:100% !important; border-width: 0;}
	.tabBox_sub ul li a {border: 1px solid #e1e1e1;}
	.tabBox_sub ul li.on a {border:1px solid #333}
	
	
	/* gallery */
	
	.gallery_normal > ul {width:100%}
	.gallery_normal > ul > li {width:100%; margin-right:0}	
	
	/* webzine */
	
	.webzine_normal li .webzine_left { width: 100%; display: block;  padding: 0; } 
	.webzine_normal li .webzine_right { display:block; padding:0 } 
	.webzine_right .webzine_name {margin-top: 10px;  display: inline-block;}

    /* search */
    
    .searchBox {padding: 0px 0px 30px;}
    .searchBox ul {display: inline-block; width: 100%; border-bottom: 0px;}
    .searchBox ul li {position: relative; display: block; width: 100%; border-bottom: 1px solid #dadada; padding: 0px; magin: 10px 0px;}

    .sLable_s {position: absolute; left: 10px; top: 0px; height: auto; font-size: 14px; font-weight: 400; border: 0px; background-color: transparent; padding: 0px; text-align: left;}
    .sInput {display: block; padding: 10px;}
    .sText {display: block; font-size: 12px;}

    .searchBu {bottom: 6px; padding: 5px 0px; left: 50%; margin-left: 0%;  width: 90%; font-size: 14px;}
    .searchBu span {vertical-align: 1px;}
    
    /* button */
    
    .buttonBox {padding:10px 0 0 0}
    .buttonBox ul li {width:100%; margin:5px 0}
    .buttonBox ul li button {width:100%; margin:0}
    
    /* table */
    .tableBox {padding:5px; font-size:13px; margin:10px 0px;}
    
	/* popup */
    .popup_BoxIn {width: 98% !important; height: 98% !important; top:1% !important; left:1%; margin: 0 !important;}
    
    /* font */	

	html, body {font-size: 12px;}
	.txt_default {line-height: 1.6}
	.conbodyT2 { font-size:25px; margin:24px 0 30px 0; }
	.conbodyT3 { font-size:20px; margin:0 0 15px 0; }
	.conbodyT4 { font-size:16px; margin:25px 0 12px 0; }
	.conbodyT5 { font-size:16px; margin:20px 0 10px 0; font-weight:normal; }
	.conbodyT6 { font-size:15px; margin:15px 0 8px 0; font-weight:normal; }
	
	.num_txt03 { font-size:12px; }	
	
	.txt_busines01 { font-size:14px; margin:10px 0 0 0; padding:0 0 10px; }
	
	/* EOD : font */		
    
    /* Responsive */
   
    .mobileS {display: block;}
	.mobileH {display: none;}
    
}