/*//14-02-03
 * http://getbootstrap.com/customize - 하려 했으나, 원본 소스와 차이가 있어 강제 선언으로 처리
 * font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#383d41;
 */
input, button {font-size:12px; }
body{ font-size:12px;overflow-y:scroll;}
img { max-width: 100%; }
caption{position:absolute;visibility:hidden;font-size:0;}
div.tooltip-inner {max-width: 100%;}

/* custom widths .span !important? */
.auto { display:inline-block; width:auto; }
.span1 { display:inline-block; width:50px; }
.span2 { display:inline-block; width:100px; }
.span3 { display:inline-block; width:150px; }
.span4 { display:inline-block; width:200px !important; }
.span5 { display:inline-block; width:250px; }
.span6 { display:inline-block; width:300px; }
.span7 { display:inline-block; width:350px; }
.span8 { display:inline-block; width:400px; }
.span9 { display:inline-block; width:450px; }
.span10 { display:inline-block; width:500px; }

/* custom padding */
.pdt1 { padding-top	  :5px; } .pdt2 { padding-top   :10px; } .pdt3 { padding-top   :15px; } .pdt4 { padding-top   :20px; }
.pdl1 { padding-left  :5px; } .pdl2 { padding-left  :10px; } .pdl3 { padding-left  :15px; } .pdl4 { padding-left  :20px; }
.pdr1 { padding-right :5px; } .pdr2 { padding-right :10px; } .pdr3 { padding-right :15px; } .pdr4 { padding-right :20px; }
.pdb1 { padding-bottom:5px; } .pdb2 { padding-bottom:10px; } .pdb3 { padding-bottom:15px; } .pdb4 { padding-bottom:20px; }

/* custom margin */
.mgt1 { margin-top	 :5px; } .mgt2 { margin-top   :10px; } .mgt3 { margin-top   :15px; } .mgt4 { margin-top   :20px; }
.mgl1 { margin-left  :5px; } .mgl2 { margin-left  :10px; } .mgl3 { margin-left  :15px; } .mgl4 { margin-left  :20px; }
.mgr1 { margin-right :5px; } .mgr2 { margin-right :10px; } .mgr3 { margin-right :15px; } .mgr4 { margin-right :20px; }
.mgb1 { margin-bottom:5px; } .mgb2 { margin-bottom:10px; } .mgb3 { margin-bottom:15px; } .mgb4 { margin-bottom:20px; }


/*추가한부분 */

.clear{clear: both;}

