/*!
 * INFOKR - BASIC1
 * Copyright 1997-2017 INFOKR
 */

body{background-color:#f1f1f1;}

 /* Carousel base class */



/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}




#smart_editor2{min-width:270px !important;}


#custom-search-input{}
#popular  h2{margin:0;}

.carousel-caption {
    position: absolute;
    right: 15%;

    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}





h2.page-header{font-family:'ntk';font-weight:400;}

h3.headertit{display:inline-blaock !important;margin:0;padding:0;}

.page-header {border-bottom:1px solid #ddd;padding:0;}
.page-header .breadcrumb{
	float:right;display:inline-blaock;line-height:30px;font-size:11px;background-color:rgba(0,0,0,0);margin:0;padding:10px 0 0 0;
	}

.row{margin-left:0px;margin-right:0px;}
.boxarea {background-color:#fff;border:1px solid #ddd;padding:15px;}
label>bold{color:red;}
.rowbar{border-bottom:0px solid #ddd;}
.addmode1{margin-right:20px;}
.addmode2{margin-right:20px;}


/**/

.nav-tabs {
    border-bottom: 0px solid #ddd;
}
.nav-tabs li a,
.nav-tabs li a:active,
.nav-tabs li a:focus { outline:0px !important; -webkit-appearance:none;  text-decoration:none; }

.tabmenu > .nav-tabs > li.active > a, .tabmenu > .nav-tabs > li.active > a:focus, .tabmenu > .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}

.tabmenu > .nav-tabs > li > a, .tabmenu > .nav-tabs > li > a:focus, .tabmenu > .nav-tabs > li > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;

}


.tabmenu >.nav > li > a				{ background-color: #f5f5f5; color: #676767; border:1px solid #ddd; padding: 15px 30px; line-height: 2; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; transition: all 0.75s; }}
.tabmenu >.nav > li > a:active		{ background-color: #fff; color: #676767; border:1px solid #ddd;cursor: pointer;}
.tabmenu >.nav > li > a:focus 		{ background-color: #fff; color: #676767; border:1px solid #ddd;cursor: pointer;}
.tabmenu >.nav > li > a:hover 		{ background-color: #fff; color: #676767; border-color: #dddddd;cursor: pointer;}

span.tabic{font-size:20px;font-weight:700;}

.center{text-align:center;}

img.mypagepic{width:80%;margin:0 auto;border:2px solid #ccc;margin:2px;clear:both;}

.mypagepanel> .panel> .panel-heading{display: inline-block;padding:15px 10px;width: 100%;}
.mypagepanel> .panel> .panel-heading > strong{float:left;font-weight:400;;}
.mypagepanel> .panel> .panel-heading > span{float:right;display:inline-block;}
.mypagepanel> .panel> .panel-heading > span> .glyphicon-heart{color:#CC2909;font-size:18px;}
.mypagepanel> .panel> .panel-heading > span> .glyphicon-cog{color:#474747;font-size:18px;padding-right:5px;padding-left:5px;}
.mypagepanel> .panel> .panel-heading > span> .glyphicon-remove-sign{color:#474747;font-size:18px;}

/*join*/
.memjoin{background-color:#fff;padding:25px ;}
.well{margin-bottom: 0px;}
.boxed-agree{border:1px solid #ddd;}
.text-agreeok label{font-weight:400;margin-top:10px; font-size:12px;}
.text-agreeok label input{margin:0px 5px 0 0; vertical-align:middle;}



/* MIDMENU
-------------------------------------------------- */
.midmenu{border-top:1px solid #034193;border-bottom:1px solid #034193;background-color:#034193;}
.btn-mmenu {
    color: #fff;
    background-color: #034193;
	padding:15px 0;
}
.btn-mmenu:hover, .btn-mmenu:focus{background-color: #063675;}

.imgmenu{height:54px;}

.imgmenu .col-md-2{padding:0;height:100%;}

.imgmenu a{width:100%;display:inline-block;height: 100%; padding-top: 13px;}
.imgmenu a:hover{color:#fff;}

a.selectm{background-color: #063675 !important;font-size:1.8em !important;}

/* img
-------------------------------------------------- */

#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin-top:25px;
}

.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
  border:1px solid #ddd;
  width:100%;
}


.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #A92733;
}


.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pinfoot{background-color:#eee;display: inline-block; width: 100%; padding: 2px 5px;font-size:1.3rem;}

.pinfoot>em{float:right;font-style:normal;}



#popular .popular_inner {
    position: absolute;
    left: 75px;
    top: 20px !important;
    height: 25px !important;
    overflow: hidden;
    color: #fff;
    font-size: 1.2rem;
}

#popular ul {
    display: inline-block;
}

#popular li {
    line-height: 10px;
    background-color: #4472C4;
    border-radius: 12px;
    border: 0px;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: 0px;
    padding: 6px 15px 5px 15px;
    float: left;
    height: 24px;
    margin-right: 10px;
}

/**/

.bd-example::after {
    display: block;
    clear: both;
    content: "";
}

.bd-example {
    padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: .2rem;
}

.bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem -15px 0;
        margin-right: -15px;
        margin-left: -15px;
    border: solid #f7f7f9;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: .2rem 0 0;
}


.card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;

}

.card-columns .card {
    display: inline-block;
    width: 100%;
}
.card-columns .card {
    margin-bottom: .75rem;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.img-fluid{
height: 160px; width: 100%; display: block;}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card {
    word-wrap: break-word;
}

a.poular_link {
    color: #fff;
}



#bo_gall .gall_img .no_image {
    display: block;
	height:200px;
}

#bo_gall .bo_tit {
	max-width:100%;
    display: block;
    font-weight: 400 !important;
    color: #2e2e2e;
    font-size: 1.25rem;
	overflow:hidden;

}
/*갤러리리스트*/
.gall_step1{padding:10px 10px 10px 10px;}
.gall_cate{font-size:1.2rem; font-weight:400; color:#737373;}

.bo_cate_link {
    display: inline-block;
    margin: 0 3px 0 0;
    font-size:1.2rem;
    color: #737373 !important;
    font-weight: 400;
}
#bo_gall .gall_info {
	color:#737373;
    padding: 10px;
    font-size: 1.2rem;
    background: #f6f6f6;
    line-height: 20px;
}
#bo_gall .gall_info i {
    font-size: 1.2rem;
}



/*갤러리뷰*/
#bo_v_title{margin:0px 0;}
#bo_v_link iframe{margin:0 auto;display:block;margin-bottom:20px;}
#bo_v_link h2 {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;

}

/*글쓰기*/
h3 {
    margin-top: 20px;
    margin-bottom: 30px;
}


.form-control{max-width:70%;padding-left:10px;padding-right:10px;}

#bo_w label{width:15%;text-align:left;}
.kol1{width:50%;border:1px solid red;}
.kol2{float:left;width:50%;border:1px solid blue;}

#bo_w .bo_w_select select{
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 3px;

}


.bo_w_select > label{padding-top:6px;}

.col-md-6 {padding-right:0px;}
.col-md-5 {width: 41.66666667% !important;}
.col-md-4 {width: 31.33333333% !important;margin-left:10px;}

.bo_w_tit{margin-top:20px;display: inline-block;width:100%;}
button.btn_frmline {

    position: relative;
    z-index: 100;
    right: -90%;
    top: -40px;
}
select.w_bun{width:30%;}
select.w_area1{width:30%;}
select.w_area2{width:20%;}
input.w_area3{width:32%;}


input.homepagez{width:80%;}


#captcha #captcha_img {
    height: 40px;
    border: 1px solid #898989;
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 130px;
    float: left;
}
#captcha #captcha_key {
    margin: 0 0 0 3px;
    padding: 0 5px;
    width: 130px;
    height: 40px;
    border: 1px solid #ccc;
    background: #fff;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    vertical-align: top;

}
#bo_w .cke_sc {display:none;}


/*foot*/

#ft {

    border-top: 1px solid #d5d5d5;
    background: #fff;
    padding-bottom: 30px;
    margin: 0 auto;
        margin-top: 0px;
    text-align: center;
    margin-top: 30px;

}


/*로그인*/
.mbskin {
    position: relative;
    margin: 20px auto 0;
    border: 1px solid #ddd;
    width: 400px;
    background: #fff;
    text-align: center;
}


#wrapper {
    margin-top: 30px;
}

