@charset "utf-8";

/* 서브페이지 body-container */
.body-container .sub-banner-wrap { display: none; }
/*
.body-container .sub-banner-wrap { width: 100%; height: 250px; overflow: hidden; position: relative; background-image: url(../../img/sub/sub-common/sub_banner.png); -webkit-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: center; }
.body-container .sub-banner-wrap .title-area { position: relative; padding-top: 85px;}
.body-container .sub-banner-wrap .title-area p { font-size: 2.5rem; line-height: 25px; margin-bottom: 17px; font-weight: 100; color: #1f1f1f; }
.body-container .sub-banner-wrap .title-area h1 { font-size: 5rem; font-weight: 400; line-height: 50px; color: #1f1f1f; }
.body-container .sub-banner-wrap .title-area img { position: absolute; top: 20px; right: 60px; width: 405px; }
*/
.body-container .sub-menu-wrap { position: relative; border-bottom: 1px solid #dee3eb; border-top: 1px solid #dee3eb; background: #f3f4f6; }
.body-container .sub-menu-wrap .sub-menu { position: relative; padding: 0;}
.body-container .sub-menu-wrap .sub-menu h2 { position: relative; display: inline-block; padding-right: 45px; font-weight: 600; font-size: 1.5rem; color: #1f1f1f; }
.body-container .sub-menu-wrap .sub-menu h2:before { content: ''; position: absolute; top: 10px; right: 0; width: 5px; height: 5px; background: #ccd1db; }
.body-container .sub-menu-wrap .sub-menu ul { display: inline-block; }
.body-container .sub-menu-wrap .sub-menu ul li { display: inline-block; padding: 17px 23px; font-size: 1.5rem; }
.body-container .sub-menu-wrap .sub-menu ul li a { position: relative; display: inline-block; color: #444;}
.body-container .sub-menu-wrap .sub-menu ul li a:after { width: 0; content: ''; position: absolute; bottom: 0; left: -10px; height: 10px; border-radius: 10px; background: rgba(0,107,214,0.2); -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s; }
.body-container .sub-menu-wrap .sub-menu ul li:hover a:after,
.body-container .sub-menu-wrap .sub-menu ul li.select a:after { width: -webkit-calc(100% + 20px); width: calc(100% + 20px); }

.body-container .content-wrap { width: 100%; position: relative; }
.body-container .content-wrap .content-area { padding-top: 70px; padding-bottom: 70px; }
.body-container .content-wrap .content-area h1.ui-title { margin-top: 50px; }
.body-container .content-wrap .content-area h1.ui-title:first-child { margin-top: 0; }
.body-container .content-wrap .content-area h1.ui-title p { font-size: 1.6rem; margin-top: 10px;}

/* 컨텐츠 타이틀 */
.cont-title { position: relative; margin-top: 70px; }
.cont-title:first-child { margin-top: 0; }
.cont-title .title {font-size: 2rem;position: relative; padding-left: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dee3eb; }
.cont-title .title:before { content: ''; display: block; position: absolute; top: 16px; left: 0; width: 8px; height: 8px; border-radius: 10px; background: #00ce84; }
.cont-title .title:after { content: ''; display: block; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; border-radius: 10px; background: #005fea; }
.cont-title .sub-title {font-size: 1.7rem; margin-top: 10px;}
.cont-title .text { padding-top: 10px;line-height: 1.5;font-size: 1.4rem;}
.cont-title .box-text {padding: 10px;line-height: 1.5;font-size: 1.4rem;background: #f1f1f1;margin-top: 10px; border-radius: 5px;}