@charset "utf-8";

/* 상단 레이아웃 */
#hd {z-index: 10 !important;position:relative;min-width:1200px;} 
.hd_zindex {z-index:10 !important} 
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto; width:1200px;zoom:1;}
#hd_wrapper:after {display: block; visibility:hidden; clear:both; cont:"";} 

#logo { padding:0; position: relative;z-index: 1010; width:1200px; margin:0 auto; height:130px; background:#fff;}
#logo a { margin:0 auto; position:relative; display:block; width:202px; height:85px;}
#logo:before{display: inline-block; content:' '; }

/* 상단 메뉴 */
#tnb {position: relative;top:-1px;right: 0;margin:0;list-style:none;zoom:1; float:right;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;}
/*#tnb li:before{content:'|'; display:inline-block; color: #d9d9d9;}*/
#tnb li:first-child:before{display:none;}
#tnb a {display:inline-block;padding: 0 6px;color: #888;font-size: 11px;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

#tnb li { color:#333; font-weight:600; padding:10px; border:1px solid #ddd; }
#tnb .phone { background:#0c4da2; color:#fff; border:1px solid #0c4da2;}

/* 메뉴 */
#lnb_wrap { position:relative; background:#132043;}
#menu_box { position:inherit; width:1200px; margin:0 auto; background:#004768;}
#lnb{ position:relative; top:0px; }
#lnb h2{ position:absolute; font-size:0; line-height:0; overflow:hidden}
#lnb_1dul{ margin:0!important; padding:0; width:100%; zoom:1; ;}
#lnb_1dul:after{ display:block; visibility:hidden; clear:both; content:""}
.lnb_1dli{ z-index:10 ;position:relative; float:left; width:20%;}
.lnb_1da{ display:block; font-weight:600; line-height:1.2em; font-size:15px; text-decoration:none; color:#fff; outline:0!important; text-align:center; padding-top:40px; height:60px; letter-spacing:0;}
.lnb_1dli.current .lnb_1da,
.lnb_1dli:hover .lnb_1da,
.lnb_1da:focus,
.lnb_1da:hover,
.lnb_1da:active{ text-decoration:none; /*background:url(../img/menu_bg.png) no-repeat center top;*/ color:#fde700; font-weight:600;} 
.lnb_2dul{ display:none; position:absolute; width:100%; top:100px; overflow:hidden; padding:10px 0 0!important; height:230px;}
.lnb_2dul:hover{ background:#f4f4f4; height:220px!important; }
a.lnb_2da{ display:block; padding:5px 0; text-align:center; color:#333; word-break:keep-all; font-size:13px; letter-spacing:-1px;}
.lnb_2dli.first a{ padding-top:12px; }
#m2 .lnb_2dli.first a:after { content:'(준)강제추행죄'; display:block;}
.lnb_2dli.last a{ padding-bottom:12px; }
.lnb_1dli:hover a.lnb_2da,
.lnb_1dli.active a.lnb_2da:hover{ color:#6f6f6f; }
a.lnb_2da:hover { color:#042e58!important; text-decoration:underline; font-weight:600;} 

#lnb .all{ background:#fff; width:100%; position:absolute; top:100px; left:0; z-index:1; box-shadow:1px 1px 3px #ccc;
/*opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);*/ }
#lnb .all div{ width:100%; margin:0 auto; }

#m6 .lnb_1da, /*#m7 .lnb_1da*/ {height:50px;padding-top:30px; }

/* 중간 레이아웃 */
#wrapper {z-index:5;margin: 0 auto 0;width:1200px;  zoom:1;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {z-index:4;position:relative;float: right;padding: 20px 15px 15px;width: 728px;min-height:500px;height:auto !important;height:500px; background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* 하단 레이아웃 */
#ft { position:relative; display:block; border-top:3px solid #004768; background:#fff; padding:30px 0;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft .adm { background:#58718a; color:#fff; padding:5px; float:right;}

#ft_company { position:relative; border-bottom:1px solid #fff; padding:20px 0; margin-bottom:30px;}
#ft_company ul { display:inline-block; width:100%;}
#ft_company ul li { float:left; width:14.28%;  }
#ft_company ul li:hover { }
#ft_company ul li dl dt {font-weight:600; color:#333; margin-bottom:20px;}
#ft_company ul li dl dd { cursor:pointer; line-height:30px; color:#747474;}
#ft_company ul li dl dd:hover { font-weight:600; text-decoration:underline; color:#fff;}

#ft_catch {position:relative;margin:15px 30px 0 0; float:left;}

#ft_copy .bar { margin:0 10px; color:#999; opacity:0.5; position:relative; top:-5px;}
#ft_copy { color:#6b6f75; line-height:1.5em; float:right; text-align:right; font-size:14px;} 
#ft_copy strong { font-size:15px; color:#0a1728;}


/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:15px;border:0;background:#333;color:#fff;cursor:pointer}
fieldset .btn_submit {padding:15px; font-size:14px;}

a.btn_cancel {display:inline-block;padding:15px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:15px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:15px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:15px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:15px 0;border-top:1px solid #333;border-bottom:1px solid #d1dee2;background:#fff;color:#383838;font-size:16px;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838; font-size:16px;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em; font-size:16px;}
.tbl_head01 a { color:#121212;}
.tbl_head01 a span { font-weight:600; }

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:15px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;line-height:2em; padding:9px;}
.tbl_frm01 textarea {padding:2px 2px 3px} 
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #fff top right no-repeat !important} 

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}


/*************************************************** style **********************************************************/

/*메인 비주얼*/
#main_bn{position:relative;margin:0;height:auto; top:-5px;}
#main_bn .bn_img li{width:100%}
#main_bn .bn_img li img{width:100%}
#main_bn .bn_img{overflow:hidden; margin:0;}
#main_bn .bn_img li {position:relative;float:left;}
#main_bn .bn_img li.bn_first{display:block}
#main_bn .bn_silde_btn { width:50px; display:block; position:absolute; top:45%;}
#main_bn .bn_silde_btn button { padding-left:30px; text-align:center; text-align:center; color:#999; background:url(../img/bn.png) no-repeat; border:none; font-size:10px;}
#main_bn .bn_silde_btn .bn_sl { padding-left:50px; text-align:center; text-align:center; color:#fff; background:url(../img/bn_on.png) no-repeat; border:none; font-size:13px;}

/* main 비주얼 레이아웃 */
#main_visual { width:100%; min-width:1200px; display:block; margin:0 auto; position:relative; top:0px; }
.main_visual{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.main_visual img { width:100%; }
.main_visual li{ position:relative;}

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 600px; }
.slides { zoom: 1; overflow:hidden; padding:0; margin:0;}
.slides > li {display: none; -webkit-backface-visibility: hidden;}

/* Control Nav */
.flex-control-nav { width:100%; text-align:center}
.flex-control-nav li {display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {display: block;cursor: pointer; }

/*direction Nav*/
.visual{ position:relative; width:100%; left:0; top:0;}
.visual .flex-direction-nav{ display:block; width:80%; margin:0 auto;}
.visual .flex-direction-nav .flex-prev { background:url(../img/btn01.png) no-repeat; width:74px; height:108px; left:0; position:absolute; top:-350px;}
.visual .flex-direction-nav .flex-next { background:url(../img/btn02.png) no-repeat; width:74px; height:108px; right:0; position:absolute; top:-350px;}
.visual .flex-control-paging{ position:relative; top:-50px; margin:0; width:50%; z-index:1000; float:right;}
.visual .flex-control-paging li{ display:block; zoom:1; margin:0 5px 0 0; float:left;}
.visual .flex-control-paging li a { width:22px; height:22px; background:url(../img/icon_off.png) no-repeat; border:none; font-size:0; text-indent:-9999px;}
.visual .flex-control-paging li a:hover { background:url(../img/icon_on.png) no-repeat; border:none; font-size:0; text-indent:-9999px;}
.visual .flex-control-paging li a.flex-active { background:url(../img/icon_on.png) no-repeat; border:none; font-size:0; text-indent:-9999px;}
.visual .flex-pauseplay{ position:relative; top:-50px; width:50%; float:left; z-index:1000; }
.visual .flex-pauseplay a { display:block; width:22px; height:25px; font-size:0; text-indent:-9999px; z-index:1000; float:right; margin-right:20px; cursor:pointer;}
.visual .flex-pauseplay .flex-pause { background:url(../img/icon_stop.png) no-repeat; }
.visual .flex-pauseplay .flex-play { background:url(../img/icon_play.png) no-repeat; }



@media (max-width: 1600px) {
.visual .flex-direction-nav .flex-prev,.visual .flex-direction-nav .flex-next { top:-230px;}
}

.wrap_box { position:relative; display:inline-block; width:100%;}

.m_bg { position:relative; display:block; background:rgba(0,0,0,0.8); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 )"; 
zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
padding:15px 0;width:100%; z-index:100; max-height:110px;}
.banner_box { position:relative; display:inline-block; width:100%;}
.banner_box .m_banner { width:660px; float:left; border-right:1px solid #666; margin:0;}
.banner_box .m_banner dl { display:inline-block; width:100%;}
.banner_box .m_banner dl dt { float:left;}
.banner_box .m_banner dl dt h1 { border:5px solid #fff; padding:15px 25px; color:#fff; font-weight:900; font-size:22px; }
.banner_box .m_banner dl dd { float:left;}
.banner_box .m_banner dl dd h1 { font-size:50px; font-weight:900; color:#fff; margin-left:20px; line-height:1.2em; font-family:'NanumSquareEB'; padding:25px 0; letter-spacing:-2px;}
.banner_box .m_banner dl dd ul { margin-left:20px; padding:20px 0;}
.banner_box .m_banner dl dd ul li { font-size:17px; color:#fff; line-height:1.2em;}

.banner_box .mail_box { width:480px; float:right; padding-top:10px;}
.banner_box .mail_box .mail { width:350px; float:left; }
.banner_box .mail_box h1 { background:url(../img/icon_mail2.png) no-repeat left bottom; color:#fff; font-size:25px; font-weight:500; padding-left:55px; margin-bottom:10px;}
.banner_box .mail_box h1 strong { font-size:25px; font-weight:600; }
.banner_box .mail_box h2 { font-size:30px; font-family:'NanumSquareEB'; color:#fff;}
.banner_box .mail_box .btn { width:100px; float:right; border:2px solid #fff; border-radius:5px; padding:10px;}
.banner_box .mail_box .btn a {  color:#fff; font-size:20px; text-align:center; display:block;  }

.wrap_box .sms { float:left; width:350px;}
.wrap_box .sms .left { width:65%;}
.wrap_box .sms h1 { background:url(../img/icon_sms.png) no-repeat left top; padding-left:55px; font-size:28px; font-weight:600; color:#004768; line-height:1.8em; letter-spacing:-1px;}
.wrap_box .sms h1 strong { font-size:28px; font-weight:600; color:#333; font-family:'NanumSquareEB';}
.wrap_box .sms form { background:#eee; display:inline-block; padding:20px; }
.wrap_box .sms .intxt { padding:5px; border:1px solid #ccc;}
.wrap_box .sms .btn { display:block; text-align:center; background:#383f47; color:#fff; padding:50px 10px; cursor:pointer; font-size:18px; font-weight:600; width:85px;  }
.wrap_box .sms .btn:hover, .wrap_box .sms .btn2:hover { background:#000; transition:0.5s;} 
.wrap_box .sms .btn2 { background:#454545; color:#fff; padding:2px 10px; position:absolute;}

.wrap_box .icon { float:left; width:830px;}
.wrap_box .icon ul { border-top:2px solid #383f47; border-bottom:1px solid #989fa6; padding:38px 0; display:inline-block; width:100%;} 
.wrap_box .icon ul li { float:left; width:16.66%; text-align:center; padding:80px 0 0px;}
.wrap_box .icon h1 { font-size:28px; font-weight:600; color:#004768; line-height:1.8em; letter-spacing:-1px;}
.wrap_box .icon h1 strong { font-size:28px; font-weight:600; color:#333; font-family:'NanumSquareEB';}
.wrap_box .icon ul li h2 { font-size:18px; text-align:center; color:#333;}
.wrap_box .icon ul li:hover { cursor:pointer;}
.wrap_box .icon ul .icon01 { background:url(../img/m_img01.png) no-repeat center top;}
.wrap_box .icon ul .icon02 { background:url(../img/m_img02.png) no-repeat center top;}
.wrap_box .icon ul .icon03 { background:url(../img/m_img03.png) no-repeat center top;}
.wrap_box .icon ul .icon04 { background:url(../img/m_img04.png) no-repeat center top;}
.wrap_box .icon ul .icon05 { background:url(../img/m_img05.png) no-repeat center top;}
.wrap_box .icon ul .icon06 { background:url(../img/m_img06.png) no-repeat center top;}

.wrap_box .help { float:left; width:330px; background:url(../img/m_bg02.png) no-repeat; background-size:cover; padding:20px; height:307px;}
.wrap_box .help h1 { background:url(../img/icon_consult2.png) no-repeat left top; padding-left:55px; font-size:28px; font-weight:600; color:#004768; line-height:1.8em; letter-spacing:-1px;}
.wrap_box .help h1 strong { font-size:28px; font-weight:600; color:#333; font-family:'NanumSquareEB';}

.wrap_box .list { float:left; width:770px; background:url(../img/m_bg03.png) no-repeat; background-size:cover; padding:28px 30px; height:290px;}
.wrap_box .list .tit { float:left; width:280px;}
.wrap_box .list h1 { background:url(../img/icon_consult.png) no-repeat left top; padding-top:70px; font-size:28px; font-weight:600; color:#333; line-height:1.8em; letter-spacing:-1px;}
.wrap_box .list h1 strong { font-size:28px; font-weight:600; color:#121212; font-family:'NanumSquareEB';}
.wrap_box .list .more { width:70px; color:#333; font-size:14px; font-weight:500; background:url(../img/icon_more.png) no-repeat right center; padding-right:45px; cursor:pointer;} 
.wrap_box .list .more:hover { text-decoration:underline;} 

.wrap_box .board { float:right; width:390px; padding:25px; background:#fff; border-radius:15px; height:235px;}

.info_box { position:relative; background:url(../img/m_bg04.png) no-repeat center top; height:650px; }
.info_box .info { position:relative;  width:650px; top:80px;}
.info_box .info .tit { border-bottom:1px solid #121212; }
.info_box .info .tit h1 { position:relative; font-size:55px; font-weight:600; color:#000; font-family:'NanumSquareEB';}
.info_box .info .tit h1 span { font-size:30px; font-weight:600; display:inline-block; margin-left:20px;}
.info_box .info .tit .more { color:#fff; background:#666; font-weight:100; font-size:30px; position:absolute; right:0; cursor:pointer; width:100px; height:30px; border-radius:5px; font-style:normal; text-align:center; line-height:30px; top:35px;} 
.info_box .info .tit .more .mm { font-size:17px; vertical-align:middle; margin-left:10px; display:inline;}
.info_box .info .tit .more:hover { background:#121212;}

.info_box .info .txt { display:inline-block; width:100%; margin-top:30px;}
.info_box .info .txt h1 { float:left; width:60px; color:#fff; background:#333; padding:5px; font-size:20px; text-align:center; margin:0 20px 300px 0;}
.info_box .info .txt .t1 { float:left; width:550px; }
.info_box .info .txt .t1 li { width:50%; float:left; font-size:17px; margin-bottom:10px;}
.info_box .info .txt .t1 li:before { content:'-'; margin-right:10px;}
.info_box .info .txt .t2 { }
.info_box .info .txt .t2 li { font-size:17px; margin-bottom:10px;}
.info_box .info .txt .t2 li:before { content:'-'; margin-right:10px;}
.info_box .info .st1 { height:80px; } 
.info_box .info .st2 { height:80px; } 


.location_box { position:relative; background:#f1f1f1;} 
.location_box .location { padding:80px 0 15px; display:inline-block; width:100%; }
.location_box .location h1 { font-size:40px; font-weight:600; color:#004768; line-height:1.8em; letter-spacing:-2px; float:left; width:500px;}
.location_box .location h1 strong { font-size:45px; font-weight:600; color:#121212; font-family:'NanumSquareEB';}
.location_box .location ul { float:right; width:700px;}
.location_box .location ul li { font-size:20px; font-weight:600; color:#666; padding-left:45px; margin-bottom:10px; line-height:38px;}
.location_box .location ul .addr { background:url(../img/icon_addr.png) no-repeat left top;}
.location_box .location ul .tel { background:url(../img/icon_phone.png) no-repeat left top;}
.location_box .location ul .fax { background:url(../img/icon_fax.png) no-repeat left top;}
.location_box .map_box { padding-bottom:80px;}
.location_box .map_box .wrap_controllers { display:none;}


/* 서브 비주얼 */
#sub_visual_box { position:relative; display:block; width:100%; }
.sub_visual { position:relative; display:block; margin:0; background:url(../img/sub_visual.png) no-repeat; height:250px;}
.sub_visual .slogan { position:relative; top:80px; left:-50px; opacity:0;}
.sub_visual .slogan h1 { font-size:40px; font-family:'NanumSquareEB';}
.sub_visual .slogan p { font-size:20px;}


#sub_visual_box .s_tit { position:relative; display:block; background:#e4e4e4; width:100%; height:50px; border-bottom:1px solid #ccc;}
#sub_visual_box .s_tit ul { width:1200px; margin:0 auto; position:relative;}
#sub_visual_box .s_tit ul li { float:left; padding:15px 20px; width:auto; height:30px; color:#999; font-size:16px; text-align:center; background:url(../img/icon_arrow.png) no-repeat right 20px;}
#sub_visual_box .s_tit ul .home { background:url(../img/icon_home.png) no-repeat center center; width:30px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:10px;}
#sub_visual_box .s_tit ul .on strong { color:#121212; font-weight:500; font-size:16px; }
#sub_visual_box .s_tit ul .on { background:none; } 
/* lnb */
#sub_wrap { position:relative; display:inline-block; width:100%; top:0px;}
#lnb_box { position:relative; display:block; width:230px; padding:0; float:left;}
#lnb_box .lnb { }
#lnb_box .lnb .snb { position:relative; display:block;}
#lnb_box .lnb .l_tit { padding:35px 0 10px; font-size:28px; font-weight:600; color:#121212; background:url(../img/lnb_bg.png) no-repeat left bottom; margin-bottom:20px;}
#lnb_box .lnb .snb li { padding:0; border-bottom:1px solid #ccc; }
#lnb_box .lnb .snb li a { position:relative; padding:15px; display:block;  color:#333; font-size:15px; }
#lnb_box .lnb .snb li a:hover { text-decoration:underline; }
#lnb_box .lnb .snb li .on { background:url(../img/lnb_on.png) no-repeat 200px center #dce1e3; color:#004768; font-size:15px; font-weight:600; }

#content { position:relative; display:block; width:890px; padding:30px 30px 100px; float:left; min-height:450px; }
#content .head_tit { font-size:35px; font-weight:600; color:#121212; font-family:'NanumSquareEB';}

.con_box * { letter-spacing:-1px; font-size:16px;}
.con_box .line { border-bottom:2px dashed #ddd; width:100%; height:1px; margin:100px 0;}

.con_box { position:relative; display:block;  }
.con_box .intro_box { position:inherit; }
.con_box .intro_box .intro { padding:50px 30px; line-height:1.8em; font-size:17px; background:#f7f7f7; border-radius:0 0 10px 10px; text-align:center; }
.con_box .intro_box .intro .top_tit { position:relative; margin:0 auto 50px; width:440px; padding:30px; background:#fff; }
.con_box .intro_box .intro .top_tit i { font-family:'NanumSquareEB'; display:inline-block; margin-left:10px; font-size:30px; font-weight:600; color:#121212; font-weight:600; font-style:normal;}
.con_box .intro_box .intro .top_tit strong { font-size:22px; display:block; text-align:center; color:#333;}
.con_box .intro_box .intro .top_tit .symbol_l { position:absolute; top:10px; left:10px; display:inline-block; background:url(../img/icon_s1.png) no-repeat; width:18px; height:19px; opacity:0.5; }
.con_box .intro_box .intro .top_tit .symbol_r { position:absolute; bottom:10px; right:10px; display:inline-block; background:url(../img/icon_s2.png) no-repeat; width:18px; height:19px; opacity:0.5;}
.con_box .intro_box .intro_img { border-bottom:5px solid #004768;}


.con_box .con_txt { margin:0px; position:relative; width:100%; display:inline-block;}
.con_box .con_tit { background:url(../img/icon_box.png) no-repeat left 3px; font-size:22px; font-weight:600; color:#121212; padding-left:30px; margin-bottom:15px; line-height:25px;}

.con_box .con_list { float:left; width:518px; margin:0 50px; }
.con_box .con_list h1 { font-size:20px;}
.con_box .con_list li { margin:0 15px 10px; background:url(../img/icon_sq.png) no-repeat left center; font-size:16px; padding-left:15px; line-height:1.5em; word-break:keep-all;}

.con_box .img_box { position:relative; float:left; width:270px; height:370px; border:1px solid #ddd; }
.con_box .img_box .point { width:120px; height:60px; border-bottom:3px solid #fff; border-right:3px solid #fff; position:absolute; bottom:0; right:0;}
.con_box .p1 { background:url(../img/simg02.png) no-repeat center bottom; background-size:cover; }
.con_box .p2 { background:url(../img/simg03.png) no-repeat center bottom; background-size:cover; float:right;}

.con_box .tt { font-size:17px; clear:both; background:#f4f4f4; padding:30px; line-height:1.8em;} 
.con_box .tt strong { /*color:#bb4141;*/ font-size:17px; font-weight:500; }

.con_box .red { color:#bb4141; font-size:17px; font-style:normal; font-weight:600;}
.con_box .blue { color:#175694; font-size:17px; font-style:normal; font-weight:600;}

.con_box .con_list2 { margin:0 0 30px; padding:30px; border:3px solid #004768; background:#fff; }
.con_box .con_list2 li {font-size:17px; margin-bottom:20px; line-height:1.8em; background:url(../img/icon_sq.png) no-repeat left 12px; padding-left:15px; }
.con_box .con_list2 li p { color:#004768; font-size:18px; font-weight:600; display:inline-block; margin-right:10px;}
.con_box .con_list2 li:last-child { margin:0;}

.con_box .con_list3 { margin:30px 0; padding:30px; border:3px solid #004768; background:#fff; }
.con_box .con_list3 li { font-size:17px; margin-bottom:20px; line-height:1.8em; background:url(../img/icon_sq.png) no-repeat left 12px; padding-left:15px; }
.con_box .con_list3 li p { color:#004768; font-size:18px; font-weight:600; display:block; }
.con_box .con_list3 li:last-child { margin:0;}

.con_box .con_list4 { position:relative; margin:30px 0; background:#f7f7f7; padding:20px 2.5%; display:inline-block; width:95%; }
.con_box .con_list4 h1 { font-size:22px; font-weight:600; color:#042e58; padding:20px 0; text-align:center;}
.con_box .con_list4 li { position:relative; font-size:16px; line-height:1.8em; width:160px; float:left; background:#042e58; text-align:center; color:#fff; padding:20px 0; margin-bottom:30px; }
.con_box .con_list4  li .num  { position:absolute; top:0; left:0; background:#fff; padding:2px 5px; color:#000; font-weight:600; font-size:13px;}
.con_box .con_list4 .bar { background:none; color:#333; font-size:20px; width:50px;} 
.con_box .con_list4 .cl {clear:both;}
.con_box .con_list4 .pp { background:#2b3c9c;}
.con_box .con_list3 .long { background:url(../img/icon_sq.png) no-repeat left 12px; }
.con_box .con_list3.tt { font-size:16px; line-height:1.5em; padding-left:40px;}
.con_box .con_list3.tt strong { color:#bb4141; font-size:16px; font-weight:500;}
.con_box .con_list3 li strong { color:#042e58; font-size:16px;  } 
.con_box .con_list3 li i { color:#bb4141; font-size:16px; font-style:normal;}

.con_box .con_list5 { margin:30px 0; padding:30px; border:5px solid #eee; }
.con_box .con_list5 h1 { font-size:22px; font-weight:600; color:#042e58; margin-bottom:20px; text-align:center; border-bottom:1px solid #042e58; padding-bottom:5px; }
.con_box .con_list5 li {font-size:16px; margin-bottom:10px; padding:10px; line-height:1.8em; background: #f7f7f7; }
.con_box .con_list5 li .num { background:#0c4da2; color:#fff; padding:2px 5px; font-weight:600; margin-right:10px; font-size:14px;}
.con_box .con_list5 li:last-child { margin-bottom:0;}
.con_box .con_list5 li strong {  color:#000; font-size:16px;}
.con_box .con_list5 li .blue {  color:#0c4da2; font-size:16px;}
.con_box .con_list5 li p { margin-top:5px; padding-left:40px; color:#666; font-size:16px;}
.con_box .con_list5 li .ttt { display:block; margin:5px 0; padding-left:27px; color:#666; font-size:15px; line-height:1.8em;}



.con_box .con_txt .table_st { border-top:2px solid #333; border-bottom:1px solid #ccc;}
.con_box .con_txt .table_st td, .con_box .con_txt .table_st th { padding:15px 20px; font-size:17px; border-bottom:1px solid #ccc;}
.con_box .con_txt .table_st th { color:#121212; background:#f9f9f9; }
.con_box .con_txt .table_st td strong { color:#bb4141;}
.con_box .con_txt .n_line { border-bottom:none!important;}



/* visual_box */
.slide1{ overflow:hidden; position:relative;height:600px}
.slide1 ul li { cursor:pointer;}
.slide1 .slide_bg01{ height:600px; background:url(../img/visual01.png) no-repeat;}
.slide1 .slide_bg02{ height:600px; background:url(../img/visual02.png) no-repeat;}
.slide1 .slide_bg03{ height:600px; background:url(../img/visual03.png) no-repeat;}

.slide1_pn_wrp{ width:100%; bottom:120px; z-index:10;  position:relative; }
.slide1_pn{ display:block; width:400px; margin:0 auto; padding:10px 90px; background:url(../img/m_bg01.png) no-repeat;}
.slide1_pn a{ display:inline-block; margin:0 50px 0 0; text-decoration:none !important; font-size:17px; color:#fff; padding:0 0 0 20px; background:url(../img/main_btns-visual.png) no-repeat; background-position:left 4px;}
.slide1_pn a:last-child { margin:0;}
.slide1_pn .active,.slide1_pn a:hover{ color:#ffde00; background:url(../img/main_btns-visual.png) no-repeat; background-position:left -46px; }
.slogan{margin-bottom: 25px}

.bx-controls { display:block; margin: 20px auto 0; width:70px; }
.bx-controls .bx-pager { display:inline-block; }
.bx-controls .bx-pager .bx-pager-item { float:left;  }
.bx-controls .bx-pager .bx-pager-item a { display:inline-block; float:left; width:12px; height:12px; font-size:0; background:#e1e1e1; border-radius:30px; margin-right:10px;}
.bx-controls .bx-pager .bx-pager-item .active { background:#787878;}


/* layer popup */
.pop-layer .pop-container { padding: 20px 25px; }
.pop-layer p.ctxt { color: #666; line-height: 1.5em;}
.pop-layer p.ctxt strong { font-size:20px; font-weight:600; margin-bottom:20px; color:#121212; display:block; border-bottom:1px solid #333; padding-bottom:10px;}
.pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right;}
.pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 650px; height: auto; background-color: #fff; border: 5px solid #333; z-index: 10;}
.dim-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer .pop-layer { display: block;}
a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #121212; background-color: #333; font-size: 13px; color: #fff; line-height: 25px;}
a.btn-layerClose:hover { border: 1px solid #000; background-color: #000; color: #fff;}