#mb_login #login_info{text-align:center;}
#mb_login #login_info a {
    display: inline-block;
    float: left;
	padding:6px 20px;
    font-size: .9em;
    border-radius:15px;
    background-color:#4a69bd;
    color:#fff;
}
.cwhite{color:#fff !important;}


#mb_login #login_info{background: #fff;}

.loautolo{float:left;}
.loidpwgo{float:right;font-weight:700;}
.login_info2{margin:0 auto;display: inline-block;}

#login_password_lost{color:#000;font-size:1em;}
a.login_gojoin{margin-right:20px;}
a.login_close{}


#login_password_lost {
    border-right: 0px solid #ddd !important;
}

.login_gojoin {

}

/* ================== 0906 ============================================= */

img.title_icon{
width: inherit !important;
max-width: 100%;
height: auto;}

#bo_v_con img{width:100%;margin:0 auto;}

#bo_v_con{text-align:center;width: 80%;margin: 0 auto;}
#bo_v_con>p{text-align:left; width:100%;}
#bo_v_con>.txt{text-align:left; width:80%; margin:0 auto;color: #4f4f4f;}
#bo_v_con>.txt >a{text-decoration: none !important;color:#4f4f4f;}
a.biztime_area{text-decoration: none !important;color:#4f4f4f;}
#bo_v_con a {color: #4f4f4f;}

#bo_v_con>.list_item_address{text-align:left; width:80%; margin:0 auto;color: #4f4f4f;}

.bo_v_hash{text-align:left; width:80%; margin:0 auto;padding-bottom: 10px;}
#map{width:80%;height:200px;margin:0 auto;}
.mapadress{text-align:center;padding:6px 2px; font-size:0.8em;line-height: .6em;}

/*댓글*/
#bo_vc .cmt_contents {
    padding: 5px;
    margin: 0px;
    border-bottom: 1px solid #e8e8e8;
    line-height: 1.8em;
    display:inline-block;
    width:100%;
}


