@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다.  ㅆ
********************/


.wrap-top .top-link li:nth-child(3) a {background-color: #43505d; padding-top: 1px; line-height: 1.2;}
.flowBox .itemBox .itemTitle {background:url('/sites/lawschool/images/flowBoxPattern01.png');}
.flowBox .itemBox .itemContent {border-color: #198383;}

.flowRow3 { flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.flowRow3 .flowItem { flex:0 0 33%; }
@media all and (max-width:800px) { 
.flowRow3 .flowItem { flex:0 0 48%; padding-bottom:20px; } 
}
@media all and (max-width:300px) { 
.flowRow3 .flowItem { flex:0 0 100%; padding-bottom:20px; } 
}

.li-style-02 > li {width: 100%;}
.li-style-02.moreList {border-color: #59b598;}
.li-style-02.moreList li .cont h3 {position: relative;}
.li-style-02.moreList li .cont h3 button {display: inline-block; margin-left: 10px; vertical-align: bottom; width: 22px; height: 23px; background: url(/sites/style-guide/images/common/ico_btn3.png) no-repeat center center; text-indent: -9999px;}
.li-style-02.moreList li .cont .more_list {display: none;}
.li-style-02.moreList li .cont .more_list p {margin-top: 20px; margin-left: 20px;}
.li-style-02.moreList li.on .cont .more_list {display: block;}