.content{
    padding:3em 0 1em;
    position: relative;
}
.content2{
    padding:1em 0 60px;
    position: relative;
}


 .subTextWrap {
  border-right: 8px solid #e3e3e3;
  border-left: 8px solid #e3e3e3;
  background-color: #f4f2f1;
  border-radius: 1.5em;
  padding: 20px;
} 
.dlTit > dt {
    color: #000;
    /*height: 30px;*/
    margin-top: 20px;
    font-size: 1.2em;
}
.dlTit > dt > span.big-cap {
    /*color: red;*/
    border-top: 2px solid #000;
    padding-top: 5px;
}

.dlTit > dd {
    /*margin-left: 20px;*/
    font-size: 1.1em;
}


/* page_head Title
====================================*/
.page_head
{
    /*position: relative;*/
    /*z-index: 10;*/
    height: 305px;

    border-bottom: 1px solid #eaeaea;
    /*background: url(../img/sub1_main.jpg) top center no-repeat;*/
    background-color: #eee;
    -webkit-background-size: cover;
            background-size: cover;
}

.wrapImg_01 {
    background: url(../img/sub1_main.jpg) top center no-repeat;
}

.wrapImg_02 {
    background: url(../img/sub2_main.jpg) top center no-repeat;
}

.wrapImg_03 {
    background: url(../img/sub3_main.jpg) top center no-repeat;
}

.wrapImg_04 {
    background: url(../img/sub4_main.jpg) top center no-repeat;
}


.e_wrapImg_01 {
    background: url(../img/e_sub1_main.jpg) top center no-repeat;
}

.e_wrapImg_02 {
    background: url(../img/e_sub2_main.jpg) top center no-repeat;
}

.e_wrapImg_03 {
    background: url(../img/e_sub3_main.jpg) top center no-repeat;
}

.e_wrapImg_04 {
    background: url(../img/e_sub4_main.jpg) top center no-repeat;
}



.page_title
{
    font-size: 1.2em;
    font-weight: 600;

    position: absolute;
    /*letter-spacing:-0.1em;*/
    top: 130px;

    float: left;

    width: 100%;

    color: #878787;
    /*border: 1px solid #000;*/
}
.page_title > p {
    font-size: .8em;
    color: #242424;
    text-shadow: 0 0 5px #fff;
    
}
.page_title strong
{
    font-size: .9em;

    color: #242424;
    text-shadow: 0 0 5px #fff;
}

.page_title > h3
{
    font-size: 1.5em;
    font-weight: 500;

    float: left;

    margin-top: 0;
    margin-bottom: 0;
    padding: 0 9px;

    letter-spacing: -.05em;

    color: #444;
}
.page_title > h1
{
    font-size: 3.0em;
    font-weight: 600;
    line-height: 120px;

    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: left;

    color: #000;
    text-shadow: 0 0 5px #fff;
}


.sub_heading
{
    font-size: 16px;

    display: block;
    clear: both;

    padding: 5px 8px;

    color: #666;
    border-left: 2px solid #727cb6;
    background: #fff;
}

.submenu {
  display: none;
  background: #444359;
  font-size: 14px;
}

.submenu li { 
    border-bottom: 1px solid #4b4a5e; 
}

/* .super_sub_content{
    padding: 60px 0;
} */

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #b63b4d;
  color: #FFF;
}

.Home_menu{
	width:100%;
	border-bottom: 1px solid #e2e2e2;
  background-color: #fbfaf9;
}

.sub_contents_breadcrumb{
  line-height: 3em;
  overflow: hidden;
}


table.profileTable thead tr th {
    /*font-size: 15px;*/
    /*letter-spacing: -1px;*/
    border-top: 2px solid #2cb6bc !important;
    border-bottom: 3px DOUBLE #ddd;
    background-color: #f2f2f2;
    color: #000;
    font-weight: 600;
    text-align: center;
    /*padding: 5px 8px;*/
}

 table.profileTable tbody tr th {
    background-color: #f2f2f2;
    text-align: center;
    
 }
table.profileTable tbody tr td, table.profileTable tbody tr th {
    border-right: 1px solid #ddd;
    vertical-align: middle;
    padding-left: 1em;
}

table.profileTableTh {
    border-top: 2px solid #2cb6bc;
}



/* =================================================================== */
/* 5. Sidebar & Sidebar Widgets
====================================================================== */
.sidebar
{
    border-top: 2px solid #2cb6bc;
}

