/* 홈페이지 틀 확인시 background-color: 이용하면 좀더 용이함 */

/* 메인 큰틀 나누기 */

#wrap {width:100%; min-width:1300px; margin:0; padding:0; background: url(images/i_bg.gif) no-repeat top center;}

#header {width:100%; max-width:1300px; height:97px; margin:0 auto; clear:both;}

.logo {float:left; width:215px; height:64px; margin:18px 0 0 0;}

.top_m {width:100%; height:40px; margin:0; background:#f5f5f5; border-bottom:1px solid #dcdcdc; font-size:10pt; clear:both;}
.top_m ul {width:100%; max-width:1300px; margin:0 auto;}
.top_m li {float:left; width:126px; height:40px; margin:0; padding:12px 0 0 0; background:#fff; line-height:100%;}
.top_m li.t_jo {background:#394b66; font-size:11pt; font-weight:700; text-align:center;}
.top_m li.t_jo a { color:#fff;}
.top_m li.t_lo {width:113px; background:#1563c3; font-size:11pt; font-weight:700; text-align:center;}
.top_m li.t_lo a { color:#fff;}
.top_m li a {color:#555;}
.top_m li img {margin-right:8px;}
.top_m li.end {float:right; width:300px; padding-top:15px; background:none; border:none; text-align:right; letter-spacing:-0.5px;}
.t_m_line {width:1px; height:10px; margin:0 20px; background:#ababab; display:inline-block;}

/* 네비게이션 틀 */

#m_menu {float:right; width:100%; max-width:950px; height:40px; margin:41px 0 0 60px; text-align:center; z-index:1000;}

.menu {position:relative; margin:0px; padding:0px;}
.menu li {float:left; width:16.6%; height:45px; text-align:right; margin:0; font-family:'Noto Sans KR'; font-size:16pt; letter-spacing:-0.5px; font-weight:500; color:#353535;}
.menu li:hover { padding-top:5px;}  /*  메인 메뉴에 마우스 오버시 배경색 변경하기 */
.menu li:hover > a {color:#1563c3;}
.menu li:hover div {display:block;}  /*  메인 메뉴에 마우스 오버시 서브메뉴 보이기 */
/*  서브 메뉴 스타일 설정 */
.menu div {display:none; padding:10px 5px 15px 20px; background:#394b66; border-radius:3px; position:absolute; left:0px; top:40px; z-index:200; text-align:left;}
.sm1 {margin-left:30px; width:180px;}
.sm2 {margin-left:185px; width:180px;}
.sm3 {margin-left:345px; width:180px;}
.sm4 {margin-left:500px; width:180px;}
.sm5 {margin-left:670px; width:180px;}
.sm6 {margin-left:820px; width:180px;}
.sm_t { width:100%; padding:9px 0 4px 10px; font-weight:400; font-size:11pt; display:inline-block;}
.sm_t a {display:block; width:100%; height:100%; color:#fff;}
.sm_t:hover > a{margin-left:-15px; width:100%; padding:7px 0 7px 15px; background:#1563c3; font-weight:bold; color:#fff;}

/* 네비게이션 틀 끝 */

.pd_top_80{ padding-top:0px;}
.top_bar_fix {position:fixed; top:0; left:0; width:100%;}

.main_img {width:100%; height:680px; margin:0; padding:0; background:#0363b7 url(/images/i_m_img.jpg) no-repeat center; clear:both;}
.m_i_t_w {width:1300px; height:469px; margin:0 auto; padding-top:105px;}

#contents {width:100%; margin:0 0 85px 0; clear:both;}

#footer {width:100%; margin:0; padding:45px 0 0 0; background:#394b66; font-weight:500; font-family:'Noto Sans KR';}
.co_t {width:1165px; height:34px; margin:0 auto; padding:0; clear:both;}
.co_t li {float:left;}
.co_t li a {color:#c4c9d1;}

.copy {width:1165px; margin:0 auto; padding:0; clear:both;}
.copy li {float:left; margin:0; padding:0;}
.copy li.fir {width:835px; font-size:11pt; color:#9ca5b3; font-weight:400; line-height:160%; letter-spacing:0.5px;}
.copy li.end {float:right; width:79px; height:64px; margin-top:-30px;}

.co_b {width:100%; margin:30px 0 0 0; padding:15px 0; background:#1563c3; color:#d0e0f3; font-size:11pt; font-weight:300;clear:both;}
.co_b_p {width:1165px; margin:0 auto; display:block;}

/* 메인 큰틀 나누기 끝 */

/* 콘텐츠 세부구역 나누기 */
.i_top {width:100%; height:675px; margin:0 0 0 0; background:#f2f2f2; clear:both; overflow:hidden;}

.i_m_po {width:100%; margin:80px auto 40px auto; text-align:center; font-family:'Noto Sans KR'; font-size:13pt; color:#505050; font-weight:300; clear:both; letter-spacing:0px;}
.i_m_po_tit {margin:0 0 8px 0; font-size:2.2em; line-height:130%; letter-spacing:-1.5px; font-family:'NanumSquare'; font-weight:700; color:#353535; display:block;}
.i_m_po1 {width:100%; margin:0 auto; padding:65px 0 45px 0; text-align:center; font-family:'Noto Sans KR'; font-size:13pt; color:#505050; font-weight:300; clear:both; letter-spacing:0px;}

.i_board {width:100%; height:558px; margin:0 auto; background:#0363b7 url(/images/i_bo_bg.jpg) no-repeat center; clear:both;}

.i_m_bo {width:1165px; height:295px; margin:0 auto; padding:0;}

.i_m_q1 {width:100%; margin:40px 0 95px 0; padding:0; clear:both;}
.i_m_q1 ul {width:1165px; height:255px; margin:0 auto;}
.i_m_q1 li {float:left; width:277px; height:255px; margin-right:19px; background:#ddd;}
.i_m_q1 li:hover {opacity:0.5;}
.i_m_q1 li.c1 {background: url(/images/i_q02_bg_01.jpg) no-repeat;}
.i_m_q1 li.c2 {background: url(/images/i_q02_bg_02.jpg) no-repeat;}
.i_m_q1 li.c3 {background: url(/images/i_q02_bg_03.jpg) no-repeat;}
.i_m_q1 li.c4 {background: url(/images/i_q02_bg_04.jpg) no-repeat; margin-right:0;}

.i_m_pho {width:1165px; height:265px; margin:0 auto; padding:0; clear:both;}

/* 콘텐츠 세부구역 나누기 끝 */

/* 서브 콘텐츠 구역 나누기 */
#sub_img {width:100%; height:193px; margin:0 auto; background:#0263b6 url(images/s_m_img.jpg) no-repeat center top; clear:both; }
.s_img_t {display:block; width:1300px; height:75px; margin:0 auto; padding:60px 0 0 0; font-family:'NanumSquare'; font-size:24pt; font-weight:800; color:#fff;}
.s_img_t img {margin-top:15px;}

#sub_contents {width:1175px; margin:0 auto; clear:both; overflow:hidden;}

.s_left {float:left; width:220px; margin:0 0 0 1px;}
.s_right {float:right; width:890px; margin:0;}

.s_navi {width:100%; height:43px; margin:0 auto; padding:0; clear:both; background:#0363b7 url(/images/i_bo_bg.jpg) no-repeat center -50px;}
.s_navi ul {width:1175px; height:43px; margin:0 auto; padding:0;}
.s_navi li {float:right; height:15px; margin:15px 15px 0 0; padding:0 0 0 15px; border-left:1px solid #aaa; color:#353535; font-size:10.5pt;}
.s_navi li.end{border-left:none;}

.sub_con {width:890px; min-height:350px; margin:20px 0 70px 0; font-size:11pt; line-height:150%; clear:both; overflow:hidden;}
/* 서브 콘텐츠 구역 나누기 끝 */

/* sub_left 틀 */

.s_l_tit {width:220px; margin:30px 0 0 0; padding:30px 0 25px 0; text-align:center; font-family:'Noto Sans KR'; font-size:19pt; font-weight:500; letter-spacing:-1px; background:#1563c3; border-radius:10px; color:#fff;}
.sub_left_menu {width:220px; margin:1px 0 0 0; overflow:hidden; clear:both;}
.sub_left_menu li {float:left; width:220px; padding:15px 0 15px 20px; margin:0 0 1px 0; font-size:11pt; background:#eee; letter-spacing:-0.7px; border-radius:10px;}
.sub_left_menu li a {width:100%; height:100%; display:block;}
.sub_left_menu li.on {font-weight:700; background:#394b66;}
.sub_left_menu li.on a {color:#fff;}
.sub_left_menu li.on:hover {font-weight:700; background:#394b66;}
.sub_left_menu li.on a:hover {color:#fff;}
.sub_left_menu li:hover { background:#394b66; font-weight:700;}
.sub_left_menu li:hover a { color:#fff;}

.sub_left_menu li.sub { padding:3px 0 3px 20px; border:none;}
.sub_left_menu li.sub_end { padding:3px 0 10px 20px; border-bottom:1px solid #ebebeb;}

/* sub_left 틀 끝 */

/* sub_title */
.sub_title {width:890px; margin:50px 0 30px 0; padding:0 0 23px 10px; border-bottom:1px solid #dedede; font-size:22pt; font-weight:700; color:#555; letter-spacing:-1px; clear:both;}
/* sub_title 끝 */

/* sub tab */
.sub_tab {width:100%; height:50px; margin:0 0 30px 0; border:1px solid #ddd; border-right:none; border-top:none;}
.sub_tab li {float:left; height:50px; padding:15px 30px 0 30px; background:#f1f1f1; font-family:'NanumGothic'; font-size:12pt; font-weight:bold; border:1px solid #ddd; border-left:none; border-bottom:none;}
.sub_tab li.on {background:#0367ba;}
.sub_tab li.on a {color:#fff;}
.sub_tab li:hover {background:#0367ba;}
.sub_tab li:hover a {color:#fff;}

/* 서브콘텐츠 */
.m_c_t { height:30px; background: #fff url(images/t_icon.gif) no-repeat left top; margin:0 0 10px 0; padding:0px 0 0 45px; font-family:'NanumGothic'; font-weight:bold; font-size:14pt; color:#333; display:inline-block;}
.m_c_t1 { height:22px; background: #fff url(images/t_s_icon.gif) no-repeat left top; margin:0 0 10px 0; padding:2px 0 0 40px; font-weight:bold; font-size:13pt; color:#333; display:inline-block;}
.c_t_b { width:100%; margin:0 0 15px 0; padding:20px; background:#f5f5f5; border:1px solid #dedede; font-family:'NanumGothic'; font-size:10.5pt; text-align:justify; line-height:150%;  display:block; word-wrap:break-word; word-break:keep-all;}
.m_c_t_p {padding:10px 20px 10px 20px; font-size:11pt; line-height:150%; text-align:justify; word-wrap:break-word; word-break:keep-all;}
.m_c_t_p1 {padding:10px 0 15px 20px; margin-bottom:20px; border-left:5px solid #1fa93f; border-bottom:1px solid #ddd; font-size:11pt; line-height:150%; text-align:justify; word-wrap:break-word; word-break:keep-all;}
.m_c_t_p2 {width:800px; padding:15px 20px; font-family:'NanumGothic'; font-weight:bold; font-size:13pt; color:#333; border-top:3px solid #029f38; line-height:150%; display:inline-block; word-wrap:break-word; word-break:keep-all;}
.m_c_t_p3 {font-size:11pt; line-height:150%; text-align:justify; word-wrap:break-word; word-break:keep-all;}
.m_c_t_p4 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}

.m_c_r {float:right; width:580px; font-size:11pt; line-height:150%; font-family:'NanumGothic';}
.m_pho {float:left; border:1px solid #ddd; background:#f5f5f5; padding:0; width:210px; height:276px;}

.m_p_c_l {float:left; width:152px; padding:0; margin:0;}
.m_p_c_r {float:right; width:650px;}
.m_p_c_b {height:33px; margin-bottom:5px; padding:7px 20px 2px 20px; font-size:10pt; font-weight:700; background:#efefef; border:1px solid #ddd; display:block;}
.m_p_c_b:hover {background:#1f375e;}
.m_p_c_b:hover > a {color:#fff; font-weight:bold;}

.m_s_t {width:100%;padding:0; border-spacing:0; border-top:1px solid #ddd; margin:5px 0 15px 0; font-family:'NanumGothic';}
.m_s_t th {padding:12px; background:#38406f; border-right:1px solid #838bb7; border-bottom:1px solid #fff; color:#fff; vertical-align:middle;}
.m_s_t td {padding:12px; text-align:left; border-bottom:1px solid #dedede; border-right:1px solid #dedede; text-align:center; vertical-align:middle;}
.m_s_t td.bg {background:#f5f5f5; font-weight:bold; text-align:center;}

.m_s_t1 {width:100%;padding:0; border-spacing:0; margin:5px 0 15px 0; border:none!important;; border-top:3px solid #394B66!important;; font-family:'NanumGothic';}
.m_s_t1 th {padding:15px 0; text-align:center; border:none!important;;  border-bottom:1px solid #dedede!important;; background:#fafafa; font-size:11pt; color:#1f375e;}
.m_s_t1 th.bl {background: url(images/t_s_icon.gif) no-repeat 0 25px;}
.m_s_t1 td {padding:15px 20px; text-align:left; border:none!important;;  border-bottom:1px solid #dedede!important;; font-size:11pt;}
.m_s_t1 td.bg {background:#f5f5f5; font-weight:bold; text-align:center;}

.m_s_t2 {width:100%;padding:0; border-spacing:0; border-top:1px solid #dedede; margin:5px 0 15px 0; font-family:'NanumGothic';}
.m_s_t2 th {padding:15px 0; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-size:11pt; color:#1f375e; vertical-align:middle;}
.m_s_t2 td {padding:15px 20px; text-align:left; border-bottom:1px solid #dedede; font-size:11pt; line-height:150%;}
.m_s_t2 td.bg {background:#f5f5f5; font-weight:bold; text-align:center;}

.m_s_t3 {width:100%;padding:0; border-spacing:0; margin:5px 0 15px 0; border-top:1px solid #dedede; font-family:'NanumGothic';}
.m_s_t3 th {padding:10px 0 10px 45px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background: url(images/t_s_icon.gif) no-repeat 0 12px; font-size:11pt; color:#1f375e;}
.m_s_t3 th.bl {background: url(images/t_s_icon.gif) no-repeat 0 25px;}
.m_s_t3 td {padding:10px 20px; text-align:left; border-bottom:1px solid #dedede; font-size:11pt;}
.m_s_t3 td.bg {background:#f5f5f5; font-weight:bold; text-align:center;}


.p_d_bu1 {padding:10px 30px; margin-right:10px; background:#394b66; display:inline-block; font-weight:700;color:#fff; font-size:12pt; border-radius:10px;}
.p_d_bu1 a {color:#fff;}
.p_d_bu2 {padding:10px 30px; background:#ECA144; display:inline-block; font-weight:700;color:#fff;}
.p_d_bu2 a {color:#fff;}


.m_img {width:868px; padding:15px 0; border:1px solid #ddd; text-align:center;}

.m_s_bu1 {padding:12px 30px; border:1px solid #ddd; border-bottom:3px solid #e35514; font-weight:bold;}