@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }


.document-readed_count{display:none;}
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

ul.timeline > li > span {
    display: block; width: 100%; 
    margin-bottom:5px;
}


.icircle{width:350px; padding:10px 0 30px ; border-radius: 0 0 50px 50px ;margin: 0 auto; color: #fff; font-size: 20px; }
.icircle1{background-color: #3877a0;}
.icircle2{background-color: #2b8b78;}
/*유트브*/
/*반응형
.detail-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#dimodeYoutube {
  position: absolute;
  width: 100%;
  height: 100%;
}
*/


/*서브메뉴*/
.d3-subgnb-menu {
    display:inline-block;
}
.d3-menulist {
   
    display:inline-block; padding:15px 15px;
    float:left;
}
.d3-menulist a{
    font-size:22px!important;
	color:#8F8F8F!important;
	font-weight:bold;
}
.d3-subgnb-menu div.active a {
    color:#325481!important;
    padding-bottom:10px;
    border-bottom:2px solid #B4CEF1;
	font-weight:700;
}
.d3-menulist a:hover{
	  color:#325481!important;
}
.history-tab{display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width:100%;}
.history-tab li{text-align: center;display: inline-block;width: calc(100%/14);}
.history-tab li a{font-family: Noto Sans KR;color: #333333;font-size: 18px;padding: 10px;display: inline-block;text-decoration:none;}
.history-tab li:hover a{color: #3498db;transition:0.3s all ease;}
@media (max-width:1499px) {
    .sub15 #component3107 #unit2762{width:75%!important;}
    .offer_box1{height:100%!important;}
    #component3384 #unit5367 .pen_box{height:165px!important;}
}

@media (max-width:1199px) {
    .sub15 .t_fs_20{font-size:17px!important;}
    #component9342 #unit4087{width:30%!important;}
    .sub13 #component3107 #unit2762{width:0!important;padding:0!important;}
    .sub13 #component3107 #unit2763{width:50%!important;}
    #component3384 #unit5367 .pen_box{height:135px!important;}
}


@media (max-width:992px) {
    .sub256 .top_tbox1{text-align: center;}
    .sub15 .t_fs_20{font-size:20px!important;}
    #component9342 > div{flex-wrap: wrap;margin-top: 20px!important;padding-top: 60px!important;}
    #component9342 #unit4088{padding: 270px 0px!important;}
    #component9342 #unit4087{width:100%!important;text-align: center;}
    #component9342 #unit1070{width:100%!important;text-align: left;}
    #component2822 #unit8490{width:100%!important;border:none!important;}
    #component2822 #unit4661{width:100%!important;}
    #component1173 #unit6580{width:100%!important;}
    #component1173 #unit8247{width:100%!important;text-align:center;}
    #component7128 #unit5333{width:100%!important;}
    #component7128 #unit9690{width:100%!important;}
    #component3107 #unit2762{width:100%!important;}
    #component6313 #unit3306 > div{height: 155px!important;}
    .nav-pills{width:75%!important;display:inline-flex;}
    .nav-pills li{width:50%!important;float:left;}
    .sub13 #component3107 #unit2763{float:left;}
    #component6412 #unit8525{width:100%!important;}
    #component6411 #unit8525{width:50%!important;}
    #component3384 #unit5367 .pen_box{height:100px!important;}
    #component3107 > div{display: inline-flex;flex-direction: column;}
    .offer_box1 > p:nth-child(1){text-align:center;}
    .off_info p img{max-width:100px!important;}
    .off_info p.t_fs_20{font-size:17px!important;}
    #component6708 #unit8030 .panel-body{padding:15px!important;word-break: keep-all;}
    #component6708 #unit8030 .panel_deco{padding:15px!important;display:inline-block;width:100%!important;}
    #component6708 #unit8030 .panel_deco .button_a{display:block;word-break: keep-all;}
}

@media (max-width:767px) {
    .root_daum_roughmap .wrap_map{height:300px!important;}
    .sub10 .pen_box{height:670px!important;}
    .t_fs_50{font-size:28px!important;}
    .t_fs_36{font-size:24px!important;}
    .t_fs_30{font-size:20px!important;}
    .t_fs_24{font-size:17px!important;}
    .t_fs_20{font-size:15px!important;}
    #component7950{padding:20px 0!important;}
    #component9342 > div{margin-top:0!important;}
    #component9342 #unit4088 {padding: 240px 0px!important;}
    #component7950 #unit3828 > div{padding: 20px 10px 0 10px!important;}
    #component9342 #unit1070 p,
    #component9342 #unit1070 p:nth-child(1) span{font-size: 15px!important;}
    #component9342 #unit1070 p:last-child{margin-top:30px!important;}
    #component2822{padding:20px 0 0!important;}
    #component2822 #unit8490 p:nth-child(1),
    #component2822 #unit4661 p:nth-child(1){max-width:75%!important;margin:0 auto;}
    #component2822 #unit8490 p,
    #component2822 #unit4661 p{font-size:15px!important;}
    #component2812 #unit8965 p{font-size:15px!important;}
    #component7128 #unit9690 p{font-size:15px!important;}
    .sub11 .t_1 td{font-size:15px!important;padding: 5px 15px!important;}
    .sub11 .t_1 td:nth-child(1){width: 40%;}
    #component6313 #unit3306 > div{height: 95px!important;}
    #component6313 #unit3306 > div p{margin:0!important;}
    .nav-pills{width:100%!important;}
    .sub370 .tab-content #menu1 > p,
    .sub370 .tab-content #home > p{margin-top: 20px!important;}
    .sub370 .tab-content #menu1 > div,
    .sub370 .tab-content #home > div{margin-top: 30px!important;}
    .sub370 .t_1 td{font-size:15px!important;}
    .nav-pills li{font-size:17px!important;}
    .sub13 #component3107{padding:0!important;}
    .sub13 #component3107 #unit2763{width:100%!important;border:none!important;font-size:15px!important}
    .sub13 #component3107 #unit2763 p strong{font-size:17px!important;}
    #component7669 #unit3669{padding:20px 0!important;}
    #component7669 #unit3669 p{font-size:15px!important;}
    #component7757 #unit6508 p{font-size:17px!important;}
    #component8005 #unit7439 p:nth-child(3),
    #component7757 #unit6508 p:nth-child(3){width:95%!important;margin:0 auto;word-break:keep-all;}
    #component8427{padding:0!important;}
    #component8427 #unit4600{padding:15px!important;}
    #component8427 #unit4600 div p{font-size:15px!important;}
    #component8427 #unit4600 div p strong{font-size:17px!important;}
    #component8427 p:last-child{font-size:15px!important;}
    #component1622,
    #component8912,
    #component1861,
    #component6411{padding:0!important;}
    #component1622 #unit5360,
    #component1622 #unit9225,
    #component1861 #unit4469,
    #component1861 #unit7572,
    #component8912 #unit7052,
    #component8912 #unit4304,
    #component6411 #unit8525{width:100%!important;padding: 0px 15px 15px!important;}
    #component3170 #unit9636 p{margin-top:0!important;}
    #component8005 #unit7439 p:last-child,
    #component3170 #unit9636 p:last-child,
    #component8419 #unit7213 p:last-child{font-size:15px!important;}
    #component5871 #unit8440,
    #component2002 #unit1559{padding:15px!important;}
    #component5871 #unit8440 p,
    #component2002 #unit1559 p {font-size:15px!important;}
    #component3384 #unit5367 div{width:100%!important;}
    #component3384 #unit5367 .pen_box{padding:0!important;height: 85px!important;background-position:75%,50%!important;}
    .offer_box1{padding:15px!important;}
    .offer_box1 p .t_fs_20{font-size:17px!important;}
    .offer_box1 p{font-size:15px!important;}
    .off_info{flex-direction: column;}
    .sub27 #component3107{padding:0!important;}
    .sub27 #component3107 #unit2762:last-child{padding-bottom:0!important;}
    #component1807 #unit6621 img{max-width:200px!important;}
    #component6708 #unit8030 .panel_deco{font-size:17px!important;padding: 15px 0!important;}
    #component6708 #unit8030 .panel_deco .col-sm-1{display:none;}
    #component6708 #unit8030 .panel_deco .col-sm-11{padding:0!important;}
    #component6708 #unit8030 .panel-body{font-size:15px!important;padding: 15px 0!important;}
    .sub16 > .container > .col-xs-12{padding:0!important;}
    #component8427 #unit4600 .col-md-6{padding:0!important;}
}
@media (max-width:320px) {
	
  
}






/*********************kjl추가*************************/

@media (max-width:767px) { 
   .page-content { font-size:15px; word-break:keep-all; }
}