.sidebar .widget
{
    position: relative;

    display: block;
    float: left;

    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}

.sidebar .widget ul.list_style
{
    float: left;

    width: 100%;
    margin: 0;
    padding: 0;
}
.sidebar .widget ul.list_style li
{
    /*font-size: 12px;*/
    line-height: 3em;

    padding-left: 2em;

    list-style: none;

    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    /*padding: 8px 2px 8px 20px;*/
}


.sidebar .widget ul.list_style li a
{
    font-size: 1.15em;
    font-weight: 500;

    display: block;

    color: hsl(0, 0%, 20%);
    /*font-size: 14px;*/
    /*line-height: 20px;*/
    /*border: 1px solid #000;*/
}
.sidebar .widget ul.list_style li a:hover
{
    /*color:#2cb6bc;*/
    /*font-weight:700;*/
}


.sidebar .widget ul.list_style li:before
{
    left: 1em;
}


.sidebar .widget ul.list_style li.on
{
    font-weight: 700;

    color: #fff;
    background: #2cb6bc;
}

.sidebar .widget ul.list_style li.on a
{
    font-weight: 700;

    color: #fff;
}

.sidebar .widget ul.list_style li:hover
{
    font-weight: 700;

    cursor: pointer;

    color: #fff;
    background: #2cb6bc;
}

.sidebar .widget ul.list_style li:hover a
{
    font-weight: 700;

    -webkit-transition-duration: .3s;
       -moz-transition-duration: .3s;
        -ms-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;

    color: #fff;
}




/* -------------------------------------------------- */
/*  21. TABS                                          */
/* -------------------------------------------------- */
.nav-tabs
{
    border: none;

}
.nav-tabs > li
{
    margin-bottom: 0;
}
.nav-tabs > li > a
{
    margin: 0;

    color: #777;
    border: 1px solid #ebebeb;
    /*border-radius: 0;*/
    background: #f8f8f8;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    /*font-size: 15px;*/
    font-weight: 700;

    margin: 0 0 0 0;

    color: #2cb6bc;
    border-color: #ebebeb;
    border-top: 1px solid #2cb6bc !important;
    border-left: 1px solid #2cb6bc !important;
    border-right: 1px solid #2cb6bc !important;
    border-bottom: 1px solid transparent;
    outline: none;
    background: white;
}

ul.nav-tabs li a i
{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
ul.nav-tabs li.last-tab a
{
    padding: 4px 22px;

    outline: none;
}

#my-nav .nav-tabs > li > a {
    line-height: 1.0em;
    display: block;
    text-align: center;
    border-bottom: 1px solid #2cb6bc ;

}

#my-nav .nav-tabs > li.active > a {
    border-bottom: 1px solid transparent ;

}
.tab-content
{
    /*border:1px solid #ebebeb;*/
    /*padding:20px 14px;*/
}
.tab-content:first-child
{
    display: block;
}
.tab-content > h3
{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;

    margin-top: 0;

    color: #555333;
}
.tab-content > p
{
    line-height: 20px;
}


/* Recent Tab
====================================*/
.recent_tab_list
{
    margin: 0;
    padding: 0;
    /*border: 1px solid #000;*/
}
ul.recent_tab_list li
{
    float: left;

    width: 100%;
    padding: 10px 20px;

    list-style-type: none;
}
.recent_tab_list li span
{
    display: block;
    float: left;
    clear: both;

    margin-right: 12px;
    padding-top: 15px;
}
.recent_tab_list li abbr
{
    font-family: DIN, Dinbol;
    font-size: 20px;

    display: block;

    padding-top: 15px;

    cursor: auto;
    text-decoration: none;

    color: #444;
}