#bo_v_info .bo_v_info_left{float:left;}
#bo_v_info .bo_v_info_right{float:right;font-size: .85em;  line-height: 2.8em;}



#bo_v_info .bo_v_cate {
    display: inline-block;
	font-size: 1.0rem;
	line-height: 20px;
    background: rgba(255,0,47,1);
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    border-radius: 2px;
	margin:5px 0px 5px 0;
	border-bottom:0px !important;
	webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
	-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
	box-shadow: inset 0 0 0 rgb(33, 135, 202);

}
#bo_v_info .bo_v_area strong{
	display: inline-block;
	font-size: 1.0rem;
	line-height: 20px;
    background:  rgba(10,2,184,1);
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    border-radius: 2px;
	margin:5px 0px 5px 0;
}

#bo_v_info .bo_v_area bold{
	display: inline-block;
	font-size:1.2rem;
    line-height: 26px;
    background: rgba(10,2,184,0.7);
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    border-radius: 2px;
	margin:0 5px 20px 0;
}
#bo_v_info .bo_v_area em{
	font-style:normal;
	display: inline-block;
	font-size:1.2rem;
    line-height: 26px;
    background: rgba(10,2,184,0.5);
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    border-radius: 2px;
	margin:0 15px 20px 0;
}

#bo_v_info .bo_v_homepage a{
	font-style:normal;
	display: inline-block;
	font-size:1rem;
    line-height: 20px;
    background: rgba(184, 2, 176, 1);
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    border-radius: 2px;
	  margin:0 15px 20px 0;
}

img {
 /* width: 100%;
  max-width: 100%;*/
  height: auto;
}
#bo_gall .gall_img img {
    max-width: 100%;
	width:100%;
    height: 100% !important;
}



#bo_vc .cmt_contents p.cmt_ikcon{width:83%;clear:both;float:left;}
#bo_vc .cmt_contents ul.bo_vc_act{width:16%;float:left;}

.bo_vc_hdinfo {
    float: right;
    font-style: italic;
    color: #777;
	font-size:1.2rem;
	margin: 5px 10px 0 0;

}
.fa-commenting{margin-left:4px;margin-right:4px;}
/* ============================================== 0907 ======================================================================================== */


input.w_area4 {
    width: 100%;
}





