﻿@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;
}

#gnb-wrapM{background-color: rgba(0, 0, 0, .3) !important;}
.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%;
}
*/




@media (max-width:1499px) {
    #component6983 .container,
    #component2045 .container{width:100%!important;}
}
@media (max-width:1199px) {
    #component7487{display: grid;grid-template-columns: 1fr;}
    #component7487 #component4250,
    #component7487 #component5493{width:100%!important;}
    #component2866 .row{display: grid;grid-template-columns: 1fr;}
    #component2866 #unit4522{width:100%!important;padding:0!important;}
    #component2866 #unit7842{width:100%!important;padding: 30px 15px 0px!important;}
    #component7943{display: grid;grid-template-columns: 1fr 1fr;}
    #component7943:before,
    #component7943:after{content:none!important;}
    #component7943 #component6878{width:100%!important;}
    #component7455 #component2430 #unit4474 .box_01 .textbox_01{width:100%!important;}
    .sub69 #component7455 #component2430 #unit4474 table tbody tr td:nth-child(1){width:25%!important;}
}
@media (max-width:992px) {
    #component1761 #unit5229 table tr td:nth-child(1){width:19%!important;}
    #component8267 .row{display: grid;grid-template-columns: 1fr;}
    #component8267 #unit4361,
    #component8267 #unit6189{width:100%!important;}
    #component6983 > div{padding:0!important;}
    .sub546 #component6983 #component7259 #unit8557 > div{padding: 20px 0px!important;}
    .sub69 #component7455 #component2430 #unit4474 table tbody tr td:nth-child(1){width:30%!important;}
}
@media (max-width:767px) {
    .row{margin:0;}
    .text,
    .text_18,
    .text_18b,
    .font-xl {font-size: 1.1rem!important;}
    .text_21,
    .text_21w,
    .text_21b,
    .textbox_01,
    .font-2xl {font-size: 1.25rem!important;}
    .font-3xl {font-size: 1.5rem!important;}
    .title_02,
    .title_01w,
    .title_01,
    .title_03,
    .font-4xl {font-size: 1.7rem!important;}
    .sub342 .text_18{padding-bottom:20px!important;}
    .sub342 .text_18b{padding: 20px 0!important;}
    #component7554 > div{padding:0!important;}
    #component1761 #unit5229 table tr td:nth-child(1){width:45%!important;}
    #component7487{margin:0!important;}
    #component7487 #component4250{padding:15px!important;}
    #component7487 #component5493 #unit7687{padding:15px 0!important;}
    #component4250 #unit5681{display: grid;grid-template-columns: 1fr;gap:10px;}
    #component4250 #unit5681 .title_02,
    #component4250 #unit5681 .text_18b,
    #component4250 #unit5681 .text {padding:0!important;}
    #component5493 #unit7687{display: grid;grid-template-columns: 1fr;gap: 10px;}
    #component5493 #unit7687 .title_01,
    #component5493 #unit7687 .text_18{padding:0!important;margin: 0!important;}
    #component7229 #component5167 #unit4033 .text{padding:0!important;}
    #component1416 #component7235 #unit1689 .text{padding:0!important;}
    #component1871 #component3136{padding:0!important;margin:0!important;}
    #component1871 #component3136 #unit1503 iframe{height:300px!important;}
    #component6983{height:inherit!important;}
    #component2866{padding:20px 0!important;}
    #component6983 #component7259{margin: 0!important;}
    #component6983 #component7259 #unit8557 > div{padding: 20px 0px!important;}
    .sub62 .text_21w,
    .sub63 .text_21w,
    .sub64 .text_21w,
    .sub65 .text_21w,
    .sub66 .text_21w{padding-bottom: 20px!important;}
    .sub62 .textbox_01,
    .sub63 .textbox_01,
    .sub64 .textbox_01,
    .sub65 .textbox_01,
    .sub66 .textbox_01{width:100%!important;}
    #component7943{grid-template-columns: 1fr;}
    .sub69 #component7455 #component2430 #unit4474 table tbody tr td{font-size: 1.1rem!important;}
} 
@media (max-width:320px) {
}






/*********************kjl추가*************************/

@media (max-width:767px) { 
   .page-content { font-size:15px; word-break:keep-all; }
}