.recent_tab_list li span img
{
    float: left;

    margin-right: 0;

         opacity: .8;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    -moz-opacity: .8;
    -khtml-opacity: .8;
}
.recent_tab_list li span img:hover
{
    float: left;

    margin-right: 0;

         opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.recent_tab_list li.last
{
    margin: 0 0 0 0;
    padding: 0 0 7px 0;

    border-bottom: 0 solid #f5f6f6;
}
ul.recent_tab_list li > strong
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    color: #2cb6bc;
}
ul.recent_tab_list li > dd
{
    margin-bottom: 10px;
}


  .sub_contents_breadcrumb > div> span {
    display: inline-block;
    /*width: 100px;*/
    float: left;
    background: transparent url(../img/arrow.png) left center no-repeat;
    text-indent: 35px;
    font-weight: 700;
    font-size: 1.1em;
  }

  .sub_contents_breadcrumb > div > span:first-child {
    width: 18px;
    height: 15px;
    position: relative;
    top:12px;
    margin-left: 30px;
    background: url(../img/home.png) 0 0 no-repeat;
  }

  .sub_contents_breadcrumb > div > span+span+span+span {
  display: inline-block;
    float: right;
    width: 50px;
    height: 100%;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    text-indent: -9999px;
    cursor: pointer;
    /*border: 1px solid #000;*/
    background: transparent url(../img/print.png) center center no-repeat;
    
  }

  /* .sub_contents_breadcrumb > div > span:last-child  {
    display: inline-block;
    float: right;
    width: 50px;
    height: 100%;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    text-indent: -9999px;
    cursor: pointer;
    background: transparent url(../images/sub_con/print.png) center center no-repeat;
  } */



.con_txt h4 {
    /*font-size: 21px;*/
    font-size: 1.2em;
    font-weight: normal;
    padding: 0 0 3px;
    font-weight: 600;
    position: relative;
    /*text-align: center;*/
    text-transform: capitalize;
	letter-spacing:-0.1em;
}
.con_txt p.subImg{
	width:100%;
	border:1px solid #eee;
	padding:20px 0;

}

.con_txt p.subImg > img{
	margin:0 auto;
}


/* ==============================================
  커뮤니티 뷰페이지(원래는 style.css에 있었음)
==============================================*/
.comment-container2{
	 box-sizing: content;
    border-top: solid 3px #f2f2f2;
    margin: 0 0 15px 0;
    position: relative;
}

a.link-style4{
	color: inherit !important;
    font-size: 12px;
    font-weight: 70s0;
    text-decoration: none !important;
    text-transform: uppercase;
	float:right;
}



/* ------------------------------
  서브 작은 타이틀
------------------------------ */
#ctt h5.subTit {
  clear: both;
  color:#2a7bce; 
  font-size: 1.3em;
  /*font-size:15px;*/
  padding-bottom: 5px;
  font-weight:bold;
  display: inline-block;
  margin-top: 20px;
  font-weight: 700;
  height: 30px;
  line-height: 33px;
  position: relative;
  border-top: 2px solid rgb(181,181,182);
}

#ctt h5.subTit a {
  color:#2a7bce; 
}


#ctt h5.subTit > span {
  position: absolute;
  width: 15px;
  top: -2px;
  height: 2px;
  background-color: #0d6fb8;
}

#ctt > h5:first-of-type {
  margin-top: 0;
}


h4.headingSub {
    /*font-size: 21px;*/
    font-size: 1.6em;
    font-weight: normal;
    padding: 0 0 3px;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative;
    /*text-align: center;*/
    text-transform: capitalize;
}

h4.headingSub > span {
    display: inline-block;
    position: relative;
    /*margin-bottom: 10px;*/
    color: #000;
}

h4.headingSub > span > i {
    color: #2cb6bc;
}


/* ===================================================== */
/* 28. HIGHLIGHT                                             */
/* ===================================================== */
.highlight
{
    padding: 4px 6px 4px;

    color: #fff !important;
    border-radius: 2px;
}
.highlight.default
{
    background: #2cb6bc;
}
.highlight.gray
{
    background: #4c4c4c;
}
.highlight.light
{
    background: #aaa;
}

blockquote.default
{
    font-size: inherit;
    margin-top: .5em;
    /*margin-left: 1.5em;*/
    color: #666;
    border-color: hsl(0, 0%, 65%);
    border-left-width: 1px;
    background: #f2f2f2;
    padding: 2em ;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    white-space:  -ms-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all;
}


/* ===================================================== */
/* 서브컨텐츠
/* ===================================================== */

.contentsSubTit {
        font-family: 'Nanum Myeongjo', serif;
        font-weight: 600;
        color: #424242;
}

.contentsSubTit > span {
    color: #4056ad;
}

.contentsLine {
    width: 30%;
    height: 2px;
    background-color: #4d7dbf;
    content: '';
    /*border: 1px solid #000;*/
    position: relative;
    bottom: 0;
    display: block;
    padding: 0;
    margin:1em auto;
}

.contentsLine > span {
    width: 33.3%;
    height: 2px;
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}

.contentsLine > span:nth-of-type(2) {
    background-color: #ffdd02;
}
.contentsLine > span:last-of-type {
    background-color: #11652d;
}