/* 공통 라인 영역   */
.line1{background-color: #333;height: 1px;}
.pupleline{background-color: #333;height: 1px;}
.greyline{background-color: #333;height: 1px;}
.lightgreyline{background-color: #ebeaea;height: 1px;}


/*백그라운드 칼라 */
.bgcolor_f8f8f8 {background-color:#f8f8f8;}
.bgcolor_e4e9f1{background-color:#e4e9f1;}
.bgcolor_f3f3f3{background-color:#f3f3f3;}
.bgcolor_e6e6e6{background-color:#e6e6e6;}
.bgcolor_e8e8e8{background-color:#e8e8e8;}
.bgcolor_f6f6f6{background-color:#f6f6f6;}



/* 폰트 스타일 */
.ff_mg{ font-family:Tahoma;}
.ff_gl{ font-family:굴림;}
.ff_gd{ font-family:고딕;}
.ff_Tm {font-family:Tahoma;}

.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}


.font_ls 05{letter-spacing: -0.05em;}


/* 색상 */
.white {color:#FFFFFF;}
.black {color:#000000;}
.blue {color:#23347c;}
.blue1 {color:#0b479b;}
.blue2 {color:#2e6989;}
.blue3 {color:#0067c9;}
.blue4 {color:#10386b;}
.gray1 {color:#888;}
.gray2 {color:#2f2f2f;}
.red {color:#d70103;}
.yellow{color::#ffa500;}


.ln150 {line-height:150%;}
.ln170 {line-height:170%;}
.ln200 {line-height:200%;}

.ht20 {height:20px;}
.ht30 {height:30px;}
.ht50 {height:50px;}
.ht100 {height:100px;}
.ht150 {height:150px;}
.ht180 {height:180px;}
.ht200 {height:200px;}


.b {font-weight:bold}
.u {text-decoration:underline}
.ve{font-family:verdana;}
.ve11, a.ve11:link, a.ve11:visited, a.ve11:hover, a.ve11:active{font-family:verdana;font-size:11px}
.tm{font-family:tahoma;}
.tm11, a.tm11:link, a.tm11:visited, a.tm11:hover, a.tm11:active{font-family:tahoma;font-size:11px}
.tm_red_bold {font-family:tahoma; font-size:13px; color:#d70103; font-weight:bold;}
.num11 {color:#fe5200;font-size:11px}
.num12 {color:#fe5200;font-size:12px}
.mg{font-family:Tahoma; font-size:13px; font-weight:bold; letter-spacing: -0.05em;}
.mg_num {color:#ff5300; font-family:Tahoma; font-size:13px; font-weight:bold; letter-spacing: -0.05em;}



.ls1 {letter-spacing:-0.1em;}



/* 여백 및 정렬 */

.al { text-align:left;}
.ac { text-align:center;}
.ar { text-align:right;}
.at { vertical-align:top; }
.am { vertical-align:middle; }
.ab { vertical-align:bottom; }
.aj { text-align:justify;}

.p5  {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}

.pt2  {padding-top:2px;}
.pt4  {padding-top:4px;}
.pt5  {padding-top:5px;}
.pt7  {padding-top:7px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt65 {padding-top:65px;}

.pb3  {padding-bottom:3px;}
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:15px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb100 {padding-bottom:100px;}

.pr5  {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pl5  {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}


.m0{margin:0 auto;}
.m5  {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}

.mt2  {margin-top:2px;}
.mt4  {margin-top:4px;}
.mt5  {margin-top:5px;}
.mt7  {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt65 {margin-top:65px;}

.mb3  {margin-bottom:3px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:15px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}

.mr0  {margin-right:0px;}
.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.ml0  {margin-left:0px;}
.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.bt_d1d1d1 {border-top:1px solid #d1d1d1;}
.bb_d1d1d1 {border-bottom:1px solid #d1d1d1;}
.bl_d1d1d1 {border-left:1px solid #d1d1d1;}
.br_d1d1d1 {border-right:1px solid #d1d1d1;}

.bt_e24812 {border-top:1px solid #e24812;}
.bb_e24812 {border-bottom:1px solid #e24812;}
.bl_e24812 {border-left:1px solid #e24812;}
.br_e24812 {border-right:1px solid #e24812;}

.bt_f3f4f3 {border-top:1px solid #f3f4f3;}
.bb_f3f4f3 {border-bottom:1px solid #f3f4f3;}
.bl_f3f4f3 {border-left:1px solid #f3f4f3;}
.br_f3f4f3 {border-right:1px solid #f3f4f3;}

.bt_e4e9f1 {border-top:1px solid #e4e9f1;}
.bb_e4e9f1 {border-bottom:1px solid #e4e9f1;}
.bl_e4e9f1 {border-left:1px solid #e4e9f1;}
.br_e4e9f1 {border-right:1px solid #e4e9f1;}

.bt_bec0c3 {border-top:1px solid #bec0c3;}
.bb_bec0c3 {border-bottom:1px solid #bec0c3;}
.bl_bec0c3 {border-left:1px solid #bec0c3;}
.br_bec0c3 {border-right:1px solid #bec0c3;}

.float_right{float: right;}
.float_left{float: left;}

/*작은 아이콘 대신 CSS로 처리 */
.IconSmallEdit{border: 1px solid #CCCCCC;color:#d70103;max-width:100px;max-height:100px;min-width:30px;min-height:30px}
.IconSmallDelete{border: 1px solid #CCCCCC;color:#d70103;max-width:100px;max-height:100px;min-width:30px;min-height:30px}


/*테이블 형식*/
.TableType1{}
.TableType1 thead tr{height:40px;}
.TableType1 thead tr th{font-weight:bold;text-align:center;background-color:#FFFFFF;}	
.TableType1 > tbody > tr.success{background-color:#FFFFFF;}	
.TableType2 tbody tr{height:40px;margin: 2px 0 2px 0;}

.TableType2{}
.TableType2 thead tr{height:40px;}
.TableType2 thead tr th{font-weight:bold;text-align:center;background-color:#FFFFFF;}
.TableType2 tbody .success{background-color:#d9edf7;}	
.TableType2 tbody tr{height:40px;}


/*여기부터 수정*/
.body_gray { padding-top:60px; padding-bottom:20px; background-color:#f8f8f8; }

.FontTitle {font-family:Tahoma; font-size:18px; font-weight:bold; letter-spacing: -0.05em;}




/* 기본레이아웃 */

@media (max-width: 767px) {
    .BodyWrap {margin:0 0 30px 0;padding:0;float:left;width:100%;}
    .BodyWrap .ContentsWrap{margin:0 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:86%;}
}

@media (min-width: 768px) {
    .BodyWrap {margin:0 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:78%;}
    .BodyWrap .ContentsWrap{margin:0 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:86%;}
}

@media (min-width: 992px) {
    .BodyWrap {margin:0 auto;padding:5px; margin-bottom:30px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:100%;}
    .BodyWrap .ContentsWrap{margin:0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:100%;}
}

@media (min-width: 1200px) {
    .BodyWrap{margin:0 auto;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:100%;}
    .BodyWrap .ContentsWrap{margin:0;padding:5px; background-color:#FFFFFF; border:1px solid #d6d6d6;float:left;width:100%;}
}





/*************************** 기본 css 시작 *****************************/

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

/**************************** head ****************************/ 

#head .top ul li a {
    color: #046710;
}

#head .top ul li a:hover {
  color: #046710;
}

#head .navbar-toggle {background-color: black;margin-top: 40px;}

#head .navbar-brand {padding:0 ;margin:0;} /*logo*/

#head .navbar {background: #fff;}

#head .navbar-nav{margin-top: 0;}

#head .navbar-nav>li{margin-left: 40px;padding-top: 30px;padding-bottom: 0;}/* 올리고 내리기*/

#head .navbar-inverse .navbar-nav > li > a {
  padding: 5px 12px;  
  margin: 0;
  border-radius: 3px;
  
  color: #191919;
  line-height: 24px;
  display: inline-block;
  font-size: 17px;
}

#head .navbar-inverse .navbar-nav > li > a:hover{
background-color: #046710;  
color:#fff;
}

#head .navbar-inverse {
border: none;
}

#head .navbar-inverse .navbar-nav > .active > a{
  background-color: #046710;  
  color:#fff;
}

/*************************** main-slider ****************************/
#main-slider {
  margin-top:30px;
  position: relative;
}

#main-slider .slider-img{margin:0 0 0 100px;}


#main-slider > .carousel h2 {
  font-weight: bold;
  color: #fff;
}

#main-slider .carousel h1 {
  color: #fff;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #046710;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}

#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 650px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: #046710;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #000;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 15px;
}

#main-slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}

#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
 
  left: -3px;
  top: -3px;
}

#main-slider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #046710;
   margin: 0 15px 0 0;
   
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #046710;
  
  left: -3px;
  top: -3px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}

#main-slider .carousel-content {
  margin-top: 100px;
}

#main-slider .slide-margin{
  margin-top: 40px;
}

/*************************** main_business ****************************/
#main_business .features{
  padding: 0;
   margin-top: 55px;
}

#main_business .feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}

#main_business .feature-wrap h2{
font-weight:bold;
font-size: 16px;
}

#main_business .feature-wrap h3{
font-size: 16px;
}

#main_business .feature-wrap .pull-left {
  margin-right: 25px;
}

/*아이콘 크기변경*/
#main_business .feature-wrap i{
  font-size: 48px;
  height: 110px;
  width: 110px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #ffffff;
  color: #046710;
  
  box-shadow: inset 0 0 0 5px #f2f2f2;
  
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 25px;
}

#main_business .feature-wrap i:hover {
  background: #046710;
  color: #fff;
  box-shadow: inset 0 0 0 5px #046710;  
  border: 3px solid #046710;
}

#main_business .center{
text-align: center; 

}
 
/*************************** bottom ****************************/
 #bottom {
  background: #f5f5f5;
  border-bottom: 5px solid #046710;
  font-size: 14px;
  padding: 70px 0;
  margin: 0 auto;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:22px;
  color: #000;
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
}

#bottom ul li a {
  color: #808080;
}

#bottom ul li a:hover {
  color: #046710;
}

#bottom .widget {
  margin-bottom: 0;
}

/*************************** footer ***************************/

#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background: #2e2e2e;
}

#footer a {
  color: #fff;
}

#footer a:hover {
  color: #046710;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}

 
/*************************** breadcrumbs ****************************/

#breadcrumbs{
	background-color:#f5f5f5;
	margin-top:30px;
	margin-bottom:40px;
	border-style:solid;
	border-color:#d8d8d8;
	border-bottom-color:#eae6e6;
	border-left:hidden;
	border-right:hidden;	
}
#breadcrumbs ul{
margin:20px 20px 0 0;
}
#breadcrumbs ul li a {
  color: #046710;
}


/*************************** history ****************************/

 #history .historytitletext{
 padding: 1px;font-size: 19pt;color: #3c9ad8;text-align:center;font-weight: bold;
 }
 
 #history .historytextblack{
 padding-left: 20px;font-size: 10pt;color: #4b4c4c;text-align:left;font-weight: bold;
 }
 
/*************************** direction ****************************/
 
 #direction .embed-container { 
 position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;  
 } 
 #direction .embed-container iframe, #direction .embed-container object, #direction .embed-container embed{
 position: absolute; top: 0; left: 0; width: 100%; height: 100%;  
 } 
 
 
/*************************** talented_human ****************************/
#talented_human blockquote > span {
  font-size: 13px;
}
#talented_human blockquote > p {
  font-size: 25px;
}

/********************
 * *******sector********
 ********************/
#sector .lead{
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
 
 /********************
 * *******online_support********
 ********************/
 
 #online_support .text-success{
 font-size:30px;
 }
 
 
 

/* 로그인 페이지*/ 

@media (max-width: 767px) {
.LoginWrap{margin:0 0 30px -10px;}
.LoginContent{}
.LoginContent{margin-top:20px;border:1px solid #d6d6d6;padding:5px;background-color:#fff; }
.LoginContent fieldset legend{margin:0 0 10px 0;padding:0 0 10px 0;font-family:Tahoma;font-size: 25px;font-weight: bolder;text-align:center;}
}

@media (min-width: 768px) and (max-width: 992px) {
.LoginWrap{width:100%;border:1px solid #d6d6d6;background-color:#fff;margin:50px 0 30px 0;}
.LoginContent{margin:30px 0 80px 100px;width:500px;border:1px solid #d6d6d6;background-color:#fff;}
.LoginContent fieldset{padding:10px;}
.LoginContent fieldset legend{margin:0 0 10px 0;padding:0 0 10px 0;font-family:Tahoma;font-size: 25px;font-weight: bolder;text-align:center;}
}

@media (min-width: 992px) {
.LoginWrap{margin:0 0 30px 0;border:1px solid #d6d6d6;padding:5px;background-color:#fff; }
.LoginContent{margin:50px 0 80px 200px;width:500px;border:1px solid #d6d6d6;}
.LoginContent fieldset{}
.LoginContent fieldset legend{margin:0 0 10px 0;padding:0 0 10px 0;font-family:Tahoma;font-size: 25px;font-weight: bolder;text-align:center;}
}

@media (min-width: 1200px) {
.LoginWrap{margin:0 0 30px 0;border:1px solid #d6d6d6;padding:5px;background-color:#fff; }
.LoginContent{margin:50px 0 80px 300px;width:500px;border:1px solid #d6d6d6;}
.LoginContent fieldset{}
.LoginContent fieldset legend{margin:0 0 10px 0;padding:0 0 10px 0;font-family:Tahoma;font-size: 25px;font-weight: bolder;text-align:center;}
}

 /*************************************************************************************** 기본 css 끝 ************************************************************************/
 

 /* Large desktop */
@media (min-width: 1200px) {
 .MypageWrap{padding:5px; margin:auto;}
.MypageWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:110%;}
.MypageWrap .ContentsWrap .Box {margin:0 0 10px 10px;float:left;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;}
.MypageWrap .ContentsWrap .label {margin:0;padding:14px 0 0 0; background-color:#ffffff; float:left;width:200px;height:50px;font-family:Tahoma;font-size: 14px;font-weight: bolder;color: #666;text-align:left;}
.MypageWrap .ContentsWrap .value {margin:0;padding:13px 0 0 0; background-color:#ffffff;float:right;width:150px;height:50px;font-family:Tahoma;font-size: 14px;color: #666;}
.MypageWrap .ContentsWrap .ArticleBox {margin:30px 0 0 0;width:100%;clear:both;}
.MypageWrap .ContentsWrap .ArticleBox1 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
.MypageWrap .ContentsWrap .ArticleBox2 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
.MypageWrap .LeftMenuWarp #navList{width:180px;}
}

/*md desktop ***********************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

.MypageWrap{padding:5px; margin:auto;}
.MypageWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:81%;}
.MypageWrap .ContentsWrap .Box {margin:0 0 10px 10px;float:left;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;}
.MypageWrap .ContentsWrap .label {margin:0;padding:13px 0 0 0; background-color:#ffffff; float:left;width:100px;height:50px;font-family:Tahoma;font-size: 14px;font-weight: bolder;color: #666;text-align:left;}
.MypageWrap .ContentsWrap .value {margin:0;padding:13px 0 0 0; background-color:#ffffff;float:right;width:150px;height:50px;font-family:Tahoma;font-size: 14px;color: #666;}
.MypageWrap .ContentsWrap .ArticleBox {margin:30px 0 0 0;width:100%;clear:both;}
.MypageWrap .ContentsWrap .ArticleBox1 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
.MypageWrap .ContentsWrap .ArticleBox2 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
.MypageWrap .LeftMenuWarp #navList{width:180px;}


}
/*end/-md desktop *****************************************************************/




/* BoardLists 페이지*/ 

@media (max-width: 767px) {
.BoardListsWrap{padding:5px; margin:0 0 0 -15px;}
.BoardListsWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:100%;}
.BoardListsWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardListsWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:95%;height:30px;}
.BoardListsWrap .form-group input{height:25px;margin:10px 0 0 0;}
.BoardListsWrap .LeftMenuWarp {width:100%;padding:0; margin:0;}
.BoardListsWrap .LeftMenuWarp #navList{width:100%;}
}

@media (min-width: 768px) {
.BoardListsWrap {padding:5px; margin:50px 0 30px 0 ;}
.BoardListsWrap .ContentsWrap {margin:0 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:78%;}
.BoardListsWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardListsWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardListsWrap .form-group input{height:30px;margin:10px 0 0 0;}
.BoardListsWrap .LeftMenuWarp #navList{width:180px;}
}

@media (min-width: 992px) {
.BoardListsWrap {padding:5px; margin:0 0 30px 0;}
.BoardListsWrap .ContentsWrap {margin:0 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:83%;}
.BoardListsWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardListsWrap  .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:0 0 0 0;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardListsWrap .form-group input{height:30px;margin:0;}
.BoardListsWrap .LeftMenuWarp #navList{width:200px;}
}

@media (min-width: 1200px) {
.BoardListsWrap{padding:5px; margin:0 0 30px 0;}
.BoardListsWrap .ContentsWrap {margin:-10px 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:80%;}
.BoardListsWrap .ContentsWrap legend{padding:0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardListsWrap .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardListsWrap .form-group input{height:30px;margin:0;}
.BoardListsWrap .LeftMenuWarp #navList{width:200px;}
}





/* BoardView 페이지*/ 

@media (max-width: 767px) {
.BoardViewWrap{padding:5px; margin:0 -10px 0 -15px;}
.BoardViewWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:98%;}
.BoardViewWrap .ContentsWrap .page-header .panel-info{margin:-35px 0 0 0;padding:0;}
.BoardViewWrap .ContentsWrap legend{padding:0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:95%;height:30px;}
.BoardViewWrap .form-group input{height:25px;margin:10px 0 0 0;width:90%;}
.BoardViewWrap .LeftMenuWarp #navList{width:98%;}
}

@media (min-width: 768px) {
.BoardViewWrap {padding:5px; margin:50px 0 30px 0 ;}
.BoardViewWrap .ContentsWrap {margin:0 0 30px 3px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:78%;}
.BoardViewWrap .ContentsWrap .page-header .panel-info{margin:-35px 0 0 0;padding:0;}
.BoardViewWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardViewWrap .form-group input{height:30px;margin:10px 0 0 0;width:90%;}
.BoardViewWrap .LeftMenuWarp #navList{width:180px;}
}

@media (min-width: 992px) {
.BoardViewWrap {padding:5px; margin:0 0 30px 0;}
.BoardViewWrap .ContentsWrap {margin:0 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:83%;}
.BoardViewWrap .ContentsWrap .page-header .panel-info{margin:-35px 0 0 0;padding:0;}
.BoardViewWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewWrap  .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:0 0 0 0;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardViewWrap .form-group input{height:30px;margin:0;width:100%;}
.BoardViewWrap .LeftMenuWarp #navList{width:180px;}
}

@media (min-width: 1200px) {
.BoardViewWrap{padding:5px; margin:0 0 30px 0;}
.BoardViewWrap .ContentsWrap {margin:0 0 30px 5px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:86%;}
.BoardViewWrap .ContentsWrap .page-header .panel-info{margin:-35px 0 0 0;padding:0;}
.BoardViewWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewWrap .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardViewWrap .form-group input{height:30px;margin:0;width:100%;}
.BoardViewWrap .ContentsWrap #view_comment{border:0;}

}

/* vew 하단 리스트 */

@media (max-width: 767px) {
.BottomListWrap{padding:5px; margin:0 0 0 -15px;}
.BottomListWrap .ContentsWrap {margin:0 -5px 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:99%;}
.BottomListWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BottomListWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:95%;height:30px;}
.BottomListWrap .form-group input{height:25px;margin:10px 0 0 0;}
}

@media (min-width: 768px) {
.BottomListWrap {padding:5px; margin:0 4px 30px 155px;}
.BottomListWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:100%;}
.BottomListWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BottomListWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BottomListWrap .form-group input{height:30px;margin:10px 0 0 0;}
}

@media (min-width: 992px) {
.BottomListWrap {padding:5px; margin:0 4px 30px 155px;}
.BottomListWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:100%;}
.BottomListWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BottomListWrap  .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:0 0 0 0;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BottomListWrap .form-group input{height:30px;margin:0;}
}

@media (min-width: 1200px) {
.BottomListWrap{padding:5px; margin:0 4px 30px 155px;}
.BottomListWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:100%;}
.BottomListWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BottomListWrap .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BottomListWrap .form-group input{height:30px;margin:0;}
}





/* BoardViewCommentWrap 페이지*/ 

@media (max-width: 767px) {
.BoardViewCommentWrap{padding:5px; margin:0 -10px 0 -15px;}
.BoardViewCommentWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff;float:left;width:96%;}
.BoardViewCommentWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewCommentWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:95%;height:30px;}
.BoardViewCommentWrap .form-group input{height:25px;margin:10px 0 0 0;}
.BoardViewCommentWrap .LeftMenuWarp #navList{width:98%;}
}

@media (min-width: 768px) {
.BoardViewCommentWrap {padding:5px; margin:50px 0 30px 0;}
.BoardViewCommentWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff;float:left;width:79%;}
.BoardViewCommentWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewCommentWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardViewCommentWrap .form-group input{height:30px;margin:10px 0 0 0;}
.BoardViewCommentWrap .LeftMenuWarp #navList{width:180px;}
}

@media (min-width: 992px) {
.BoardViewCommentWrap {padding:5px; margin:0 0 30px 0;}
.BoardViewCommentWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; float:left;width:100%;}
.BoardViewCommentWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewCommentWrap  .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:0 0 0 0;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardViewCommentWrap .form-group input{height:30px;margin:0;}
.BoardViewCommentWrap .co_content{width:100%;}
.BoardViewCommentWrap .LeftMenuWarp #navList{width:180px;}
}

@media (min-width: 1200px) {
.BoardViewCommentWrap{padding:5px; margin:0 0 30px 0;}
.BoardViewCommentWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff;float:left;width:100%;}
.BoardViewCommentWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardViewCommentWrap .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardViewCommentWrap .form-group input{height:30px;margin:0;}
.BoardViewCommentWrap .LeftMenuWarp #navList{width:180px;}
}

/* BoardWrite 페이지*/ 

@media (max-width: 767px) {
.BoardWriteWrap{padding:5px; margin:0 -10px 0 -15px;}
.BoardWriteWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardWriteWrap  .form-group .control-label{text-align: left;margin:0 0 5px 15px;padding:7px 0 0 5px;font-family:Tahoma;font-size: 14px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:93%;height:35px;}
.BoardWriteWrap .form-group input{height:40px;margin:10px 0 0 0;}
.BoardWriteWrap .LeftMenuWarp #navList{width:98%;}
}

@media (min-width: 768px) {
.BoardWriteWrap {padding:5px; margin:50px 0 30px 0 ;}
.BoardWriteWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardWriteWrap .form-group .control-label{text-align: left;margin:0 0 10px 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:94%;height:30px;}
.BoardWriteWrap .form-group input{height:40px;margin:10px 0 0 0;}
.BoardWriteWrap .LeftMenuWarp #navList{width:180px;}
}

@media (min-width: 992px) {
.BoardWriteWrap {padding:5px; margin:0 0 30px 0;}
.BoardWriteWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardWriteWrap  .form-group .control-label{text-align: left;margin:0 0 0 20px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardWriteWrap .form-group input{height:30px;margin:0;}
.BoardWriteWrap .form-group.col-md-9{margin:0 0 0 0px;padding:0 0 0 0;}
.BoardWriteWrap .LeftMenuWarp #navList{width:180px;}
}

@media (min-width: 1200px) {
.BoardWriteWrap{padding:5px; margin:0 0 30px 0;}
.BoardWriteWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
.BoardWriteWrap .form-group .control-label{text-align: left;margin:0 0 0 20px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
.BoardWriteWrap .form-group input{height:30px;margin:0;}
.BoardWriteWrap .LeftMenuWarp #navList{width:180px;}
}


/*sm   Portrait tablet to landscape and desktop ***************************************/
@media (min-width: 768px) and (max-width: 991px) {
  


#head .navbar-nav>li{
  margin-left: 12px; /* max값이 12 이다.. 그이상은 깨짐*/
  font-weight:normal;
}


#main-slider .carousel h1 {    
	font-size: 25px;
}
#main-slider .carousel h2 {
    font-size: 25px;
}

}/*  end /-sm   Portrait tablet to landscape and desktop ********************************/





/* xs phone 767보다 작을경우 무조건 모바일임 ****************************************/
@media (max-width: 767px) {

.container > .navbar-header, .container > .navbar-collapse{   margin-left: 0; }

  #main-slider .carousel h1 {
    font-size: 25px;
  }

  #main-slider .carousel h2 {
    font-size: 16px;
  }

  #main_business .feature-wrap h2{
    font-size: 18px;
  }

  #main_business .feature-wrap h3{
    font-size: 14px;
  }



  #footer .col-sm-6{
    text-align:center;
  }
  
  #footer .pull-right{
    float: none !important;
  }

  #bottom{
    display: none;
  }
  
  
  #breadcrumbs ul{
  display:none;
	}
	

 

}/* end mobile ********************************************************************/

/* XS Portrait */
@media (max-width: 480px) {

}



/* Join Check 페이지*/ 

@media (max-width: 767px) {
	.JoinCheckWrap{padding:5px; margin:0 auto;}
	.JoinCheckWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:96%;}
	.JoinCheckWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap  h5{padding:10px 0 0 0;font-family:Tahoma;font-size: 15px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap textarea{padding:0 5px 5px 0;width:98%;height:150px;}
	.JoinCheckWrap .LeftMenuWarp #navList{width:98%;}
}
@media (min-width: 768px) {
	.JoinCheckWrap {padding:5px; margin:0 auto;}
	.JoinCheckWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:79%;}
	.JoinCheckWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap  h5{padding:10px 0 0 0;font-family:Tahoma;font-size: 15px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap textarea{padding:0 5px 5px 0;width:98%;height:150px;}
	.JoinCheckWrap .LeftMenuWarp #navList{width:180px;}
}
@media (min-width: 992px) {
	.JoinCheckWrap {padding:5px; margin:10px 0 30px 0;}
	.JoinCheckWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:81%;}
	.JoinCheckWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap  h5{padding:10px 0 0 0;font-family:Tahoma;font-size: 15px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap textarea{padding:0 5px 5px 0;width:98%;height:150px;}
	.JoinCheckWrap .LeftMenuWarp #navList{width:180px;}
}
@media (min-width: 1200px) {
	.JoinCheckWrap {padding:5px; margin:10px 0 30px 0;}
	.JoinCheckWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:84%;}
	.JoinCheckWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap  h5{padding:10px 0 0 0;font-family:Tahoma;font-size: 15px;font-weight: bolder;color: #666;}
	.JoinCheckWrap .ContentsWrap textarea{padding:0 5px 5px 0;width:98%;height:200px;}
	.JoinCheckWrap .LeftMenuWarp #navList{width:180px;}
}


/* Join 페이지*/ 

@media (max-width: 767px) {
	.JoinWrap {padding:5px; margin:auto;}
	.JoinWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:96%;}
	.JoinWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinWrap .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:95%;height:30px;}
	.JoinWrap  .form-group input{height:25px;margin:10px 0 0 0;}
	.JoinWrap  .form-group select{margin:10px 0 0 0;}
	.JoinWrap .form-group .input-group {margin:10px 0 10px 0;}
	.JoinWrap .form-group .input-group-addon{display:none;}
	.JoinWrap .LeftMenuWarp #navList{width:98%;}
}
@media (min-width: 768px) {
	.JoinWrap {padding:5px; margin:auto;}
	.JoinWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:79%;}
	.JoinWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinWrap .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
	.JoinWrap  .form-group input{height:30px;margin:10px 0 0 0;}
	.JoinWrap  .form-group select{margin:10px 0 0 0;}
	.JoinWrap .form-group .InputMoreBtn{margin:0 0 0 20px;}
	.JoinWrap .form-group .input-group {margin:10px 0 10px 0;}
	.JoinWrap .form-group .input-group-addon{visibility:visible;}
	.JoinWrap .LeftMenuWarp #navList{width:180px;}
}
@media (min-width: 992px) {
	.JoinWrap {padding:5px; margin:10px 0 30px 0;}
	.JoinWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:81%;}
	.JoinWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinWrap  .form-group .control-label{text-align: left;margin:0 0 0 20px;padding:0 0 0 0;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:160px;height:30px;}
	.JoinWrap .form-group input{height:30px;margin:0;}
	.JoinWrap .form-group select{margin:0;}
	.JoinWrap .form-group .InputMoreBtn{margin:0 0 0 20px;}
	.JoinWrap .form-group .input-group {margin:0 0 10px 0;}
	.JoinWrap .form-group .input-group-addon{visibility:visible;}
	.JoinWrap .LeftMenuWarp #navList{width:180px;}
}
@media (min-width: 1200px) {
	.JoinWrap{padding:5px; margin:10px 0 30px 0;}
	.JoinWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:84%;}
	.JoinWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.JoinWrap .form-group .control-label{text-align: left;margin:0 0 0 20px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:160px;height:30px;}
	.JoinWrap .form-group input{height:30px;margin:0;}
	.JoinWrap .form-group select{margin:0;}
	.JoinWrap .form-group .InputMoreBtn{margin:0 0 0 20px;}
	.JoinWrap .form-group .input-group {margin:0 0 10px 0;}
	.JoinWrap .form-group .input-group-addon{visibility:visible;}
	.JoinWrap .LeftMenuWarp #navList{width:180px;}
}



/* JForgetIdpwd 페이지*/ 

@media (max-width: 767px) {
	.ForgetIdpwdWrap{padding:5px; margin:auto;}
	.ForgetIdpwdWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:97%;}
	.ForgetIdpwdWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.ForgetIdpwdWrap  .form-group .control-label{text-align: left;margin:0 0 10px 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:93%;height:30px;}
	.ForgetIdpwdWrap  .form-group input{margin:0;}
	.ForgetIdpwdWrap  .form-group select{margin:10px 0 0 0;}
	.ForgetIdpwdWrap .form-group .input-group {margin:10px 0 10px 0;}
	.ForgetIdpwdWrap .form-group .input-group-addon{visibility:visible;}
	.ForgetIdpwdWrap .LeftMenuWarp #navList{width:100%;}
}
@media (min-width: 768px) {
	.ForgetIdpwdWrap{padding:5px; margin:auto;}
	.ForgetIdpwdWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:70%;}
	.ForgetIdpwdWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.ForgetIdpwdWrap .form-group .control-label{text-align: left;margin:0 10px 0 20px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;float:left;}
	.ForgetIdpwdWrap .form-group input{height:30px;margin:0;}
	.ForgetIdpwdWrap .form-group select{margin:0;}
	.ForgetIdpwdWrap .form-group .input-group {margin:0 0 10px 0;}
	.ForgetIdpwdWrap .form-group .input-group-addon{visibility:visible;}
	.ForgetIdpwdWrap .LeftMenuWarp #navList{width:180px;}
}
@media (min-width: 992px) {
	.ForgetIdpwdWrap{padding:5px; margin:10px 0 30px 0;}
	.ForgetIdpwdWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:81%;}
	.ForgetIdpwdWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.ForgetIdpwdWrap .form-group .control-label{text-align: left;margin:0 0 0 20px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
	.ForgetIdpwdWrap .form-group input{height:30px;margin:0;}
	.ForgetIdpwdWrap .form-group select{margin:0;}
	.ForgetIdpwdWrap .form-group .input-group {margin:0 0 10px 0;}
	.ForgetIdpwdWrap .form-group .input-group-addon{visibility:visible;}
	.ForgetIdpwdWrap .LeftMenuWarp #navList{width:180px;}
}
@media (min-width: 1200px) {
	.ForgetIdpwdWrap {padding:5px; margin:10px 0 30px 0;}
	.ForgetIdpwdWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:81%;}
	.ForgetIdpwdWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.ForgetIdpwdWrap .form-group .control-label{text-align: left;margin:0 0 0 20px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
	.ForgetIdpwdWrap .form-group input{height:30px;margin:0;}
	.ForgetIdpwdWrap .form-group select{margin:0;}
	.ForgetIdpwdWrap .form-group .input-group {margin:0 0 10px 0;}
	.ForgetIdpwdWrap .form-group .input-group-addon{visibility:visible;}
	.ForgetIdpwdWrap .LeftMenuWarp #navList{width:180px;}
}




