/* 인사말 */
.greeting_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; }
.greeting_content>h4{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; text-align: center; font-weight: bold; color: rgb(51,51,51); font-size: 20px; transition: all 0.2s ease-in-out; }
.greeting_content>h4>span:first-of-type>span{ color: rgb(68,65,154); }
.greeting_content>p{ width: 100%; margin: 30px 0; text-align: center; font-size: 16px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.greeting_content>p>span{ font-weight: bold; }
.greeting_content>h6{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; color: rgb(204,204,204); font-size: 30px; font-weight: bold; transition: all 0.2s ease-in-out; }
.greeting_content>h6>span{ padding-bottom: 5px; border-bottom: 2px solid rgb(204,204,204); }
.greeting_content>figure{ width: 100%; height: auto; margin-top: 50px; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; }
.greeting_content>figure>img{ width: 280px; height: 280px; border: 10px solid; border-radius: 300px; transition: all 0.2s ease-in-out; }
.greeting_content>figure>img:nth-of-type(1){ border-color: rgb(248,223,225); }
.greeting_content>figure>img:nth-of-type(2){ border-color: rgb(157,192,224); }
.greeting_content>figure>img:nth-of-type(3){ border-color: rgb(137,201,200); }

/* 연혁 */
.history_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; }
.history_content>ul{ width: 100%; height: auto; border-left: 1px solid rgb(221,221,221); display: flex; flex-flow: row nowrap; justify-content: flex-start; }
.history_content>ul>li{ width: 180px; height: 50px; padding-top: 2px; border: 1px solid rgb(221,221,221); border-left: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 18px; font-weight: bold; color: rgb(153,153,153); text-align: center; cursor: pointer; }
.history_content>ul>li.selected{ padding-top: 0; border-top: 3px solid rgb(68,65,154); color: rgb(51,51,51); }
.history_content>div{ width: 100%; height: auto; margin-top: 80px; display: flex; flex-flow: row nowrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.history_content>div>div{ width: 100%; height: auto; display: flex; flex-flow: row wrap; }
.history_content>div>div>dl{ width: 100%; padding: 30px 0; border-top: 1px solid rgb(235,235,235); display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.history_content>div>div>dl:first-of-type{ border-top: 0; }
.history_content>div>div>dl>dt{ min-width: 100px; font-size: 20px; color: rgb(68,65,154); font-weight: bold; transition: all 0.2s ease-in-out; }
.history_content>div>div>dl>dd{ width: 100%; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.history_content>div>div>dl>dd>ul{ width: 100%; display: flex; flex-flow: row nowrap; }
.history_content>div>div>dl>dd>ul>li{ line-height: 30px; font-size: 16px; transition: all 0.2s ease-in-out; }
.history_content>div>div>dl>dd>ul>li:first-of-type{ min-width: 100px; font-weight: bold; }
.history_content>div>div>dl>dd>ul>li:last-of-type{ width: 100%; word-break: keep-all; }
.history_content>div>div>dl>dd>ul>li span.color_red{ color: rgb(221,0,0); }
.history_content>div>figure{ width: 250px; min-width: 250px; margin-left: 80px; }
.history_content>div>figure>img{ width: 250px; height: auto; }

/* 일반현황 */
.currentstate_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; }
.currentstate_content>h4{ width: 100%; margin: 70px 0 15px; color: rgb(51,51,51); font-size: 20px; font-weight: bold; transition: all 0.2s ease-in-out; }
.currentstate_content>h4:first-of-type{ margin-top: 0; }
.currentstate_content>p{ width: 100%; color: rgb(85,85,85); font-size: 16px; text-align: justify; transition: all 0.2s ease-in-out; }
.currentstate_content>ul{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.currentstate_content>ul>li:first-of-type{ width: 100%; margin-right: 10px; padding: 30px 40px; border: 1px solid rgb(221,221,221); display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.currentstate_content>ul>li:first-of-type>figure{ width: 69px; margin-right: 40px; transition: all 0.2s ease-in-out; }
.currentstate_content>ul>li:first-of-type>div{ width: 100%; display: flex; flex-flow: column nowrap; justify-content: flex-start; }
.currentstate_content>ul>li:first-of-type>div>h5{ width: 100%; margin-bottom: 10px; color: rgb(51,51,51); font-weight: bold; font-size: 16px; }
.currentstate_content>ul>li:first-of-type>div>h6{ width: 100%; margin: 25px 0 5px; color: rgb(68,65,154); font-weight: bold; font-size: 14px; transition: all 0.2s ease-in-out; }
.currentstate_content>ul>li:first-of-type>div>h6:first-of-type{ margin-top: 0; }
.currentstate_content>ul>li:first-of-type>div>p{ width: 100%; color: rgb(85,85,85); font-size: 14px; }
.currentstate_content>ul>li:last-of-type{ width: 100%; display: flex; flex-flow: row wrap; }
.currentstate_content>ul>li:last-of-type>dl{ width: 100%; padding: 30px 40px; border: 1px solid rgb(221,221,221); display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.currentstate_content>ul>li:last-of-type>dl:nth-of-type(1){ margin-bottom: 10px; }
.currentstate_content>ul>li:last-of-type>dl>dt{ margin-right: 40px; transition: all 0.2s ease-in-out; }
.currentstate_content>ul>li:last-of-type>dl:nth-of-type(1)>dt{ width: 61px; }
.currentstate_content>ul>li:last-of-type>dl:nth-of-type(2)>dt{ width: 53px; }
.currentstate_content>ul>li:last-of-type>dl>dd{ width: 100%; display: flex; flex-flow: column nowrap; justify-content: flex-start; }
.currentstate_content>ul>li:last-of-type>dl>dd>h5{ width: 100%; margin-bottom: 10px; color: rgb(51,51,51); font-weight: bold; font-size: 16px; }
.currentstate_content>ul>li:last-of-type>dl>dd>p{ width: 100%; color: rgb(85,85,85); font-size: 14px; }
.currentstate_content>ol{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.currentstate_content>ol>li{ width: 28%; min-width: 270px; height: auto; display: flex; flex-flow: column nowrap; justify-content: flex-start; transition: all 0.2s ease-in-out; }
.currentstate_content>ol>li>div{ width: 100%; height: 70px; margin-bottom: 18px; border: 2px solid; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; position: relative; transition: all 0.2s ease-in-out; }
.currentstate_content>ol>li>div:last-of-type{ margin-bottom: 0; }
.currentstate_content>ol>li>div:last-of-type>div{ display: none; }
.currentstate_content>ol>li:nth-of-type(1)>div{ border-color: rgb(231,150,155); }
.currentstate_content>ol>li:nth-of-type(1)>div:nth-of-type(1){ background-color: rgb(231,150,155); }
.currentstate_content>ol>li:nth-of-type(2)>div{ border-color: rgb(157,192,224); }
.currentstate_content>ol>li:nth-of-type(2)>div:nth-of-type(1){ background-color: rgb(157,192,224); }
.currentstate_content>ol>li:nth-of-type(3)>div{ border-color: rgb(137,201,200); }
.currentstate_content>ol>li:nth-of-type(3)>div:nth-of-type(1){ background-color: rgb(137,201,200); }
.currentstate_content>ol>li>div>p{ color: rgb(85,85,85); font-size: 16px; text-align: center; transition: all 0.2s ease-in-out; }
.currentstate_content>ol>li>div:nth-of-type(1)>p{ color: rgb(255,255,255); font-weight: bold; font-size: 18px; }
.currentstate_content>ol>li>div>div{ width: 0; height: 0; margin: auto; position: absolute; right: 0; bottom: -40px; left: 0; border: 20px solid transparent; }
.currentstate_content>ol>li:nth-of-type(1)>div>div{ border-top: 20px solid rgb(231,150,155); }
.currentstate_content>ol>li:nth-of-type(2)>div>div{ border-top: 20px solid rgb(157,192,224); }
.currentstate_content>ol>li:nth-of-type(3)>div>div{ border-top: 20px solid rgb(137,201,200); }

/* 조직도 및 업무분장 */
.organization_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; }
.organization_content .mobile_lf{ display: none; }
.organization_content>h4{ width: 100%; margin: 70px 0 15px; color: rgb(51,51,51); font-size: 20px; font-weight: bold; transition: all 0.2s ease-in-out; }
.organization_content>h4:first-of-type{ margin-top: 0; }
.organization_content>div{ width: 100%; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.organization_content>div>ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.organization_content>div>ul>li{ width: 20%; transition: all 0.2s ease-in-out; }
.organization_content>div>ul>li:nth-of-type(2n){ width: calc(20% + 20px); }
.organization_content>div>ul>li>p{ width: 100%; height: 45px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; text-align: center; color: rgb(255,255,255); font-size: 16px; transition: all 0.2s ease-in-out; }
.organization_content>div>ul>li:nth-of-type(2n)>p{ width: calc(100% - 20px); }
.organization_content>div>ul:nth-of-type(1)>li>p{ background-color: rgb(28,101,154); }
.organization_content>div>ul:nth-of-type(2)>li>p{ background-color: rgb(123,123,123); }
.organization_content>div>ul:nth-of-type(3)>li>p{ background-color: rgb(72,163,190); }
.organization_content>div>ul:nth-of-type(5)>li>p{ background-color: rgb(122,190,237); }
.organization_content>div>ul:nth-of-type(5)>li:nth-of-type(1)>p {background-color: rgb(123, 123, 123);}
.organization_content>div>ul:nth-of-type(6)>li>p{ background-color: rgb(123,123,123); }
.organization_content>div>ul:nth-of-type(7)>li>p{ background-color: rgb(134,68,140); }
.organization_content>div>ul:nth-of-type(9)>li>p{ background-color: rgb(98,154,31); }
.organization_content>div>ul:nth-of-type(11)>li>p{ background-color: rgb(214,174,91); color: #ffffff; }
.organization_content>div>ul:nth-of-type(12)>li>p{ background-color: rgb(72,163,190); }
.organization_content>div>ul:nth-of-type(14)>li>p{ background-color: rgb(214,174,91); color: #ffffff; }
.organization_content>div>ul:nth-of-type(17)>li>p{ background-color: rgb(72,163,190); color: #ffffff; }

.organization_content>div>ul:nth-of-type(16)>li>p, .organization_content>div>ul:nth-of-type(19)>li>p, .organization_content>div>ul:nth-of-type(21)>li>p { border: 1px solid rgb(72,163,190); color: rgb(72,163,190); }

.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(3){ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(3)>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(3)>div:first-of-type{ height: 70px; border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(3)>div>div{ width: 100%; height: 35px; }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(3)>div>div:first-of-type{ border-bottom: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(4){ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(4)>div{ width: 100%; }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(4)>div>div{ width: 100%; height: 35px; }
.organization_content>div>ul:nth-of-type(2)>li:nth-of-type(4)>div>div:first-of-type{ border-bottom: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(4)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(4)>li>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(4)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(6)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(6)>li>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(6)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2){ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2)>div{ width: 100%; }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2)>div>div{ width: 100%; height: 22.5px; }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2)>div>div:first-of-type{ border-bottom: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(3){ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(3)>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(3)>div:first-of-type{ height: 70px; border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(3)>div>div{ width: 100%; height: 35px; }
.organization_content>div>ul:nth-of-type(7)>li:nth-of-type(3)>div>div:first-of-type{ border-bottom: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(8)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(8)>li>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(8)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(10)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(10)>li>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(10)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(11)>li{ height: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(11)>li>div{ width: 100%; height: 45px; }
.organization_content>div>ul:nth-of-type(11)>li>div:first-of-type{ border-bottom: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(11)>li:nth-of-type(3)>div{ display: flex; flex-flow: row nowrap; }
.organization_content>div>ul:nth-of-type(11)>li:nth-of-type(3)>div>div{ width: 100%; height: 45px; }
.organization_content>div>ul:nth-of-type(11)>li:nth-of-type(3)>div>div:first-of-type{ border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(11)>li:nth-of-type(5)>p{ height: 100%; }


.organization_content>div>ul:nth-of-type(15)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(15)>li>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(15)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(16)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(16)>li>div{ width: 100%; height: 45px; }
.organization_content>div>ul:nth-of-type(16)>li:nth-of-type(1)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(16)>li:nth-of-type(1)>div:nth-of-type(2){ border-top: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(16)>li:nth-of-type(2)>div:nth-of-type(1){ border-top: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(16)>li:nth-of-type(2)>div:nth-of-type(2){ border-top: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(16)>li:nth-of-type(3)>div:nth-of-type(1){ border-top: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(16)>li:nth-of-type(5)>div:nth-of-type(1) {border-right: 1px solid rgb(204, 204, 204);
}



.organization_content>div>ul:nth-of-type(18)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(18)>li>div{ width: 100%; height: 25px; }
.organization_content>div>ul:nth-of-type(18)>li:nth-of-type(1)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(18)>li:nth-of-type(2)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(18)>li:nth-of-type(5)>div:nth-of-type(1) {border-right: 1px solid rgb(204, 204, 204);}

.organization_content>div>ul:nth-of-type(20)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(20)>li>div{ width: 100%; height: 25px; }
.organization_content>div>ul:nth-of-type(20)>li:nth-of-type(1)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(21)>li>p{ height: 70px; }

.organization_content>figure{ display: none; }
.organization_content>dl{ width: 100%; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.organization_content>dl>dt{ width: 100%; border-top: 1px solid rgb(68,65,154); border-bottom: 1px solid rgb(68,65,154); display: flex; flex-flow: row nowrap; color: rgb(68,65,154); background-color: rgb(244,244,255); font-size: 14px; font-weight: bold; transition: all 0.2s ease-in-out; }
.organization_content>dl>dt>div{ width: 30%; display: flex; flex-flow: row nowrap; justify-content: center; transition: all 0.2s ease-in-out; }
.organization_content>dl>dt>div>p{ padding: 10px 0; border-right: 1px solid transparent; text-align: center; transition: all 0.2s ease-in-out; }
.organization_content>dl>dt>div>p:nth-of-type(1){ width: 45%; }
.organization_content>dl>dt>div>p:nth-of-type(2){ width: 25%; }
.organization_content>dl>dt>div>p:nth-of-type(3){ width: 30%; }
.organization_content>dl>dt>p{ width: 70%; padding: 10px 0; text-align: center; transition: all 0.2s ease-in-out; }
.organization_content>dl>dd{ width: 100%; display: flex; flex-flow: row wrap; font-size: 14px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.organization_content>dl>dd>ul{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.organization_content>dl>dd>ul>li{ transition: all 0.2s ease-in-out; }
.organization_content>dl>dd>ul>li:first-of-type{ width: 30%; display: flex; flex-flow: row nowrap; justify-content: center; }
.organization_content>dl>dd>ul>li>p{ padding: 10px 0; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); text-align: center; transition: all 0.2s ease-in-out; }
.organization_content>dl>dd>ul>li>p:nth-of-type(1){ width: 45%; padding-left: 20px; text-align: left; }
.organization_content>dl>dd>ul>li>p:nth-of-type(2){ width: 25%; }
.organization_content>dl>dd>ul>li>p:nth-of-type(3){ width: 30%; }
.organization_content>dl>dd>ul>li>p>span{ display: none; }
.organization_content>dl>dd>ul>li:last-of-type{ width: 70%; padding: 10px; border-bottom: 1px solid rgb(204,204,204); word-break: keep-all; }
.organization_content>dl>dd>h4{ width: 100%; padding: 10px 10px 10px 20px; border-bottom: 1px solid rgb(204,204,204); color: rgb(68,65,154); font-weight: bold; background-color: rgb(250,250,255); transition: all 0.2s ease-in-out; }


/* 조직도 새로 수정 */
.organization_content02>dl>dt>div>p:nth-of-type(1) {width: 55%;}
.organization_content02>dl>dt>div>p:nth-of-type(2) {width: 45%;}
.organization_content02>.new_content>dd div ul>li:first-of-type {width: 24.25%;display: flex;flex-flow: row nowrap;justify-content: center;border-right: 1px solid rgb(204,204,204);}
.organization_content02>dl>dd>ul>li>p:nth-of-type(1) {width: 55%;}
.organization_content02>dl>dd>ul>li>p:nth-of-type(2) {width: 45%;}
.organization_content02>.new_content>dd div ul>li>p:nth-of-type(2){ width: 85%;padding: 10px 0; text-align: center;border-bottom: 1px solid rgb(204,204,204);}
.organization_content02>.new_content>dd div ul>li>p:nth-of-type(1) { width: 54%;text-align: left;padding: 10px 0;padding-left: 20px;border-right: 1px solid rgb(204,204,204);border-bottom: 1px solid rgb(204,204,204);}

.organization_content02>.new_content>dd div ul>li:last-of-type { width: 75.75%;padding: 10px;border-bottom: 1px solid rgb(204,204,204);word-break: keep-all;}
.organization_content02 .new {width: 100%; display: flex;}
.organization_content02 .new .new_title {width: 8%; padding: 10px 0; padding-left: 20px; border-right: 1px solid rgb(204,204,204);border-bottom: 1px solid rgb(204,204,204); display: flex; text-align: center ; align-items: center;}
.organization_content02 .new ul {display: flex; width: 100%;}
.organization_content02 .new .new_con {width: 100%;}

/* 조직도 240531 수정 */
.organization_content>div>ul:nth-of-type(5)>li:nth-of-type(2) {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;}
.organization_content>div>ul:nth-of-type(5)>li:nth-of-type(2)>div>div {width: 100%; height: 22.5px;}
.organization_content>div>ul:nth-of-type(5)>li:nth-of-type(2)>div {width: 100%;}
.organization_content>div>ul:nth-of-type(5)>li:nth-of-type(2)>div>div:first-of-type {border-bottom: 1px solid rgb(204, 204, 204);}

.organization_content>div>ul:nth-of-type(9)>li>p {height: 70px;}

.organization_content>div>ul:nth-of-type(11)>li:nth-of-type(3)>div:first-of-type {border-bottom: none;}
.organization_content>div>ul:nth-of-type(11)>li:nth-of-type(3)>div:first-of-type >div:last-child {border-bottom: 1px solid rgb(204, 204, 204);}

.organization_content>div>ul:nth-of-type(12)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(12)>li>div{ width: 50%; }
.organization_content>div>ul:nth-of-type(12)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); }

.organization_content>div>ul:nth-of-type(13)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content>div>ul:nth-of-type(13)>li>div{ width: 100%; height: 35px; }
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(1)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(1)>div:nth-of-type(2){ border-top: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(2)>div:nth-of-type(1){ border-top: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(2)>div:nth-of-type(2){ border-top: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(3)>div:nth-of-type(1){ border-top: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(5)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(3)>div:nth-of-type(2) {border-top: 1px solid rgb(204,204,204);}
.organization_content>div>ul:nth-of-type(13)>li:nth-of-type(4)>div:nth-of-type(1) {border-top: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204);}

.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(3)>div {display: flex; flex-flow: row nowrap;}
.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(5)>div {display: flex; flex-flow: row nowrap;}
.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(3)>div > div {width: 100%; height: 45px;}
.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(5)>div > div {width: 100%; height: 45px;}
.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(3)>div>div:first-of-type {border-right: 1px solid rgb(204, 204, 204);}
.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(5)>div>div:first-of-type {border-right: 1px solid rgb(204, 204, 204);}
.organization_content>div>ul:nth-of-type(14)>li:last-child>p {background-color: rgb(72, 163, 190); color: #ffffff;}
.organization_content>div>ul:nth-of-type(14)>li>p { height: 110px; padding: 0 5px;}
.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(5)>div > div {height: 110px;}
.organization_content>div>ul:nth-of-type(14)>li:nth-of-type(3)>div > div {height: 110px;}

.organization_content>div>ul:nth-of-type(19)>li>p {height: 70px;}

/* //조직도 240531 수정 */

@media(max-width:960px) {
    .organization_content02 .new {display: block;}
    .organization_content02 .new .new_title {width: 100%; background-color: rgb(250, 255, 253); border-right: none;}
    .organization_content02 .new .new_title br {display: none;}
    .organization_content02 .new ul {flex-direction: column;}
    .organization_content02>.new_content>dd div ul>li:first-of-type {width: 100%;}
    .organization_content02>.new_content>dd div ul>li>p:nth-of-type(1) {width: 50%;}
    .organization_content02>.new_content>dd div ul>li>p:nth-of-type(2) {width: 50%;}
    .organization_content02>.new_content>dd div ul>li:last-of-type {width: 100%;    padding-left: 20px;}

}





/* 오시는길 */
.direction_content{ width: 100%; max-width: 1200px; height: auto; margin: 50px auto 100px; padding: 0 20px; transition: all 0.12s ease-in-out; }
.daum_map{ width: 100% !important; height: 540px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; position: relative; z-index: 1; transition: all 0.12s ease-in-out; }
.daum_map .wrap_map{ height: calc(100% - 32px) !important; }
.direction_content>h4{ width: 100%; margin: 40px 0 20px; color: rgb(51,51,51); font-size: 18px; font-weight: 700; word-break: keep-all; transition: all 0.12s ease-in-out; }
.direction_content>dl{ width: 100%; margin-top: 5px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.direction_content>dl>dt{ width: 80px; height: 20px; margin: 2px 0; border: 1px solid rgb(204,204,204); border-radius: 3px; color: rgb(51,51,51); font-size: 14px; font-weight: 400; word-break: keep-all; line-height: 18px; text-align: center; background-color: rgb(245,245,245); transition: all 0.12s ease-in-out; }
.direction_content>dl>dd{ width: auto; max-width: calc(100% - 80px); height: auto; padding-left: 10px; color: rgb(51,51,51); font-size: 16px; font-weight: 500; word-break: keep-all; line-height: 24px; transition: all 0.12s ease-in-out; }
.direction_content>h6{ width: 100%; margin-top: 5px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.direction_content>h6:nth-of-type(1){ margin-top: 30px; }
.direction_content>h6>p{ width: 70px; color: rgb(68,65,154); font-size: 16px; font-weight: 600; transition: all 0.12s ease-in-out; }
.direction_content>h6>a{ width: auto; max-width: calc(100% - 70px); color: rgb(51,51,51); font-size: 16px; font-weight: 500; cursor: pointer; }
.direction_content>h6>a:hover{ color: rgb(68,65,154); }
.direction_content>section{ width: 100%; margin-top: 5px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.direction_content>section>article{ margin-top: 5px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.direction_content>section>article:nth-of-type(1){ width: 40%; }
.direction_content>section>article:nth-of-type(2){ width: 60%; }
.direction_content>section>article>p{ width: 70px; color: rgb(68,65,154); font-size: 16px; font-weight: 600; transition: all 0.12s ease-in-out; }
.direction_content>section>article>div{ width: calc(100% - 70px); display: flex; flex-flow: column nowrap; transition: all 0.12s ease-in-out; }
.direction_content>section>article>div>a{ width: auto; max-width: 100%; height: auto; margin-top: 15px; color: rgb(51,51,51); font-size: 16px; font-weight: 600; line-height: 24px; word-break: keep-all; transition: all 0.12s ease-in-out; cursor: pointer; }
.direction_content>section>article>div>a:nth-of-type(1){ margin-top: 0; }
.direction_content>section>article>div>a:hover{ color: rgb(68,65,154); }
.direction_content>section>article>div>a>span{ font-size: 0.8em; font-weight: 500; }
.direction_content>section>article>div>dl{ width: 100%; margin-top: 5px; display: flex; flex-flow: row wrap; transition: all 0.12s ease-in-out; }
.direction_content>section>article>div>dl>dt{ width: auto; height: 15px; margin-top: 5px; margin-right: 5px; padding: 0 5px; border-radius: 3px; color: rgb(255,255,255); font-size: 11px; font-weight: 300; line-height: 15px; text-align: center; transition: all 0.12s ease-in-out; }
.direction_content>section>article>div>dl>dt.line_4_subway{ background-color: rgb(52,149,223); }
.direction_content>section>article>div>dl>dt.line_seohae_subway{ background-color: rgb(132,189,57); }
.direction_content>section>article>div>dl>dt.line_suinbundang_subway{ background-color: rgb(252,189,38); }
.direction_content>section>article>div>dl>dt.basic_bus{ background-color: rgb(0,175,189); }
.direction_content>section>article>div>dl>dt.seat_bus{ background-color: rgb(35,145,238); }
.direction_content>section>article>div>dl>dt.express_bus{ background-color: rgb(255,69,30); }
.direction_content>section>article>div>dl>dd{ width: auto; max-width: calc(100% - 35px); height: auto; padding-left: 5px; color: rgb(51,51,51); font-size: 16px; font-weight: 500; line-height: 24px; transition: all 0.12s ease-in-out; }
.direction_content>section>article>div>dl>dd>span{ font-size: 0.7em; }
.direction_content>figure{ width: 100%; height: 1px; margin-top: 40px; background-color: rgb(204,204,204); transition: all 0.12s ease-in-out; }

/* 사이트맵 */
.sitemap_content{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.12s ease-in-out; }
.sitemap_content>dl{ width: 27%; min-width: 250px; height: auto; margin-bottom: 50px; transition: all 0.12s ease-in-out; }
.sitemap_content>dl.empty{ height: 0; margin-bottom: 0; }
.sitemap_content>dl>dt{ width: 100%; padding: 10px; border-top: 2px solid rgb(102,102,102); border-bottom: 1px solid rgb(102,102,102); color: rgb(51,51,51); font-size: 20px; font-weight: 700; text-align: center; transition: all 0.12s ease-in-out; }
.sitemap_content>dl>dd{ width: 100%; border-bottom: 1px solid rgb(220,220,220); display: flex; flex-flow: row wrap; color: rgb(51,51,51); font-size: 16px; text-align: center; transition: all 0.12s ease-in-out; }
.sitemap_content>dl>dd>a{ width: 100%; height: 100%; padding: 10px; font-weight: 400; }
.sitemap_content>dl>dd>a:hover{ color: rgb(0,88,158); }

/* 청소년상담복지센터 하위 메뉴, CYS-Net이란? */
.center_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; }
.center_content>h2{ width: 100%; margin-bottom: 20px; text-align: center; font-weight: normal; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.center_content>h2>span.pc_lf{ display: inline; }
.center_content>h2>span>span{ position: relative; top: -5px; }
.center_content>h4{ width: 100%; margin: 70px 0 15px; color: rgb(51,51,51); font-size: 20px; font-weight: bold; transition: all 0.2s ease-in-out; }
.center_content>h4.top_empty{ margin-top: 0; }
.center_content>div{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.center_content>div>dl{ width: 32%; max-width: 370px; margin-bottom: 40px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.center_content>div>dl:nth-of-type(2), .center_content>div>dl:nth-of-type(5){ margin: 0 2% 40px; }
.center_content>div>dl>dt{ width: 100%; }
.center_content>div>dl>dt>img{ width: 100%; height: auto; transition: all 0.2s ease-in-out; }
.center_content>div>dl>dd{ width: 100%; text-align: center; font-size: 16px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.center_content>h6{ width: 100%; margin: 30px 0 10px; color: rgb(68,65,154); font-weight: bold; font-size: 16px; transition: all 0.2s ease-in-out; }
.center_content>p{ width: 100%; font-size: 16px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.center_content>figure{ width: 100%; padding: 20px 40px; display: flex; flex-flow: row wrap; background-color: rgb(245,245,245); transition: all 0.2s ease-in-out; }
.center_content>figure>dl{ width: 100%; margin: 3px 0; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.center_content>figure>dl>dt{ width: auto; height: auto; margin-right: 15px; transition: all 0.2s ease-in-out; }
.center_content>figure>dl>dd{ font-size: 16px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.center_content>ul{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.center_content>ul.method_txt{ margin: 20px 0; flex-flow: row wrap; }
.center_content>ul>li{ font-size: 16px; transition: all 0.2s ease-in-out; }
.center_content>ul>li:first-of-type{ min-width: 40px; margin-right: 10px; color: rgb(68,65,154); font-weight: bold; }
.center_content>ul>li:last-of-type{ width: 100%; color: rgb(85,85,85); text-align: justify; }
.center_content>ul>li>p{ display: flex; flex-flow: row nowrap; }
.center_content>ul>li>p>span:first-of-type{ margin-right: 5px; }

/* 청소년안전망 연계기관 */
.cysnetinstitute_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>ul>li{ max-width: 300px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>ul>li:nth-of-type(1){ width: 19%; }
.cysnetinstitute_content>ul>li:nth-of-type(2){ width: 8%; }
.cysnetinstitute_content>ul>li:nth-of-type(3){ width: 19%; }
.cysnetinstitute_content>ul>li:nth-of-type(4){ width: 8%; }
.cysnetinstitute_content>ul>li:nth-of-type(5){ width: 19%; }
.cysnetinstitute_content>ul>li:nth-of-type(6){ width: 8%; }
.cysnetinstitute_content>ul>li:nth-of-type(7){ width: 19%; }
.cysnetinstitute_content>ul>li>p{ width: 100%; height: 45px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; text-align: center; color: rgb(255,255,255); font-size: 18px; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>ul:nth-of-type(1)>li>p{ background-color: rgb(85,85,85); }
.cysnetinstitute_content>ul:nth-of-type(2)>li>p{ background-color: rgb(153,153,153); }
.cysnetinstitute_content>ul:nth-of-type(3)>li>p{ background-color: rgb(28,101,154); }
.cysnetinstitute_content>ul:nth-of-type(4)>li>p{ background-color: rgb(153,153,153); }
.cysnetinstitute_content>ul:nth-of-type(3)>li>p{ height: 60px; }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(2)>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(2)>div:nth-of-type(1){ border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(3)>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(3)>div:nth-of-type(1){ border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(4)>div{ width: 100%; height: 45px; display: flex; flex-flow: row nowrap; }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(4)>div>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(4)>div:nth-of-type(1)>div:nth-of-type(1){ border-bottom: 1px solid rgb(204,204,204); border-right: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(4)>div{ width: 100%; height: 45px; display: flex; flex-flow: row nowrap; }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(4)>div>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(4)>div:nth-of-type(2)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4)>div{ width: 100%; height: 45px; display: flex; flex-flow: row nowrap; }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4)>div>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4)>div:nth-of-type(1)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4)>div:nth-of-type(1)>div:nth-of-type(2){ border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4)>div{ width: 100%; height: 45px; display: flex; flex-flow: row nowrap; }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4)>div>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4)>div:nth-of-type(2)>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(5)>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(5)>div:nth-of-type(1){ border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(6)>div{ width: 100%; height: 45px; }
.cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(6)>div:nth-of-type(1){ border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(5)>li>div{ width: 100%; height: 35px; display: flex; flex-flow: row nowrap; }
.cysnetinstitute_content>ul:nth-of-type(5)>li>div:nth-of-type(1){ border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(5)>li>div>div{ width: 100%; height: 35px; }
.cysnetinstitute_content>ul:nth-of-type(5)>li>div>div:nth-of-type(1){ border-right: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(5)>li:nth-of-type(1)>div:nth-of-type(1){ border-bottom: 0; }
.cysnetinstitute_content>ul:nth-of-type(5)>li:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(1){ border-right: 0; }
.cysnetinstitute_content>ul:nth-of-type(5)>li:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(2){ border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>ul:nth-of-type(5)>li:nth-of-type(7)>div:nth-of-type(1){ border-bottom: 0; }
.cysnetinstitute_content>ul:nth-of-type(5)>li:nth-of-type(7)>div:nth-of-type(1)>div:nth-of-type(1){ border-right: 0; border-bottom: 1px solid rgb(204,204,204); }
.cysnetinstitute_content>div{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>div>ul{ width: 19%; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>div>ul>li{ width: 100%; max-width: 300px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>div>ul>li>p{ width: 100%; height: 45px; margin: auto; border: 1px solid rgb(204,204,204); border-top: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; text-align: center; color: rgb(85,85,85); font-size: 14px; transition: all 0.2s ease-in-out; }
.cysnetinstitute_content>div>ul>li:nth-of-type(1)>p{ border: 0; color: rgb(255,255,255); font-size: 18px; }
.cysnetinstitute_content>div>ul:nth-of-type(1)>li:nth-of-type(1)>p{ background-color: rgb(72,163,190); }
.cysnetinstitute_content>div>ul:nth-of-type(2)>li:nth-of-type(1)>p{ background-color: rgb(137,201,200); }
.cysnetinstitute_content>div>ul:nth-of-type(3)>li:nth-of-type(1)>p{ background-color: rgb(157,192,224); }
.cysnetinstitute_content>div>ul:nth-of-type(4)>li:nth-of-type(1)>p{ background-color: rgb(231,150,155); }
.cysnetinstitute_content>div>ul:nth-of-type(5)>li:nth-of-type(1)>p{ background-color: rgb(237,181,151); }

/* 청소년지원센터 꿈드림 하위 메뉴 */
.dream_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.dream_content>ul{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.dream_content>ul.dream_info{ margin-top: 20px; padding-top: 20px; border-top: 1px solid rgb(204,204,204); }
.dream_content>ul>li{ width: 47%; margin-bottom: 40px; transition: all 0.2s ease-in-out; }
.dream_content>ul>li>h5{ width: 100%; margin: 40px 0 10px; color: rgb(68,65,154); font-size: 20px; transition: all 0.2s ease-in-out; }
.dream_content>ul>li>p.notice{margin-top:60px;}
.dream_content>ul>li>h5:first-of-type{ margin-top: 0; }
.dream_content>ul>li>p{ width: 86%; color: rgb(51,51,51); font-size: 16px; transition: all 0.2s ease-in-out; }
.dream_content>ul>li>p>span{ display: inline-flex; flex-flow: row nowrap; word-break: keep-all; }
.dream_content>ul>li>p>span.font_bold{ font-weight: bold; }
.dream_content>ul>li:nth-of-type(1)>p>span.smart_class_schedule>span:nth-of-type(1){ width: 85px; color: rgb(68,65,154); }
.dream_content>ul>li:nth-of-type(1)>p>span.smart_class_schedule>span:nth-of-type(2){ width: calc(100% - 85px); }
.dream_content>ul>li:nth-of-type(1)>p>span.checkup_choice{ margin: 7px 0; align-items: center; }
.dream_content>ul>li:nth-of-type(1)>p>span.checkup_choice>span:nth-of-type(1){ width: 80px; height: 30px; margin-right: 5px; border-radius: 15px; background-color: rgb(68,65,154); color: rgb(255,255,255); text-align: center; line-height: 28px; }
.dream_content>ul>li:nth-of-type(1)>p>span.checkup_choice>span:nth-of-type(2){ width: calc(100% - 85px); }
.dream_content>ol{ width: 100%; margin-bottom: 30px; border-top: 1px solid rgb(34,34,34); display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.dream_content>ol>li{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.dream_content>ol>li>p{ width: 20%; padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); text-align: center; font-size: 16px; color: rgb(85,85,85); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.dream_content>ol>li>p:last-of-type{ border-right: 0; }
/* .dream_content>ol>li:nth-of-type(2)>p:nth-of-type(1){ width: 80%; } */
.dream_content>ol>li:nth-of-type(2)>p:nth-of-type(1){ width: 60%; }
.dream_content>ol>li>p>span>span{ font-size: 14px; }
.dream_content>ol>li>p>span>span{ display: flex; flex-flow: row wrap; justify-content: center; }
.dream_content>ol>li>p>span>span>span{ margin-right: 5px; }
.dream_content>div{ width: 100%; margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.dream_content>div>dl{ width: 32%; max-width: 370px; margin-bottom: 40px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.dream_content>div>dl:nth-of-type(2){ margin: 0 2% 40px; }
.dream_content>div>dl>dt{ width: 100%; }
.dream_content>div>dl>dt>img{ width: 100%; height: auto; transition: all 0.2s ease-in-out; }
.dream_content>div>dl>dd{ width: 100%; text-align: center; font-size: 16px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.dream_content>section{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.dream_content>section>article{ transition: all 0.2s ease-in-out; }
.dream_content>section>article:nth-of-type(1){ width: 36%; }
.dream_content>section>article:nth-of-type(1)>h5{ width: 100%; margin: 40px 0 10px; color: rgb(68,65,154); font-size: 20px; transition: all 0.2s ease-in-out; }
.dream_content>section>article:nth-of-type(1)>h5:first-of-type{ margin-top: 0; }
.dream_content>section>article:nth-of-type(1)>p{ width: 100%; color: rgb(51,51,51); font-size: 16px; transition: all 0.2s ease-in-out; }
.dream_content>section>article:nth-of-type(1)>p>span{ display: inline-flex; flex-flow: row nowrap; }
.dream_content>section>article:nth-of-type(1)>p>span.font_bold{ font-weight: bold; }
.dream_content>section>article:nth-of-type(2){ width: 60%; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.dream_content>section>article:nth-of-type(2)>dl{ width: 48%; max-width: 350px; margin-bottom: 40px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.dream_content>section>article:nth-of-type(2)>dl:nth-of-type(2){ margin-left: 2%; }
.dream_content>section>article:nth-of-type(2)>dl>dt{ width: 100%; }
.dream_content>section>article:nth-of-type(2)>dl>dt>img{ width: 100%; height: auto; transition: all 0.2s ease-in-out; }
.dream_content>section>article:nth-of-type(2)>dl>dd{ width: 100%; text-align: center; font-size: 16px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.dream_content>figure{ width: 100%; transition: all 0.2s ease-in-out; }
.dream_content>figure>h5{ width: 100%; margin: 40px 0 10px; color: rgb(68,65,154); font-size: 20px; transition: all 0.2s ease-in-out; }
.dream_content>figure>h5:first-of-type{ margin-top: 0; }
.dream_content>figure>p{ width: 100%; color: rgb(51,51,51); font-size: 16px; transition: all 0.2s ease-in-out; }
.dream_content>figure>p>span{ display: inline-flex; flex-flow: row nowrap; }
.dream_content>figure>p>span.font_bold{ font-weight: bold; }
.dream_content>article{ width: 100%; margin-bottom: 50px; padding: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background-color: rgb(245,245,245); transition: all 0.2s ease-in-out; }
.dream_content>article>dl{ width: 100%; max-width: 700px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; transition: all 0.2s ease-in-out; }
.dream_content>article>dl>dt{ width: 67px; height: 81px; background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.2s ease-in-out; }
.dream_content>article>dl>dd{ width: calc(100% - 80px); color: rgb(102,102,102); font-size: 18px; word-break: keep-all; transition: all 0.2s ease-in-out; }

/* 학습지원사업 */
.studying_support_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.studying_support_content>article{ width: 100%; margin-bottom: 30px; padding: 30px 0; background-color: rgb(245,245,245); transition: all 0.2s ease-in-out; }
.studying_support_content>article>p{ width: 100%; color: rgb(51,51,51); font-size: 24px; text-align: center; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>h4{ width: 100%; margin: 60px 0 10px; color: rgb(51,51,51); font-size: 20px; font-weight: bold; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>h4:nth-of-type(1){ margin-top: 0; }
.studying_support_content>dl{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.studying_support_content>dl>dt{ color: rgb(68,65,154); font-size: 16px; font-weight: bold; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>dl:nth-of-type(1)>dt{ width: 40px; }
.studying_support_content>dl:nth-of-type(2)>dt{ width: 40px; }
.studying_support_content>dl:nth-of-type(3)>dt{ width: 70px; }
.studying_support_content>dl>dd{ color: rgb(85,85,85); font-size: 16px; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>dl:nth-of-type(1)>dd{ width: calc(100% - 40px); }
.studying_support_content>dl:nth-of-type(2)>dd{ width: calc(100% - 40px); }
.studying_support_content>dl:nth-of-type(3)>dd{ width: calc(100% - 70px); }
.studying_support_content>h5{ width: 100%; margin: 30px 0 5px; color: rgb(68,65,154); font-size: 16px; font-weight: bold; word-break: keep-all; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.studying_support_content>h5:nth-of-type(1){ margin-top: 0; }
.studying_support_content>h5>span:nth-of-type(1){ margin-right: 5px; }
.studying_support_content>p{ width: 100%; color: rgb(85,85,85); font-size: 16px; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>h6{ width: 100%; color: rgb(85,85,85); font-size: 16px; font-weight: normal; word-break: keep-all; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.studying_support_content>h6>span:nth-of-type(1){ margin-right: 5px; }
.studying_support_content>figure{ width: 100%; margin: 10px 0; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; transition: all 0.2s ease-in-out; }
.studying_support_content>figure>dl{ width: 200px; border-radius: 100%; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.studying_support_content>figure>dl:nth-of-type(1){ background-color: rgb(195,59,56); }
.studying_support_content>figure>dl:nth-of-type(2){ background-color: rgb(139,176,65); }
.studying_support_content>figure>dl:nth-of-type(3){ background-color: rgb(119,85,159); }
.studying_support_content>figure>dl>dt{ margin: 50px 0 10px; padding-bottom: 5px; border-bottom: 1px solid rgb(255,255,255); color: rgb(255,255,255); font-size: 18px; font-weight: bold; word-break: keep-all; text-align: center; transition: all 0.2s ease-in-out; }
.studying_support_content>figure>dl>dd{ width: 100%; padding: 0 20px; color: rgb(255,255,255); font-size: 14px; word-break: keep-all; text-align: center; transition: all 0.2s ease-in-out; }
.studying_support_content>figure>div{ width: 100px; border-radius: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(255,255,255); font-size: 18px; font-weight: bold; word-break: keep-all; text-align: center; background-color: rgb(48,159,189); transition: all 0.2s ease-in-out; }
.studying_support_content>figure>p{ max-width: 100%; font-size: 32px; text-align: center; transition: all 0.2s ease-in-out; }
.studying_support_content>figure>p:nth-of-type(1){ color: rgb(195,59,56); }
.studying_support_content>figure>p:nth-of-type(2){ color: rgb(139,176,65); }
.studying_support_content>figure>p:nth-of-type(3){ color: rgb(119,85,159); }
.studying_support_content>ol{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.studying_support_content>ol.table_02{ display: none; }
.studying_support_content>ol>li{ padding: 5px; border-top: 1px solid rgb(51,51,51); border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(51,51,51); background-color: rgb(245,245,245); transition: all 0.2s ease-in-out; }
.studying_support_content>ol>li:nth-of-type(1){ width: calc(100% - 400px); }
.studying_support_content>ol>li:nth-of-type(2){ width: 200px; }
.studying_support_content>ol>li:nth-of-type(3){ width: 200px; border-right: 0; }
.studying_support_content>ol>li>p{ max-width: 100%; font-size: 16px; font-weight: bold; text-align: center; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>ul{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.studying_support_content>ul.table_02{ display: none; }
.studying_support_content>ul>li{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.studying_support_content>ul>li:nth-of-type(1){ width: calc(100% - 400px); padding-left: 35px; justify-content: flex-start; }
.studying_support_content>ul>li:nth-of-type(2){ width: 200px; padding-right: 35px; justify-content: flex-end; }
.studying_support_content>ul>li:nth-of-type(3){ width: 200px; padding-right: 35px; border-right: 0; justify-content: flex-end; }
.studying_support_content>ul:nth-of-type(1)>li:nth-of-type(1){ width: 100px; }
.studying_support_content>ul:nth-of-type(1)>li:nth-of-type(2){ width: calc(100% - 100px); padding: 0; border-right: 0; flex-flow: column nowrap; }
.studying_support_content>ul>li>p{ max-width: 100%; color: rgb(51,51,51); font-size: 16px; text-align: center; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>ul>li:nth-of-type(1)>p{ text-align: left; }
.studying_support_content>ul>li>ul{ width: 100%; display: flex; flex-flow: row nowrap; color: rgb(51,51,51); }
.studying_support_content>ul>li>ul>li{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.studying_support_content>ul>li>ul>li:nth-of-type(1){ width: calc(100% - 400px); padding-left: 35px; justify-content: flex-start; }
.studying_support_content>ul>li>ul>li:nth-of-type(2){ width: 200px; padding-right: 35px; justify-content: flex-end; }
.studying_support_content>ul>li>ul>li:nth-of-type(3){ width: 200px; padding-right: 35px; border-right: 0; justify-content: flex-end; }
.studying_support_content>ul>li>ul:last-of-type>li{ border-bottom: 0; }
.studying_support_content>ul>li>ul>li>p{ max-width: 100%; color: rgb(51,51,51); font-size: 16px; text-align: center; word-break: keep-all; transition: all 0.2s ease-in-out; }
.studying_support_content>ul>li>ul>li:nth-of-type(1)>p{ text-align: left; }
.studying_support_content>section{ width: 100%; margin: 0 0 30px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.studying_support_content>section>article{ width: 18%; margin-top: 10px; border: 1px solid rgb(204,204,204); border-radius: 15px; overflow: hidden; transition: all 0.2s ease-in-out; }
.studying_support_content>section>article>div{ width: 100%; height: 90px; padding: 0 10px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.studying_support_content>section>article:nth-of-type(1)>div{ background-color: rgb(66,115,170); }
.studying_support_content>section>article:nth-of-type(2)>div{ background-color: rgb(19,160,152); }
.studying_support_content>section>article:nth-of-type(3)>div{ background-color: rgb(20,146,85); }
.studying_support_content>section>article:nth-of-type(4)>div{ background-color: rgb(0,125,189); }
.studying_support_content>section>article:nth-of-type(5)>div{ background-color: rgb(14,80,154); }
.studying_support_content>section>article>div>h5{ max-width: 100%; color: rgb(255,255,255); font-size: 16px; font-weight: bold; word-break: keep-all; text-align: center; transition: all 0.2s ease-in-out; }
.studying_support_content>section>article>p{ width: 100%; padding: 15px 10px; color: rgb(51,51,51); font-size: 14px; word-break: keep-all; text-align: center; transition: all 0.2s ease-in-out; }
.studying_support_content>section>p{ width: 2.5%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(51,51,51); font-size: 32px; text-align: center; transition: all 0.2s ease-in-out; }
.studying_support_content>div{ width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgb(204,204,204); display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.studying_support_content>div>dl{ width: 100%; margin-bottom: 40px; transition: all 0.2s ease-in-out; }
.studying_support_content>div>dl>dt{ width: 100%; margin: 40px 0 10px; color: rgb(68,65,154); font-size: 20px; font-weight: bold; transition: all 0.2s ease-in-out; }
.studying_support_content>div>dl>dt:first-of-type{ margin-top: 0; }
.studying_support_content>div>dl>dd{ width: 100%; color: rgb(51,51,51); font-size: 16px; transition: all 0.2s ease-in-out; }
.studying_support_content>div>dl>dd>span{ display: inline-flex; flex-flow: row nowrap; word-break: keep-all; }

/* 간단심리검사 */
.psychologicaltest_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>h4{ width: 100%; margin: 70px 0 15px; color: rgb(51,51,51); font-size: 20px; font-weight: bold; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>h4.top_empty{ margin-top: 0; }
.psychologicaltest_content>h6{ width: 100%; margin: 30px 0 10px; color: rgb(68,65,154); font-weight: bold; font-size: 16px; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>p{ width: 100%; font-size: 16px; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.psychologicaltest_content>div{ width: 100%; margin-top: 30px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>div>img{ width: 279px; max-width: 279px; margin: 20px; box-shadow: 2px 2px 5px 2px rgba(100,100,100,0.4); transition: all 0.2s ease-in-out; cursor: pointer; }
.psychologicaltest_content>figure{ width: 100%; margin-bottom: 30px; padding: 30px; border: 1px solid rgb(204,204,204); display: flex; flex-flow: column nowrap; align-items: center; }
.psychologicaltest_content>figure>h5{ margin-bottom: 20px; color: rgb(68,65,154); font-size: 16px; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>figure>p{ width: 100%; max-width: 1100px; color: rgb(85,85,85); font-size: 16px; text-align: center; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>figure>p>span{ margin-right: 5px; }
.psychologicaltest_content>ol{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>ol>li{ width: 160px; min-width: 160px; height: 65px; border-top: 5px solid rgb(221,221,221); border-bottom: 1px solid rgb(221,221,221); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background-color: rgb(245,245,245); color: rgb(51,51,51); font-size: 16px; cursor: pointer; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>ol>li.selected{ border-top-color: rgb(72,163,190); border-right: 1px solid rgb(221,221,221); border-bottom: 0; border-left: 1px solid rgb(221,221,221); background-color: rgb(255,255,255); }
.psychologicaltest_content>ol>li:nth-of-type(3){ width: 100%; min-width: 0; border-top: 0; background-color: transparent; cursor: auto; }
.psychologicaltest_content>section{ width: 100%; height: auto; border: 1px solid rgb(221,221,221); border-top: 0; overflow: hidden; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>article{ width: 200%; position: relative; left: 0; display: flex; flex-flow: row nowrap; transition: all 0.5s ease-in-out; }
.psychologicaltest_content>section>article>dl{ width: 50%; padding: 50px 100px; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>article>dl>dt{ width: 100%; height: auto; margin-bottom: 30px; color: rgb(51,51,51); font-size: 20px; text-align: center; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>article>dl>dd{ width: 100%; border-top: 1px solid rgb(204,204,204); border-left: 1px solid rgb(204,204,204); display: flex; flex-flow: column nowrap; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>article>dl>dd>ul{ width: 100%; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>article>dl>dd>ul:first-of-type{ background-color: rgb(226,240,253); }
.psychologicaltest_content>section>article>dl>dd>ul>li{ width: 70px; min-width: 70px; padding: 3px 10px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row wrap; justify-content: center; align-items: center; text-align: center; color: rgb(85,85,85); transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>article>dl>dd>ul:first-of-type>li{ padding: 0; }
.psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2){ width: 100%; text-align: left; justify-content: flex-start; }
.psychologicaltest_content>section>article>dl>dd>ul:first-of-type>li:nth-of-type(2){ width: 100%; text-align: center; justify-content: center; }
.psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2)>figure{ width: 100%; display: none; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2)>figure>select{ display: none; }
.psychologicaltest_content>section>article>dl>dd>ul>li>div{ width: 100%; padding: 4px 0; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>article>dl>dd>ul>li>div:first-of-type{ border-bottom: 1px solid rgb(204,204,204); }
.psychologicaltest_content>section>div{ width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; transition: all 0.2s ease-in-out; }
.psychologicaltest_content>section>div>button{ width: 250px; height: 50px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; background-color: rgb(72,163,190); color: rgb(255,255,255); font-size: 20px; font-weight: bold; transition: all 0.2s ease-in-out; cursor: pointer; }
[class^="answer_chk"]{ display: none; }
[class^="answer_chk"]>i{ display: none; }
#test_result{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.4); display: none; flex-flow: column nowrap; justify-content: center; align-items: center; }
#test_result>dt{ width: 80%; max-width: 500px; padding: 10px 30px; background-color: rgb(68,65,154); color: rgb(255,255,255); transition: all 0.2s ease-in-out; }
#test_result>dt>h4{ font-weight: normal; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; transition: all 0.2s ease-in-out; }
#test_result>dt>h6{ font-weight: normal; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; transition: all 0.2s ease-in-out; }
#test_result>dd{ width: 80%; max-width: 500px; padding: 20px 30px; background-color: rgb(255,255,255,0.9); font-size: 16px; color: rgb(85,85,85); font-family: 'Noto Sans KR', sans-serif; transition: all 0.2s ease-in-out; }

/* 사이트맵 */
.sitemap_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.2s ease-in-out; }
.sitemap_content>dl{ width: 27%; min-width: 250px; height: auto; margin-bottom: 40px; transition: all 0.2s ease-in-out; }
.sitemap_content>dl>dt{ width: 100%; padding: 15px 25px; background-color: rgb(68,65,154); color: rgb(255,255,255); font-size: 18px; font-weight: bold; transition: all 0.2s ease-in-out; }
.sitemap_content>dl>dd{ width: 100%; border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row wrap; color: rgb(85,85,85); font-size: 16px; transition: all 0.2s ease-in-out; }
.sitemap_content>dl>dd.sitemap_detail{ padding: 15px 45px; display: flex; flex-flow: column nowrap; align-items: flex-start; background-color: rgb(247,247,247); }
.sitemap_content>dl>dd a{ width: 100%; height: 100%; padding: 15px 25px; }
.sitemap_content>dl>dd.sitemap_detail a{ padding: 0; }
.sitemap_content>dl>dd a:hover{ color: rgb(68,65,154); font-weight: bold; }
.sitemap_content>dl>dd.sitemap_detail>a{ display: flex; flex-flow: row nowrap; align-items: center; }
.sitemap_content>dl>dd.sitemap_detail>a>span:first-of-type{ margin-right: 5px; font-size: 10px; }