/*공통*/
.sub_con_wrap {width: 100%;}
.sub_con_gray {width: 100%; background: #f7f7f7;}
.sub_con {width: 1280px; margin: 0 auto;}
.sub_con_gray .sub_con {padding: 100px 0;}

.sub_p_line {width: 30px; height: 1px; background: #000; display: inline-block;}
.ul_list li {width: 100%; margin-bottom: 20px; background: url('../img/c_blet')no-repeat 0  10px;; padding-left: 18px; font-size: 15px; font-weight: 300; color:#333; letter-spacing: -0.75px; line-height: 26px;  word-break: keep-all;}
.ul_list li:last-child {margin-bottom: 0;}

.ul_list_bg li {width: 100%; padding: 15px 30px; border-bottom: 1px solid #ddd; background: #fff;}
.ul_list_bg li:first-child {border-top: 1px solid #ddd;}
.ul_list_bg li:nth-child(2n) {background: #f7f7f7;}

.list_num {font-size: 24px;  font-weight: 700; color: #19459c; margin-right: 20px;}
.ul_list_bg li p {font-size: 15px; font-weight: 300; color:#333; letter-spacing: -0.75px; line-height: 26px;  word-break: keep-all; margin-top: 5px;}


/*pd페이지*/
.pd_main_box {width: 1280px; display: flex; flex-direction: row; justify-content: space-between; }
.pd_top_slider {width: 480px; height: 535px; position: relative;}
.pd_top_script {width: 730px; padding-top: 40px;}

.pd_img { width: 480px; height: 535px; position: relative;}
.pd_tt { width: 100%; background: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; line-height: 26px; padding: 18px 27px; font-size: 16px; font-weight: 300; color:#fff; letter-spacing: -0.4px; min-height: 62px;}

/*페이져*/
.pd-carousel .owl-dots{position:absolute; bottom: 24px; right: 27px; width:100%; text-align:right; }
.pd-carousel .owl-dots .owl-dot{width:13px; height: 13px; display:inline-block; margin-left:12px; transition: all 0.2s; border: 1px solid #fff; background: transparent;}
.pd-carousel .owl-dots .owl-dot.active{background:#fff;}
.pd-carousel .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
.pd-carousel .owl-nav{position:absolute;width:100%;left: 0; top: 235px; z-index: 2; display: flex; flex-direction: row; justify-content: space-between;}
.pd-carousel .owl-nav .owl-prev{padding-right: 5px;}
.pd-carousel .owl-nav .owl-next{padding-left: 5px;}
.pd-carousel .owl-nav button {border: none!important; background: none; width:52px;height:67px; background: rgba(0,0,0,0.7);  text-align:center; cursor:pointer;  transition: all 0.2s; }
.pd-carousel .owl-nav button span { color:#fff;}
.owl-nav button:focus {outline: none; border: none;}
.owl-nav button:hover { background: #19459c;}

.pd_top_title {width: 100%; position: relative; border-bottom: 8px solid #ededed; padding: 0 26px 20px 26px; margin-bottom: 60px;}
.pd_top_title h1 {font-size: 40px; font-weight: 600; color: #19459c; font-family: 'Montserrat', sans-serif; margin-bottom: 5px;}
.pd_top_title > p {font-size: 18px; font-weight: 400; color: #333; font-family: 'Montserrat', sans-serif;}

.pd_top_btn {width: 240px; height: 62px; position: absolute; top: 0; right: 0;}
.pd_top_btn a {width: 240px; height: 62px; background: #f7f7f7; border: 1px solid #ddd; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 22px;}
.pd_top_btn a p {font-size: 15px; font-weight: 400; color:#333; line-height: 62px;}
.pd_vedio_icon {width: 39px; height: 39px; background: #19459c; border-radius: 50%; text-align: center;}
.pd_vedio_icon span {color:#fff;  line-height: 39px; padding-left: 3px; font-size: 18px;}
.pd_top_txt {padding: 0 26px;}

#c5_article {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.c5_box {width: 305px;}
.c5_box a {display: block; text-decoration: none; text-align: center; width: 100%; position: relative; overflow: hidden;}
.c5_box a > h1 {width: 100%; height: 60px;  line-height: 60px; font-family: 'Montserrat', sans-serif !important; text-align: center; font-size: 24px; font-weight: 600; background: #fff; color:#333;  border: 1px solid #ddd;transition: all 0.3s}
.c5_box a > p {width: 100%; font-family: 'Montserrat', sans-serif !important; color:#333; font-size: 16px; font-weight: 400; margin: 20px 0;}

.c5_txt {width: 100%; height: 100px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; z-index: 3; }
.c5_txt h2 {  padding-top: 25px; margin-bottom: 5px; color:rgba(255,255,255,0.46); font-weight: 300; font-size: 14px; font-family: 'Montserrat', sans-serif !important;}
.c5_txt h1 {  color:#fff; font-weight: 400; font-size: 18px;}

.c5_img_box {overflow: hidden; width: 305px; height:370px; background: #ddd; transition: all 0.3s}
.c5_img_box img {transition: all 0.3s; transform: scale(1);}
.c5_img_box p {color:#333; font-size: 16px; font-weight: 400; padding: 130px 50px; line-height: 26px; word-break: keep-all;}

.c5_box a:hover .c5_txt {background: linear-gradient(129deg, rgba(25,69,156,0.8), rgba(15,27,56,0.8)); }
.c5_box a:hover .c5_img_box {background: #bbb;}
.c5_box a:hover .c5_img_box img {transform: scale(1.1);}


.sub_con_title {width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 20px; position: relative; margin-bottom: 40px;}
.sub_con_title h1 {font-size: 30px; font-weight: 700; color:#333; padding-left: 59px; background: url('../img/sub_title_blet.png')no-repeat 0 3px;}
.sub_con_line {width: 307px; height: 2px; background: #19459c; position: absolute; bottom: -1px; left: 0;}

.pd_c2_article {width: 100%; display: flex; flex-direction: row; }
.pd_pdf_btn {width: 240px; height: 80px; margin-right: 20px;}
.pd_pdf_btn:last-child {margin-right: 0;}
.pd_pdf_btn a {width: 100%; height: 80px; background: #f7f7f7; border: 1px solid #ddd; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 22px;transition: all 0.3s}
.pd_pdf_btn a p {font-size: 15px; font-weight: 400; color:#333; line-height: 80px; transition: all 0.3s}
.pd_pdf_icon {width: 39px; height: 39px; background: rgba(0,0,0,0.4); border-radius: 50%; text-align: center;}
.pd_pdf_icon span {color:#fff;  line-height: 39px; font-size: 18px;}
.pd_pdf_btn a:hover {background:#1f4a9e;  border: 1px solid #1f4a9e;}
.pd_pdf_btn a:hover p {color:#fff; }



/*
.pd_c4_article {width:100%; display: flex; flex-direction: row;}
.cer_img {width:305px; margin-right: 20px;}
.cer_img a {display: block; text-align: center;}
.cer_img a div:nth-child(1) {width:100%; height: 431px; background: #f7f7f7}
.cer_img a div.sub_p_line {margin: 30px 0 10px 0;}
.cer_img a p {font-size: 18px; font-weight: 400; color:#333;} */

.pd_c3c4_wrap {display: flex; flex-direction: row; justify-content: space-between;}
.pd_c3 {width: 500px;}
.pd_c4 {width: 500px;}
.pd_c3 .pd_pdf_btn {width: 100%; margin-bottom: 20px;}

.pd_c3c4_line{width: 1px; height: 441px; background: #efefef;}

.pd_c4_article {}
.cer_box {width: 100%; display: flex; flex-direction: row;}

.cer_img {width:198px;}
.cer_img a {display: block; text-align: center;}
.cer_img a div:nth-child(1) {width:100%; height: 280px; background: #f7f7f7}


.cer_txt {padding-left: 50px; width: 302px; padding-top: 50px;}
.cer_txt .sub_p_line { margin-bottom: 10px;}
.cer_txt h1 {font-size: 18px; font-weight: 500; color:#333; margin-bottom: 10px;}
.cer_txt p {font-size: 16px; font-weight: 300; color:#333; }

/*cs_box*/
.cs_box {width: 100%; border: 1px solid #ddd; margin-left: -1px; border-top: 1px solid #000;}
.cs_box:nth-child(2) { border-top: 1px solid #19459c;}
.cs_box a {display: block; padding: 40px; height: 100%; transition: all 0.2s;}
.cs_box h2 {font-size: 14px; font-weight: 400; font-family: 'Montserrat', sans-serif !important; color:#333; transition: all 0.2s; margin: 7px 0;}
.cs_box h1 {font-size: 18px; font-weight: 900; font-family: 'NanumSquare', sans-serif !important; color:#333; transition: all 0.2s;}
.cs_box p {font-size: 15px; font-weight: 500; color:#333; margin: 7px 0; word-break: keep-all;line-height: 26px;; transition: all 0.2s; font-family: 'Montserrat', sans-serif !important;}
.cs_box p span {font-style: italic; color:#333; ; transition: all 0.2s; font-weight: 400}
.cs_box .sub_p_line {margin-bottom: 10px;}
.cs_box a:hover {background: #f7f7f7}
.cs_box a:hover h1 {color: #225bcb}


/*공통*/
.c_title {width: 100%;}
.c_title_line { width: 253px; height: 3px; background-color: #19459c; margin-bottom: 28px;}
.c_title h1 {font-size: 28px; font-weight: 700; line-height: 42px; letter-spacing: -0.3px; text-align: left; color: #333; font-family: 'NanumSquare', sans-serif !important; word-break: keep-all;}
.c_title p {font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.3px; text-align: left; color: #333; font-family: 'NanumSquare', sans-serif !important; word-break: keep-all;}
.sub_p_line {width: 30px; height: 1px; background: #000; display: inline-block;}
.ul_list li {width: 100%; margin-bottom: 20px; background: url('../img/c_blet')no-repeat 0  10px;; padding-left: 18px; font-size: 15px; font-weight: 300; color:#333; letter-spacing: -0.75px; line-height: 26px;  word-break: keep-all;}
.ul_list li:last-child {margin-bottom: 0;}

.ul_list_bg li {width: 100%; padding: 15px 30px; border-bottom: 1px solid #ddd; background: #fff;}
.ul_list_bg li:first-child {border-top: 1px solid #ddd;}
.ul_list_bg li:nth-child(2n) {background: #f7f7f7;}

.list_num {font-size: 24px;  font-weight: 700; color: #19459c; margin-right: 20px;}
.ul_list_bg li p {font-size: 15px; font-weight: 300; color:#333; letter-spacing: -0.75px; line-height: 26px;  word-break: keep-all; margin-top: 5px;}

/*Content CSS*/

#contents3 {width: 1280px; margin: 0 auto; padding: 100px 0 0 0; position: relative;}
#c3_article {width: 100%; display: flex; flex-direction: row; margin-top: 40px; flex-wrap: wrap;}
.c3_box {width: 50%; border: 1px solid #ddd; margin-left: -1px; border-top: 1px solid #000; min-height: 271px;/}
.c3_box:nth-child(2) { border-top: 1px solid #19459c;}
.c3_box a {display: block; padding: 40px; height: 100%; transition: all 0.2s;}
.c3_box h2 {font-size: 14px; font-weight: 400; font-family: 'Montserrat', sans-serif !important; color:#333; transition: all 0.2s; margin: 7px 0;}
.c3_box h1 {font-size: 18px; font-weight: 900; font-family: 'NanumSquare', sans-serif !important; color:#333; transition: all 0.2s;}
.c3_box p {font-size: 15px; font-weight: 500; color:#333; margin: 7px 0; word-break: keep-all;line-height: 26px;; transition: all 0.2s; font-family: 'Montserrat', sans-serif !important;}
.c3_box p span {font-style: italic; color:#333; ; transition: all 0.2s; font-weight: 400}
.c3_box .sub_p_line {margin-bottom: 10px;}
.c3_box a:hover {background: #f7f7f7}
.c3_box a:hover h1 {color: #225bcb}
/* .c3_box a:hover h2 {color: #acc3ee} */
/* .c3_box a:hover p {color: #8aaae7} */
/* .c3_box a:hover p span {color: #bed1f3} */
/* .c3_box a:hover .sub_p_line {background: #19459c} */

#c3_btn {width: 170px; height: 55px; position: absolute; top: 150px; right: 0;}
#c3_btn a {width: 170px; height: 55px; display: block; text-align: left; line-height: 55px; border: 1px solid #000; font-size: 15px; padding: 0 20px; background: url('../img/btn_arrow_b.png')no-repeat 85% 50%; transition: all 0.3s}
#c3_btn a:hover { background: url('../img/btn_arrow_w.png')no-repeat 85% 50% #19459c; border: 1px solid #19459c; color:#fff;}




@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}