/* Out 페이지*/ 
@media (max-width: 767px) {
	.OutWrap{padding:5px; margin:0 -10px 0 -15px;}
	.OutWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:96%;}
	.OutWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.OutWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:95%;height:30px;}
	.OutWrap  .form-group input{height:25px;margin:10px 0 0 0;}
	.OutWrap  .form-group select{margin:10px 0 0 0;}
	.OutWrap .form-group .input-group {margin:10px 0 10px 0;}
	.OutWrap .form-group .input-group-addon{display:none;}
	.OutWrap .LeftMenuWarp #navList{width:98%;}
} 
@media (min-width: 768px) {
	.OutWrap {padding:5px; margin:50px 0 30px 0 ;}
	.OutWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:79%;}
	.OutWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.OutWrap  .form-group .control-label{text-align: left;margin:0 0 0 15px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
	.OutWrap  .form-group input{height:30px;margin:10px 0 0 0;}
	.OutWrap  .form-group select{margin:10px 0 0 0;}
	.OutWrap .form-group .InputMoreBtn{margin:0 0 0 20px;}
	.OutWrap .form-group .input-group {margin:10px 0 10px 0;}
	.OutWrap .form-group .input-group-addon{visibility:visible;}
	.OutWrap .LeftMenuWarp #navList{width:180px;}
} 
@media (min-width: 992px) {
	.OutWrap {padding:5px; margin:10px 0 30px 0;}
	.OutWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:81%;}
	.OutWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.OutWrap  .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:0 0 0 0;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
	.OutWrap  .form-group input{height:30px;margin:0;}
	.OutWrap  .form-group select{margin:0;}
	.OutWrap .form-group .InputMoreBtn{margin:0 0 0 20px;}
	.OutWrap .form-group .input-group {margin:0 0 10px 0;}
	.OutWrap .form-group .input-group-addon{visibility:visible;}
	.OutWrap .LeftMenuWarp #navList{width:180px;}
} 
@media (min-width: 1200px) {
	.OutWrap{padding:5px; margin:10px 0 30px 0;}
	.OutWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:84%;}
	.OutWrap .ContentsWrap legend{padding:10px 0 0 0;font-family:Tahoma;font-size: 20px;font-weight: bolder;color: #666;}
	.OutWrap .form-group .control-label{text-align: left;margin:0 0 0 50px;padding:5px 0 0 5px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;background-color:#f7f7f7;width:150px;height:30px;}
	.OutWrap .form-group input{height:30px;margin:0;}
	.OutWrap .form-group select{margin:0;}
	.OutWrap .form-group .InputMoreBtn{margin:0 0 0 20px;}
	.OutWrap .form-group .input-group {margin:0 0 10px 0;}
	.OutWrap .form-group .input-group-addon{visibility:visible;}
	.OutWrap .LeftMenuWarp #navList{width:180px;}
}

/* Mypage 페이지*/
@media (max-width: 767px) {
	.MypageWrap{padding:5px; margin:0 -10px 0 -15px;}
	.MypageWrap .ContentsWrap {margin:0 0 30px 0;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:96%;}
	.MypageWrap .ContentsWrap .Box {margin:0 0 10px 7px;float:left;list-style:none;width:98%;background-color:#ffffff; border:1px solid #d6d6d6;}
	.MypageWrap .ContentsWrap .label {margin:0;padding:13px 0 0 0; background-color:#ffffff; float:left;width:200px;height:50px;font-family:Tahoma;font-size: 14px;font-weight: bolder;color: #666;text-align:left;}
	.MypageWrap .ContentsWrap .value {margin:0;padding:13px 0 0 0; background-color:#ffffff;float:left;width:150px;height:50px;font-family:Tahoma;font-size: 14px;color: #666;}
	.MypageWrap .ContentsWrap .help-block {clear: both;margin:0 0 0 -20px;padding:13px 0 0 0; background-color:#ffffff;float:left;width:100%;height:50px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;}
	.MypageWrap .ContentsWrap .ArticleBox {margin:30px 0 0 0;width:100%;clear:both;}
	.MypageWrap .ContentsWrap .ArticleBox1 {margin:0 0 10px 10px;list-style:none;width:98%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .ContentsWrap .ArticleBox2 {margin:0 0 10px 10px;list-style:none;width:98%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .LeftMenuWarp #navList{width:98%;}
} 
@media (min-width: 768px) {
	.MypageWrap {padding:5px; margin:50px 0 30px 0 ;}
	.MypageWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:79%;}
	.MypageWrap .ContentsWrap .Box {margin:0 0 10px 5px;float:left;list-style:none;width:98%; border:1px solid #d6d6d6;}
	.MypageWrap .ContentsWrap .label {margin:0;padding:13px 0 0 0; background-color:#ffffff; float:left;width:200px;height:50px;font-family:Tahoma;font-size: 14px;font-weight: bolder;color: #666;text-align:left;}
	.MypageWrap .ContentsWrap .value {margin:0;padding:13px 0 0 0; background-color:#ffffff;float:right;width:150px;height:50px;font-family:Tahoma;font-size: 14px;color: #666;}
	.MypageWrap .ContentsWrap .help-block {clear: both;margin:0 0 0 -20px;padding:13px 0 0 0; background-color:#ffffff;float:left;width:100%;height:50px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;}
	.MypageWrap .ContentsWrap .ArticleBox {margin:30px 0 0 0;width:100%;clear:both;}
	.MypageWrap .ContentsWrap .ArticleBox1 {margin:0 0 10px 5px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .ContentsWrap .ArticleBox2 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .LeftMenuWarp #navList{width:180px;}
} 
@media (min-width: 992px) {
	.MypageWrap{padding:5px; margin:0 0 30px 0;}
	.MypageWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:81%;}
	.MypageWrap .ContentsWrap .Box {margin:0 0 10px 10px;float:left;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;}
	.MypageWrap .ContentsWrap .label {margin:0;padding:13px 0 0 0; background-color:#ffffff; float:left;width:100px;height:50px;font-family:Tahoma;font-size: 14px;font-weight: bolder;color: #666;text-align:left;}
	.MypageWrap .ContentsWrap .value {margin:0;padding:13px 0 0 0; background-color:#ffffff;float:right;width:150px;height:50px;font-family:Tahoma;font-size: 14px;color: #666;}
	.MypageWrap .ContentsWrap .help-block {clear: both;margin:0 0 0 -20px;padding:13px 0 0 0; background-color:#ffffff;float:left;width:100%;height:63px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;}
	.MypageWrap .ContentsWrap .ArticleBox {margin:30px 0 0 0;width:100%;clear:both;}
	.MypageWrap .ContentsWrap .ArticleBox1 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .ContentsWrap .ArticleBox2 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .LeftMenuWarp #navList{width:180px;}
} 
@media (min-width: 1200px) {
	.MypageWrap{padding:5px; margin:0 0 30px 0;}
	.MypageWrap .ContentsWrap {margin:0 0 30px -10px;padding:5px; background-color:#fff; border:1px solid #d6d6d6;float:left;width:84%;}
	.MypageWrap .ContentsWrap .Box {margin:0 0 10px 10px;float:left;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;}
	.MypageWrap .ContentsWrap .label {margin:0;padding:14px 0 0 0; background-color:#ffffff; float:left;width:200px;height:50px;font-family:Tahoma;font-size: 14px;font-weight: bolder;color: #666;text-align:left;}
	.MypageWrap .ContentsWrap .value {margin:0;padding:13px 0 0 0; background-color:#ffffff;float:right;width:150px;height:50px;font-family:Tahoma;font-size: 14px;color: #666;}
	.MypageWrap .ContentsWrap .help-block {clear: both;margin:0 0 0 -20px;padding:13px 0 0 0; background-color:#ffffff;float:left;width:100%;height:63px;font-family:Tahoma;font-size: 12px;font-weight: bolder;color: #666;}
	.MypageWrap .ContentsWrap .ArticleBox {margin:30px 0 0 0;width:100%;clear:both;}
	.MypageWrap .ContentsWrap .ArticleBox1 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .ContentsWrap .ArticleBox2 {margin:0 0 10px 10px;list-style:none;width:48%;background-color:#ffffff; border:1px solid #d6d6d6;float:left;}
	.MypageWrap .LeftMenuWarp #navList{width:180px;}
}