.contentsTit {
    color: #33609e;
    letter-spacing: .05em;
    font-weight: 600;
    font-size: 2.8em;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    white-space:  -ms-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all;
}

.customPanel {
    border: 1px solid #505878;
    border-radius: 20px;
    /*height: 100%;*/
    background-color: #f9fdff;
    margin: 0;
    /*padding: 0;*/
    padding: 3em 3.0em 2em;
    position: relative;
    z-index: 1;
}

.customPanel h1, 
.customPanel h2, 
.customPanel h3, 
.customPanel h4, 
.customPanel h5, 
.customPanel h6 {
    line-height: 1.7em;
}

.contentsSubSubtit {
    position: absolute;
    /*top: -.8em;*/
    left: 50%;
    margin:0 0 0 -70px;
    color: #424242;
    font-weight: 700;
    font-size: 1.8em;
    /*margin: 0;*/
    padding: 0 1em;
    background-color: #fff;
    z-index: 2;
    letter-spacing: .1em;
}
.contentsSubSubtit > span {
    background-color: #4b5a94;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    display: inline-block;
}

.contentsSubSubtit > span:first-of-type {
    left: -10px;
}

.contentsSubSubtit > span:last-of-type {
    right: -10px;
}

.text  {
    line-height: 2.0em;
    /*font-size: inherit;*/
    font-size: 1.15em;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    white-space:  -ms-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all;    
}
.text p {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    white-space:  -ms-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all;       
}

.page_title
{
    font-size: 1.2em;
    position: absolute;
    top:25px;
    right: 0;
    text-align: right;
    width: 100%;
    color: #878787;
}
#spied {
  height: 300px;
  overflow-y: auto;
  position: relative;
  top: 10px;
  z-index: 1;
}

#my-nav .nav > li > a {
  padding-left: 0;
  padding-right: 0;
}
/* ===================================================== */
/* 34. Media Query										 */
/* ===================================================== */


@media only screen and  (max-width: 1920px){
		.accordion {display:none;}
		.post_date .day a{ font-size:14px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1680px){
	
}

@media only screen and (min-width: 992px) and (max-width: 1200px){

}

@media only screen  and (max-width: 992px){

     .Home_menu{display:none;}
     .accordion{display:block;}

}

@media only screen and (max-width:800px) {

	.content{ padding:10px 0 20px;}
}


@media only screen and (max-width:768px) {
    .customPanel {
        padding: 2em 1em;
    }

    .contentsSubTit {
        font-size: 1.8em;
    }

    .contentsTit {
        font-size: 2em;
    }

    .contentsLine {
        width: 40%;
    }

    .contentsSubSubtit {
        font-size: 1.3em;
    }

    .contentsSubSubtit > span {
        background-color: #4b5a94;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute;
        top: 3px;
        display: inline-block;
    }


}

@media only screen and (max-width: 767px) {
	.blog_large .post_content, .blog_single .post_content{width:95%; margin:0 auto;}
	.Home_menu{display:none;}
	.accordion{display:block;}

}

@media only screen and (min-width: 481px) and (max-width: 767px){
	.Home_menu{display:none;}
	.accordion{display:block;}

}

@media only screen and (max-width: 480px){
	
	
	.Home_menu{display:none;}
	.accordion{display:block;}
    .sub_content {
        padding: 10px 0;
    }
	
	
	.page_title h3 {
    color: #222;
    float: left;
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 9px;
    }
	.page_title h1{
		color:#000;
		font-size:5.0em;
		line-height:120px;
		font-weight: 600;
		letter-spacing:-0.1em;
    }
	
	
	.accordion .link {padding: 15px 15px 15px 50px;}
	.accordion li i { padding-left:10px;}
	
	.con_txt h4{line-height:1.5em;}
	
	.post_date{ width:20%;}
	.post_date .month a{ font-size:10px;}
	.post_date .day a{ font-size:11px;}

    #spied {
        height: 200px;
    }

    ol {
        padding:0 15px;
    }

    h4.headingSub > span {
        font-size: .9em;   
    }
    .subTextWrap {
        padding: 10px;
    }
    .text {
        font-size: inherit;
        line-height: 1.7em;

    }

/*     table.profileTable {
    font-size: .7em;
} */
    /* table.profileTable td, table.profileTable th {
        padding: 1px !important;
        margin: 0 !important;
    } */
}

/* @media only screen and (max-width: 330px){
    table.profileTable {
        font-size: .2em;
    }
} */