/********************************************************************/
@media (min-width: 490px) {
.col-k4{display: inline-block;float:left;width:40%;}
.col-k6{display: inline-block;float:left;width:60%;}
}

@media (max-width:489px) {
    .col-k4{display: block;float:left;width:100%;padding:10px 15px;}
    .col-k6{display: block;float:left;width:100%;padding:10px 15px;}
    .col-k4 img{margin:0 auto;width:100%;}
    }


/*===================================================================================*/
@media (min-width: 490px) {


#subCarousel {
  height: 35%;
}
	.carousel-caption {
    bottom: 20%;
 }

.withsearch{
    position: absolute;
	top:20%;
	left:25%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
	width:50% !important;
	margin:0 auto;
	}


img.thumpic{width:240px;border:2px solid #aaa;margin:2px;float:left;}


.carousel-inner > .item  {
  height: 25vh;
  min-height: 150px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.imgmenu .btn {
    display: inline-block;
    margin-bottom: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.7em;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}


#bo_gall .gall_img {
    text-align: center;
	height:200px;
}

#bo_gall .gall_text_href {
   height:37px;
}
#bo_gall .gall_info .gall_date {
	font-size: 1.2rem;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-style:normal;
    display: inline-block;
    color: inherit;
}














 }
/*====================================================






===============================*/




 @media(max-width:489px) {

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

#subCarousel {
  height: 20%;
}
img.thumpic{width:100%;border:2px solid #aaa;margin:2px;float:left;}


.col-xs-12 {
    width: 100% !important;
}
.col-xs-10 {
    width: 83.33333333% !important;
}

.form-control{max-width: 100% !important;}

.withsearch{
    position: absolute;
    top:5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
	margin:0 auto;
	}


.carousel-inner > .item  {
  height: 20vh;
  min-height: 100px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.imgmenu .btn {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

.gall_row .col-gn-4 {
    width: 100%;
}

#bo_gall .gall_img {
    text-align: center;
}
.gall_con {
    /*padding: 10px 10px;*/
    padding: 0px 0px;
}
#bo_gall .gall_li .gall_chk {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0 0 18px;
}


#bo_gall .gall_text_href {
   height:100%;
}
#bo_gall .gall_info .gall_date {
	font-size: 1.2rem;
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-style:normal;
    display: inline-block;
    color: inherit;
}

#bo_gall .bo_tit {
    font-size: 1.6rem;
}
.gall_cate{font-size:1.4rem;}
.bo_cate_link {font-size:1.4rem;}
#bo_gall .gall_info {font-size: 1.4rem;}
#bo_gall .gall_info i { font-size: 1.4rem;}



.bo_v_hash{width:100%;padding-left:10px; }

/*갤러리뷰*/
#bo_v_title .bo_v_tit {font-size: 2rem;}
#bo_v_title .bo_v_cate {font-size:1.2rem;}
#bo_v_title .bo_v_area strong{font-size:1.2rem;}
#bo_v_title .bo_v_area bold{	font-size:1.2rem;}

#bo_v_info{font-size:1.25rem;letter-spacing:-1px;}

#bo_v_con {
    margin: 10px 0 30px;
    width: 100%;
    min-height: 200px;
    word-break: break-all;
    overflow: hidden;

}
#bo_v_con p {
    font-size: 1.7rem;
    color: #4f4f4f;
}

#bo_w .bo_w_tit .frm_input {
    padding-right: 15px;
}
/*서브이미지 풀확장*/
#bo_gall #gall_ul{margin: 10px 0px 0;}
.gall_row .col-gn-4{padding-left: 0px;padding-right: 0px;}

/*로그인*/





 }

/*도움말*/
.helpcont{background-color: #fff;height: 100%;  display: inline-block;padding:10px 15px;}
.helptxt p{font-size:1.0em !important;}
p.fir::first-letter{font-size:3em;font-weight:700;}

#bo_v_share{display:none;}

/*=========================================================================================
모바일
=========================================================================================*/
 @media(max-width:760px) {

   #bo_v_info .bo_v_info_left{float:left;clear:both;display:block;width:100%;padding: 0;margin: 0;height: 28px;}
   #bo_v_info .bo_v_info_right{float:left;clear:both;display:block;width:100%;}



 }