@charset "utf-8";

/* 상단 레이아웃 */
#hd {z-index: 10 !important;position:relative;min-width:1200px;background:#fff; border-bottom:1px solid #dfdfdf;} 
.hd_shadow { border-bottom:2px solid #a25742!important;}  
.hd_zindex {z-index:10 !important} 
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative; width:100%; zoom:1; border-bottom:1px solid #153b60;}
#hd_wrapper:after {display: block; visibility:hidden; clear:both; content:"";} 

#logo { padding:0 0 15px; position: relative;z-index: 1010; border-bottom:1px solid #dfdfdf; }
#logo a { margin:0; position:relative; display:block; width:200px; margin:0 auto; }
#logo:before{display: inline-block; content:' '; }

/* 상단 메뉴 */
#favorite { float:left; font-size:14px; color:#153b60; padding:10px; border-bottom:3px solid #153b60; transition:0.5s;}
#favorite:hover { transition:0.5s; border-bottom:3px solid #0082d5; color:#0082d5; cursor:pointer;}

#tnb {position:absolute; margin:0; list-style:none; zoom:1; top:25px; right:0; }
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li { font-size:17px; font-family:'Nanum SqureEB'; color:#002675; background:url(../img/icon_phone1.png) no-repeat left 20px; padding:20px 0 20px 60px; letter-spacing:-1px; text-align: right;}
/*#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}


/* 메뉴 */
#lnb_wrap { position:relative; zoom:1; padding:0; width:1200px; margin:0 auto; }
#menu_box { position:inherit; display:block; width:100%; }
#lnb{ position:relative; display:inline-block; top:0px; width:900px; float:right}
#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:14.28%;} 
.lnb_1da{ display:block; font-weight:600; line-height:1.2em; font-size:18px; text-decoration:none; color:#393939; outline:0!important; text-align:center; line-height:60px;}
.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:#002675; 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; }
.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; }


/* 중간 레이아웃 */
#wrapper {z-index:5;margin: 0 auto 0;width:1200px; position:relative; 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; width:100%; background:#3e4755; padding:30px 0;}
#ft_box { width:950px; margin:0 auto; overflow:hidden; position:relative;}
#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:#999; color:#fff; padding:5px; float:right;}

#ft_catch {position:relative;margin:10px 50px 0 0; float:left;}
#ft_adm { position:absolute; right:0; background:#656c77; padding:5px 20px; display:inline-block; color:#fff; font-size:14px;}
#ft_copy .bar { margin:0 10px; color:#8c8c8c; opacity:0.5; position:relative; top:0;}
#ft_copy { color:#8c8c8c; line-height:1.5em; float:left; margin-top:5px;} 
#ft_copy a { color:#ddd;}
#ft_copy strong { font-size:17px; color:#fff; display:block; margin-bottom:10px;}


/* 버튼 */
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;  position:relative; top:0px; }
.main_visual{ position:relative; width:100%; }
.main_visual img { } 
.main_visual li{ position:relative;}

.main_visual .s01 { background:url(../img/visual01_1.jpg) no-repeat; background-position:50%; height:600px;}
.main_visual .s04 { background:url(../img/visual01_6.jpg) no-repeat; background-position:50%; height:600px;}
.main_visual .s02 { background:url(../img/visual02_1.jpg) no-repeat; background-position:50%; height:600px;}
.main_visual .s03 { background:url(../img/visual03_1.jpg) no-repeat; background-position:50%; height:600px;}

.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:70%; margin:0 auto;}
.visual .flex-direction-nav li a { opacity:0.5; transition:0.5s;}
.visual .flex-direction-nav li a:hover { opacity:1; transition:0.5s;}
.visual .flex-direction-nav .flex-prev { background:url(../img/arrow_prev.png) no-repeat; width:40px; height:43px; left:0; position:absolute; top:-330px;} 
.visual .flex-direction-nav .flex-next { background:url(../img/arrow_next.png) no-repeat; width:40px; height:43px; right:0; position:absolute; top:-330px;}
.visual .flex-control-paging{ position:relative; bottom:60px; width:118px; margin:0 auto; z-index:1000; }
.visual .flex-control-paging li{ display:block; zoom:1; margin:0 10px 0 0; float:left;}
.visual .flex-control-paging li a { width:15px; height:15px; background:#ddd; border:2px solid #fff; font-size:0; text-indent:-9999px; transition:0.5s; vertical-align:middle; border-radius:50px;}
.visual .flex-control-paging li a:hover { background:#355b9b; transition:0.5s; border:2px solid #fff; font-size:0; text-indent:-9999px;}
.visual .flex-control-paging li a.flex-active { background:#355b9b; border:2px solid #fff; font-size:0; text-indent:-9999px; transition:0.5s;}
.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:-210px;}*/
.visual .flex-direction-nav{ width:100%; }

}



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

.banner { height:100px; background:url(../img/banner_1_1.png) no-repeat #1c2e49; background-position:50%; cursor:pointer; background-size: contain;}

.main_con { position:relative; padding:50px 0; width:1200px; margin:0 auto;}
.main_con #wrapper { display:inline-block; width:100%;}
.main_con .left { width:720px;}
.main_con .right { width:460px;} 

.icon_box { position:relative; display:block; padding:50px 0; }
.icon_box ul { position:relative; display:inline-block; width:100%; }
.icon_box ul li { position:relative; float:left; width:200px; height:350px; padding:15px; margin-right:10px; border:1px solid #ddd;}
.icon_box ul li:last-child { margin-right:0;}
.icon_box ul li h1 { font-size:18px; color:#121212; text-align:center; padding-top:180px; margin-bottom:10px;}
.icon_box ul li p { font-size:12px; text-align:center;}
.icon_box ul li .more { position:absolute; bottom:20px; left:50%;  display:block; width:100px; border-radius:50px; padding:5px 0; background:#dfdfdf; margin-left:-50px; text-align:center; transition:0.5s; }
.icon_box ul li:hover { cursor:pointer; transition:0.5s;}
.icon_box ul li:hover h1 { color:#0254d0;}
.icon_box ul li:hover .more { background:#121212; color:#fff; transition:0.5s; }
.icon_box ul .icon01 { background:url(../img/mimg01.png) no-repeat center top; background-size:250px; }
.icon_box ul .icon02 { background:url(../img/mimg02.png) no-repeat center top; background-size:250px; }
.icon_box ul .icon03 { background:url(../img/mimg03.png) no-repeat center top; background-size:250px; }
.icon_box ul .icon04 { background:url(../img/mimg04.png) no-repeat center top; background-size:250px; }
.icon_box ul .icon05 { background:url(../img/mimg05.png) no-repeat center top; background-size:250px; }

.info_box { background:url(../img/banner2.png) no-repeat; background-position:50%; padding:50px 0;}
/*.info_box h1 { font-size:35px; color:#305186;}
.info_box .line { background:#b3c0cf; width:50px; height:5px; margin:15px auto;}
.info_box h2 { font-size:26px; font-weight:500; }
.info_box h2 strong { font-size:26px; font-weight:500; background:#6e89b4; color:#fff; display:inline-block; padding:0 5px;}
.info_box .more { display:block; border:1px solid #9c9fa3; padding:5px 20px; margin:20px auto 0; width:180px; font-size:20px; transition:0.5s; }
.info_box .more:hover { border:1px solid #305186; color:#305186; background:#fff; cursor:pointer; transition:0.5s; }*/

.letter-wr { width:1050px; margin:0 auto }

.letter-box { float:left; width:532px; padding:15px; background:#fff; }
.letter-box ul li { float:left; width:164px; margin-right:20px }
.letter-box ul li:last-child { margin-right:0 }

.tit-box { float:left; padding-left:80px; padding-top:40px}
.tit-box .stit { font-size:1.6em; letter-spacing:0.5em; padding-left:25px; }
.tit-box h2 { font-weight:400; font-size:3em;color:#275da7; margin-top:10px }
.tit-box h2 strong { font-weight:900 }
.tit-box h2 strong span { color:#ff0000 }
.tit-box .gbar { width:80px; height:3px; background:#abb3bf; margin:20px 0; }
.tit-box p { font-size:1.4em; color:#3d3d3d } 

.board_box { position:relative; padding:50px 0; height:340px;}
.board_box .app_form { float:left; width:370px; padding:0;}
.board_box .app_form h1 { background:url(../img/icon_app.png) no-repeat; padding:5px 0 5px 55px; color:#183768; font-size:24px;}
.board_box .app_list { float:left; width:430px; padding:0 30px;}
.board_box .app_list h1 { background:url(../img/icon_list.png) no-repeat; padding:5px 0 5px 55px; color:#183768; font-size:24px;}
.board_box .app_list .more { border:1px solid #ccc; float:right; padding:2px 10px; font-size:18px; cursor:pointer; transition:0.5s;}
.board_box .app_list .more:hover { border:1px solid #183768; background:#183768; color:#fff; transition:0.5s;}

.board_box .app_img { float:left; width:340px; height:320px; background:url(../img/banner3.png) no-repeat; cursor:pointer; transition:0.5s; }
.board_box .app_img:hover { opacity:0.5; transition:0.5s; }

.map_box  { padding:50px 40px; border:2px solid #eaeaea; box-shadow:8px 8px #eaeaea; }

.map_box h2 { font-size:25px; margin:0 auto; width:150px; background:#305186; text-align:center; border-radius:20px; color:#fff; padding:2px 0; }
.map_box p { text-align:center; font-size:22px; margin:40px 0; font-weight:600; color:#2a2a2a; line-height:1.8em }
.map_box table { width:100%; border:1px solid #305186; border-collapse:collapse; margin:20px 0; }
.map_box table tr th { width:18%; font-size:18px; border-bottom:1px solid #fff; background:#305186; color:#fff; }
.map_box table tr td { font-size:17px;  border:1px solid #305186; padding:20px; line-height:2.5em; letter-spacing:-0.05em }
.map_box table tr:last-child th { border-bottom:1px solid #305186 }
.map_box table tr td  span { font-size:18px; font-weight:600; color:#279ba2; margin-right:1px }
.map_box table tr td > p{text-align: left}

/* 서브 비주얼 */
#sub_visual_box { position:relative; display:block; width:100%; }
#sub_visual_box .tit { width:1200px; margin:0 auto; position:relative; text-align:center; top:70px; opacity:0;}
#sub_visual_box .tit h1 { color:#1c3868; font-size:45px; font-weight:500;}
#sub_visual_box .tit h1 strong { font-size:45px; font-family:'Nanum SqureEB';}
#sub_visual_box .tit p { color:#353535; font-size:22px; margin-top:10px;}
#sub_visual_box .tit p strong { font-size:22px; }


.sub_visual1 { position:relative; display:block; margin:0; background:url(../img/sub_visual01.png) no-repeat; background-size:cover; height:350px; background-position:50%;}
.sub_visual2 { position:relative; display:block; margin:0; background:url(../img/sub_visual02.png) no-repeat; background-size:cover; height:350px; background-position:50%;}
.sub_visual3 { position:relative; display:block; margin:0; background:url(../img/sub_visual03.png) no-repeat; background-size:cover; height:350px; background-position:50%;}
.sub_visual4 { position:relative; display:block; margin:0; background:url(../img/sub_visual04.png) no-repeat; background-size:cover; height:350px; background-position:50%;}
.sub_visual5 { position:relative; display:block; margin:0; background:url(../img/sub_visual05.png) no-repeat; background-size:cover; height:350px; background-position:50%;}
.sub_visual6 { position:relative; display:block; margin:0; background:url(../img/sub_visual06.png) no-repeat; background-size:cover; height:350px; background-position:50%;}
.sub_visual7 { position:relative; display:block; margin:0; background:url(../img/sub_visual07.png) no-repeat; background-size:cover; height:350px; background-position:50%;}
.sub_visuallogin { position:relative; display:block; margin:0; background:url(../img/sub_visual01.png) no-repeat; background-size:cover; height:350px; background-position:50%;}


.content .tit { position:relative; display:block; padding:10px 0; margin-bottom:30px; border-bottom:1px solid #ddd;}
.content .tit h1 { font-weight:600; font-size:25px; font-family:'Nanum SqureEB'; color:#344e7d;} 
.content .tit .pos { margin-top:-25px; float:right; font-size:12px; }
.content .tit .pos strong { color:#666; font-size:12px;}
.content .tit .pos .bar { color:#999; font-size:0.8em; margin:0 5px; } 


.content { width:1200px; margin:0 auto; position:relative;}
#sub_wrap { position:relative; }
#content { position:relative; float:right; width:900px; min-height:450px;} 
#lnb_box { position:relative; float:left; width:260px; } 
.sub_box { position:relative; display:inline-block; width:100%; padding:40px 0; }
.bbs_wrap { }


/* lnb */
.lnb { position:relative; display:block; width:100%; }
.lnb .stit { background:url(../img/lnb_tit.png) no-repeat; width:260px; height:80px; padding-top:40px; color:#fff; font-size:24px; font-weight:500; text-align:center;}

.lnb .snb { width:100%; display:inline-block; }
.lnb .snb li { }
.lnb .snb li a { position:relative; background:url(../img/lnb_off.png) no-repeat 220px 26px #fff; padding:20px; display:block; color:#121212; font-size:18px; letter-spacing:-0.05em } 
.lnb .snb li a:hover { color:#344e7d; font-size:18px; text-decoration:none; background:url(../img/lnb_on.png) no-repeat 220px 26px #ededed; letter-spacing:-0.05em} 
.lnb .snb li .on { color:#344e7d; font-size:18px; background:url(../img/lnb_on.png) no-repeat 220px 26px #ededed; letter-spacing:-0.05em}

.con_box { position:relative; display:block; }
.con_box .intro_box { position:inherit; display:inline-block; width:100%; }
.con_box .intro_box .intro { width:570px; float:left; line-height:1.8em; font-size:17px;  }
.con_box .intro_box .intro strong { font-size:20px; color:#305186; font-weight:500; display:block; }
.con_box .intro_box .intro p { font-size:17px; color:#121212; }
.con_box .intro_box .intro p span { font-size:20px; font-family:'Nanum SqureEB'; }
.con_box .intro_box .img { float:right; background:url(../img/simg01.png) no-repeat; height:950px; width:300px;}

.con_box .intro_box .center_txt { text-align:center; font-size:32px; font-family:'Nanum SqureEB'; color:#1c3868; margin-top:20px }
.con_box .intro_box .center_txt1 { text-align:center; font-size:18px; border:1px solid #eaeaea; box-shadow:10px 10px #eaeaea; padding:50px 30px; margin-top:30px; line-height:1.8em }
.con_box .intro_box .center_txt1 img { width:100%; }
.con_box .intro_box .center_txt1 .right_txt { display:block; text-align:right; font-size:20px; font-weight:600 }
.con_box .intro_box .center_txt1 .right_txt img { display:inline-block; vertical-align:middle; width:28%; margin-left:15px}

.con_box .lawyer-line { width:100%; height:2px; background:#525252; margin:80px 0 }
.con_box .support-line { width:100%; height:1px; background:#eaeaea; margin:50px 0 }

.lawyer-say { padding:30px; border:1px solid #eaeaea; margin:30px 0; box-shadow:8px 8px #eaeaea; }
.lawyer-say .say-tit { text-align:center; font-size:28px; font-weight:600; color:#305186 }
.lawyer-say p { text-align:center; font-size:17px; margin-top:25px; line-height:2em }
.lawyer-say p span { font-size:18px; font-weight:600; background:#305186; color:#fff; padding:5px 8px }

.con_box .lawyer_box { width:100%; }
.con_box .lawyer_box:after { content:""; clear:both; display:block }
.con_box .lawyer_box .lawyer { float:left; width:500px; }
.con_box .lawyer_box .lawyer .lawyer_tit { font-size:30px; font-weight:900; margin-top:20px; display:inline-block; color:#fff; background:#305186; padding:5px 10px; box-shadow:5px 5px #041c44 }
.con_box .lawyer_box .lawyer .career_list { padding:30px; background:#f7f7f7; border-radius:30px; margin-top:25px; border:1px solid #eaeaea; }
.con_box .lawyer_box .lawyer .career_list li{  background:url(../img/icon_sq.png) no-repeat left 10px; padding-left:15px;  font-size:17px; margin-bottom:10px;}
.con_box .lawyer_box .lawyer_img { float:left; width:370px; padding: 100px 0 0 30px; }

.con_box .lawyer_box1 { width:100% }
.con_box .lawyer_box1:after { content:""; clear:both; display:block }
.con_box .lawyer_box1 .lawyer { float:left; width:500px; padding-left:30px; }
.con_box .lawyer_box1 .lawyer .lawyer_tit { font-size:30px; font-weight:900; margin-top:20px; display:inline-block; color:#fff; background:#305186; padding:5px 10px; box-shadow:5px 5px #041c44 }
.con_box .lawyer_box1 .lawyer .career_list { padding:30px; background:#f7f7f7; border-radius:30px; margin-top:25px; border:1px solid #eaeaea; }
.con_box .lawyer_box1 .lawyer .career_list li{  background:url(../img/icon_sq.png) no-repeat left 10px; padding-left:15px;  font-size:17px; margin-bottom:10px;}
.con_box .lawyer_box1 .lawyer_img { float:left; width:370px; padding-top:100px; }

.con_box .support_box { width:100%; }
.con_box .support_box:after { content:""; clear:both; display:block }
.con_box .support_box .support { float:left; width:500px; }
.con_box .support_box .support .support_tit { font-size:30px; font-weight:900; margin-top:20px; display:inline-block; color:#fff; background:#305186; padding:5px 10px; box-shadow:5px 5px #041c44 }
.con_box .support_box .support .career_list { padding:20px; background:#f7f7f7; border-radius:30px; margin-top:25px; border:1px solid #eaeaea; }
.con_box .support_box .support .career_list li{  background:url(../img/icon_sq.png) no-repeat left 10px; padding-left:15px;  font-size:17px; margin-bottom:10px;}
.con_box .support_box .support .career_list li.support-txt { background:none; padding:0; text-align:center; margin:0; }
.con_box .support_box .support .career_list li.support-career { margin-top:25px }
.con_box .support_box .support_img { float:left; width:370px; padding: 100px 0 0 30px; }

.con_box .support_box1 { width:100% }
.con_box .support_box1:after { content:""; clear:both; display:block }
.con_box .support_box1 .support { float:left; width:500px; padding-left:30px; }
.con_box .support_box1 .support .support_tit { font-size:30px; font-weight:900; margin-top:20px; display:inline-block; color:#fff; background:#305186; padding:5px 10px; box-shadow:5px 5px #041c44 }
.con_box .support_box1 .support .career_list { padding:20px; background:#f7f7f7; border-radius:30px; margin-top:25px; border:1px solid #eaeaea; }
.con_box .support_box1 .support .career_list li{  background:url(../img/icon_sq.png) no-repeat left 10px; padding-left:15px;  font-size:17px; margin-bottom:10px;}
.con_box .support_box1 .support .career_list li.support-txt { background:none; padding:0; text-align:center; margin:0;  }
.con_box .support_box1 .support_img { float:left; width:370px; padding-top:100px; }

.con_box .intro_list { width:350px; background:#f7f7f7; border-radius:10px; padding:30px; margin-top:30px; }
.con_box .intro_list h1 { font-size:20px; font-family:'Nanum SqureEB'; margin-bottom:10px; }
.con_box .intro_list li { background:url(../img/icon_sq.png) no-repeat left 10px; padding-left:15px; font-size:17px; }

.con_box .con_txt {}
.con_box .con_tit { font-size:25px; font-weight:600; color:#305186; border-left:10px solid #305186; padding:5px; margin-bottom:30px;  }
.con_box .con_txt .small-tit { text-align:center; font-size:25px; font-weight:bold; color:#143b60; margin-top:100px;  }
.con_box .con_txt h2 { font-size:37px; text-align:center; }
.con_box .con_txt h3 { padding:0 20px; font-size:25px; color:#153c61; margin:35px 0; }
.con_box .con_txt .bluebar { width:45px; height:4px; margin:15px auto 50px auto; background:#153b61; border-radius:4px }
.con_box .con_txt .bluebar2 { width:45px; height:4px; margin:10px auto 15px auto; background:#153b61; border-radius:4px }
.con_box .con_txt p { font-size:20px; font-weight:500; margin:35px 0;  line-height:1.8em; letter-spacing:-0.02em}
.con_box .con_txt p span { font-size:20px; color:#0035a8; font-weight:bold; }
.con_box .con_txt p span.numb { font-size:22px; margin-right:10px; text-decoration:underline; font-weight:600; color:#344e7d }
.con_box .con_txt p.bgn { background:none; text-indent:0; margin:35px 20px; padding:20px }
.con_box .con_txt p.gbg { background:#f3f3f3; text-indent:0; margin:35px 20px; padding:20px }
.con_box .con_txt p.gp { margin:10px 0 }
.con_box .con_txt p.nt { text-indent:0em }
.con_box .con_txt p.dp { text-indent:0em; padding-left:27px; }
.con_box .con_txt p.dp:before { content:"·"; color:#0035a8; position:absolute; left:0; font-size:35px }
.con_box .con_txt .success-info { padding:0 20px; margin:55px 0; }
.con_box .con_txt .success-info .success-txt { text-align:center; color:#fff; background:#323232; font-size:25px; padding:25px 0; font-weight:bold }
.con_box .con_txt .success-info .success-list { position:relative; text-align:center; font-size:25px; font-weight:600; background:#f3f3f3; padding:50px 0; color:#0035a8; }
.con_box .con_txt .success-info .success-list:before { content:url(/img/dd1.png);  position:absolute; top:5%; left:40%;}
.con_box .con_txt .success-info .success-list:after { content:url(/img/dd2.png); position:absolute; bottom:5%; right:40%; }

.con_box .con_txt .sub7_1box { padding:0 25px }
.con_box .con_txt .sub7_1box dl  { margin:30px 0; }
.con_box .con_txt .sub7_1box dl dt { display:inline-block; width:60px; text-align:center;  text-decoration:underline; color:#143b60; vertical-align:top; font-size:22px; font-weight:600 }
.con_box .con_txt .sub7_1box dl dd { display:inline-block; width:786px; font-size:20px; line-height:1.8em; text-indent:0.9em; letter-spacing:-0.05em }
.con_box .con_txt .sub7_1box dl dd span { color:#0035a8; font-size:20px; font-weight:bold; }

.con_box .con_txt img { margin:35px 0 10px 0; }
.con_box .con_txt .list-box{ margin:0 25px; background:#ebf4fc; padding:30px 50px }
.con_box .con_txt .list-box ul li { ; font-size:18px; line-height:2em}

.con_box .map_list { border:4px solid #305186; border-radius:10px; padding:30px;} 
.con_box .map_list li { margin-bottom:20px; font-size:17px; line-height:35px;}
.con_box .map_list li:last-child { margin:0;}
.con_box .map_list .addr { background:url(../img/m41_icon01.png) no-repeat; padding-left:40px;}
.con_box .map_list .tel { background:url(../img/m41_icon02.png) no-repeat; padding-left:40px;}
.con_box .map_list .fax { background:url(../img/m41_icon03.png) no-repeat; padding-left:40px;}

.con_box .con_img { position:relative; padding:50px; margin-bottom:100px; height:150px; }
.con_box .con_img h1 { font-size:35px; font-weight:500; margin-top:20px;}
.con_box .con_img p { font-size:18px; font-weight:500; margin-top:10px;}
.con_box .c01 { background:url(../img/s_img03.png) no-repeat; background-position:50%; background-size:cover; }

.con_box .tt { font-size:17px; padding:30px; border:5px solid #ededed; border-radius:10px; line-height:1.8em; background:#fff; text-align:justify;} 
.con_box .tt strong { /*color:#bb4141;*/ font-size:17px; font-weight:500; }
.con_box .tip { font-size:17px; background:#f7f7f7; padding:15px; color:#333; line-height:1.5em;}
.con_box .tt img { display:block; margin:0 auto;}
.con_box .tt .go { display:block; width:150px; border-radius:20px; padding:10px 25px; background:#305186; color:#fff; transition:0.5s;}
.con_box .tt .go:hover { background:#383f4c; color:#fff; transition:0.5s;}
.con_box .tt .go:after { content:'>'; float:right; }
.con_box .st2 { background:url(../img/simg02.png) no-repeat 620px 35px; height:200px;}


.con_box .con_list { position:relative; display:block;}
.con_box .con_list li { margin:0 0 20px; font-size:17px; line-height:1.8em; }
.con_box .con_list li .num { background:#305186; color:#fff; padding:2px 10px; font-weight:600; margin-right:5px; font-size:17px; border-radius:50px; display:inline-block;}
.con_box .con_list li:last-child { margin-bottom:0;}
.con_box .con_list li strong { color:#000; font-size:17px; font-weight:600;  } 
.con_box .con_list li p { padding-left:40px; margin-top:5px; color:#666; font-size:17px; line-height:1.8em;}
.con_box .con_list h1 { font-size:20px; color:#305186; border-bottom:2px dotted #999; margin-bottom:10px;}
.con_box .con_list li .li_con { margin-top:5px; padding-left:42px; color:#666; font-size:17px; line-height:1.8em;}
.con_box .con_list li .li_con strong { background:#153b60; color:#fff; padding:2px 10px; display:inline-block;}
.con_box .con_list li .li_con dl { background:#f4f4f4; padding:20px; }
.con_box .con_list li .li_con dl dd { color:#333; line-height:1.8em; font-size:17px; }
.con_box .con_list li .li_con dl dd:before { content:'-'; margin-right:5px;}
.con_box .con_list li .li_con dl dt { color:#153b60; line-height:1.8em; font-size:17px;}

.con_box .st2 li { color:#666;}

.con_box .con_txt .table_st { word-break:keep-all; } 
.con_box .con_txt .table_st td, .con_box .con_txt .table_st th { padding:15px 20px; font-size:17px; border-bottom:1px solid #666; text-align:center;}
.con_box .con_txt .table_st th { color:#fff; background:#305186; }
.con_box .con_txt .table_st td strong { font-weight:600; font-size:17px; text-align:center; display:block; color:#000;}
.con_box .con_txt .table_st td span { color:#999; text-align:right; display:block;}
.con_box .con_txt .n_line { border-bottom:none!important;}


.m41_table{ margin:10px auto 100px; overflow:hidden;  border-top:3px solid #666;}
.m41_table tr th, .m41_table tr td{ padding:10px 0 10px 20px; border-bottom:1px solid #d7d7d7; text-align:left;}
.m41_table tr th{ border-right:1px solid #d7d7d7; background:#f8f8f8; color:#333333; font-size:18px;}
.m41_table tr th img{margin-right:10px;}
.m41_table tr td{ color:#666666; font-size:17px;}
.m41_table tr td a{ color:#0000ff; border-bottom:1px solid #0000ff; padding-bottom:2px; display:inline-block;}
.m41_table tr td strong { font-size:17px; color:#bb4141;}
.m41_table tr td .s1 { font-size:18px; color:#1eab2e; }
.m41_table tr td .s2 { font-size:18px; color:#ef6d29; }


/* 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;}


/* #ui_follow */
#ui_follow{position:fixed;right:-50px;top:220px;z-index:9; }
#ui_follow ul li{ width:175px; height:80px; border-bottom:none; transition:1s; transform:translateX(0px); margin-bottom:10px;}
#ui_follow ul li:hover { transition:1s; transform:translateX(-50px);}
#ui_follow ul li a{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;}
#ui_follow ul li a span{position:absolute;left:15px;top:20px;display:block;width:100%;color:#fff;font-size:17px;font-weight:500;line-height:1.2em; letter-spacing:-1.5px;}
#ui_follow ul li.f1 a{ background:url(../img/icon_q01.png) no-repeat;}
#ui_follow ul li.f2 a{ background:url(../img/icon_q02.png) no-repeat;}
#ui_follow ul li.f3 a{ background:url(../img/icon_q03.png) no-repeat;}
#ui_follow ul li.f4 a{ background:url(../img/icon_q04.png) no-repeat;}

#ui_follow .top{display:block;}
#ui_follow .top a { width:85px;height:25px; background:url(../img/icon_q04.png) no-repeat; font-size:0; display:block;}

.tabbox { width:100%; }
.tabbox .tabs1 li { float:left; width:33.33333%; text-align:center; padding:10px 0; font-size:17px; border:1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.tabbox .tabs1 li:nth-child(2) { border-left:0 }
.tabbox .tabs1 li:nth-child(3) { border-left:0 }
.tabbox .tabs1 li.active { background:#344e7d; color:#fff }

.tabbox .tabs2 li { float:left; width:20%; text-align:center; padding:10px 0; font-size:17px; border:1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.tabbox .tabs2 li:nth-child(n+2) { border-left:0 }
.tabbox .tabs2 li:nth-child(6) { border-left:1px solid #eaeaea; } 
.tabbox .tabs2 li:nth-child(n+6) { border-top:0 }
.tabbox .tabs2 li:last-child { width:40% }
.tabbox .tabs2 li.active { background:#344e7d; color:#fff }

.steptabbox { width:100%; margin:50px 0; }
.steptabbox .tabs1 li.susa { position:relative; float:left; width:16.66666666666667%; border-top:2px solid #e6e6e6; cursor:pointer;}
.steptabbox .tabs1 li.susa:last-child { width:50.00000000000001%; }
.steptabbox .tabs1 li .tabtxt { text-align:center; padding:20px 0; font-size:18px}
.steptabbox .tabs1 li .tabtxt span { display:block; padding:5px 10px; }
.steptabbox .tabs1 li .tabtxt strong { font-size:22px; font-weight:900 }

.steptabbox .tabs1 li.susa ul li { position:relative; float:left; width:33.33333333333% }

.steptabbox .tabs1 li .tabicon { position:absolute; width:15px; height:15px; border:2px solid #bababa; border-radius:15px; top:-10px; left:50%; margin-left:-10px; transition:all 0.5s}
.steptabbox .tabs1 li .tabicon:before { content:""; position:absolute; top:50%; left:50%; margin-left:-2.5px; margin-top:-2.5px; display:block; width:5px; height:5px; border-radius:5px; background:#bababa; line-height:10px; transition:all 0.5s }

.steptabbox .tabs1 li.active .tabtxt { color:#2a4173; transition:all 0.5s; }
.steptabbox .tabs1 li.active .tabtxt span { background:#2a4173; color:#fff; border-radius:5px }
.steptabbox .tabs1 li.active:last-child ul li:first-child .tabtxt span { border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 0px; border-top-right-radius: 0; }   
.steptabbox .tabs1 li.active:last-child ul li:nth-child(2) .tabtxt span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0; }   
.steptabbox .tabs1 li.active:last-child ul li:last-child .tabtxt span { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }  
.steptabbox .tabs1 li.active .tabicon { border:2px solid #2a4173; transition:all 0.5s }
.steptabbox .tabs1 li.active .tabicon:before { background:#2a4173;  transition:all 0.5s }

span.font { font-family:'Malgun Gothic', dotum, sans-serif; font-size:32px; font-weight:400 }
.tc { text-align:center !important }
.nm { margin:0 !important }

.con_box .con_txt .con-tit { height:249px; width:100%; line-height:249px; color:#fff; font-size:32px; background:url(/img/title_bg01.jpg) no-repeat; text-align:center; font-weight:600 }
.con_box .con_txt .con-subtit { height:66px; line-height:66px; color:#fff; font-size:25px; background:url(/img/title_bg02.jpg) no-repeat; font-weight:600; padding-left:20px; background-size:cover; margin-top:50px;}
.con_box .con_txt .con-subtit span { font-size:25px; color:#74f7ff }
.con_box .con_txt .con-subtit span.font { color:#fff; font-size:28px;  }
.con_box .con_txt .con-subtit2 { color:#2a4173; font-size:20px; margin:35px 0; font-weight:bold; }
.con_box .con_txt .con-subtit2 span { padding:11px 14px; background:#2a4173; color:#fff; border-radius:25px; font-size:20px } 
.con_box .con_txt .con-subtit3 { font-size:20px; font-weight:bold; margin:25px 0 }
.con_box .con_txt .graybox { text-align:center; background:#f5f5f5; padding:30px 0; font-size:22px; border:1px solid #bebebe; font-weight:600; margin:30px 0; line-height:2em }
.con_box .con_txt .graybox span { color:#ff0000; font-size:22px }
.con_box .con_txt .bluebox { background:#eff7ff; padding:30px 50px; font-size:20px; line-height:2em; font-weight:bold }
.con_box .con_txt .bluebox span { font-size:20px; font-weight:bold; color:#0035a8;  }
.con_box .con_txt .bluebox ul li { font-size:20px; line-height:2em; padding:8px 0; }
.con_box .con_txt .success-box { padding:50px 0; text-align:center; color:#ff0000; background:#f5f5f5; font-size:22px; font-weight:bold; line-height:2em }
.con_box .con_txt .success-box2 { background:#eff7ff; padding:30px 50px; margin:20px 0; font-size:20px; line-height:2em; }
.con_box .con_txt .success-box2 p { text-indent:0; }
.con_box .con_txt .success-box2 p strong { font-size:20px; }
.con_box .con_txt .success-box2 p.sb-rc { text-align:center; color:#ff0000; font-weight:bold; font-size:22px }
.con_box .con_txt .success-box2 p.sb-r { color:#ff0000; font-weight:bold; }
.con_box .con_txt .bgcolorblue { background:#eff7ff; }
.con_box .con_txt .fssbtn { width:438px; margin:30px auto; }

.con_box .con_txt .sub2_1 .con-tit { height:201px; line-height:201px; background:url(/img/title_sub2_1_1.jpg) no-repeat; }
.con_box .con_txt .sub2_1 .tc { text-align:center; }

.con_box .con_txt .sub2_4 .con-tit { background:url(/img/title_sub2_4_1.jpg) no-repeat; }

.con_box .con_txt .sub2_5 img { margin:50px 0 0 0; }
.con_box .con_txt .sub2_5 .con-tit { height:auto; padding:50px 0; color:#fff; background:url(/img/title_sub2_5_1.jpg) no-repeat; text-align:center; }
.con_box .con_txt .sub2_5 .con-tit .stit { font-size:18px; font-weight:500; }
.con_box .con_txt .sub2_5 .con-tit .mtit { font-size:30px; font-weight:600; letter-spacing:0em; margin-top:30px }
.con_box .con_txt .sub2_5 .con-tit .mtit span { font-size:30px; font-weight:500 }
.con_box .con_txt .sub2_5 .con-tit .mtit span font { font-size:30px; font-weight:900 } 
.con_box .con_txt .sub2_5 .con-tit .wbar { width:40px; height:4px; border-radius:4px; background:rgba(255,255,255,0.3); margin:30px auto }
.con_box .con_txt .sub2_5 .con-tit .tit-con { font-size:20px; font-weight:500 }
.con_box .con_txt .sub2_5 .con-tit .tit-con b { font-size:20px; font-weight:600 }
.con_box .con_txt .sub2_5 .con-tit .sup { float:right; color:rgba(255,255,255,0.5); font-weight:600; font-size:15px; padding-right:20px; margin-top:20px }
.con_box .con_txt .sub2_5 .con-subtit { background:url(/img/title_sub2_5_2.jpg) no-repeat; background-size:cover; }
.con_box .con_txt .sub2_5 .con-subtit span { color:rgba(255,255,255,0.5); font-size:25px; font-weight:500 }
.con_box .con_txt .sub2_5 .con-subtit span font { font-size:25px; font-weight:600 }

.con_box .con_txt .sub7_2 { margin-top:50px }
.con_box .con_txt .sub7_3 { margin-top:50px }
.con_box .con_txt .sub7_2 .con-tit { height:201px; line-height:201px; background:url(/img/title_sub7_2_1.jpg) no-repeat; }
.con_box .con_txt .sub7_3 .con-tit { height:201px; line-height:201px; background:url(/img/title_sub7_2_1.jpg) no-repeat; }
.con_box .con_txt .sub7_3_3 { margin-top:50px }
.con_box .con_txt .sub7_3_3 .con-tit { background:url(/img/title_sub2_4_1.jpg) no-repeat; }


.youtube-wr { width:1200px; margin:0 auto; }
.youtube-wrs { width:870px; margin:0 auto; }
.video-list-wrap{background-color: #fff;overflow: hidden;padding:50px 0;} 
.video-list-wrap .container{border-bottom: 1px solid #F0F0F0;padding-top: 50px}
.video-list-wrap .container:last-of-type{border-bottom: none}
.video-list-wrap .list-title{position: relative;margin-bottom: 16px}
.video-list-wrap .list-title h3{display: inline-block;vertical-align: middle;font-size: 30px;font-weight: bold}
.video-list-wrap .list-title2 {position: relative;margin-bottom: 16px}
.video-list-wrap .list-title2 h3{display: inline-block;vertical-align: middle;font-size: 30px;font-weight: bold}
.video-list-wrap .list-title2 h3 span { display:inline-block; vertical-align:middle; font-weight:bold; color:#000; transition:all 0.3s; }
.video-list-wrap .list-title2 h3 span.redbox { display:inline-block; vertical-align:middle; padding:5px 10px; border-radius:5px; line-height:1em; background:#ff0000; color:#fff; font-size:0.5em; font-weight:400; transition:all 0.3s;}
.video-list-wrap .list-title .recommend{display: inline-block;vertical-align: middle;font-size: 15px;color: #fff;background-color: #E82013;padding: 6px 10px 7px;border-radius: 3px;margin-left: 10px}
.video-list-wrap .list-title .more-btn{position: absolute;right: 0;top: 0;display: inline-block;text-align: right;font-size: 13px;color: #999;padding-right: 18px;background-image: url(../images/plus-icon.svg);background-repeat: no-repeat;background-position: 100% 50%;background-size: 11px 11px}
.video-list-wrap .video-list{margin: 0 -10px;padding-bottom: 20px}
.video-list-wrap .video-list li{display: inline-block;float: left;width: 25%;}
.video-list-wrap .video-list li a{display: block;margin: 0 10px 24px}
.video-list-wrap .video-list li a .thumb{display: block;border-radius: 4px;background-color: #000;background-size: cover;background-repeat: no-repeat;background-position: center;margin-bottom: 10px;height: 0;padding-top: 56%}
.video-list-wrap .video-list li a .tit{font-size: 16px;font-weight: 500;line-height: 1.3;overflow: hidden; margin-bottom: 6px; text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 60px; color:#222;}
.video-list-wrap .video-list li a .date{color: #b4b4b4;font-size: 14px}

.video-list-wrap .video-lists {margin: 0 -10px;padding-bottom: 20px}
.video-list-wrap .video-lists li{display: inline-block;float: left;width: 33.333333333%;}
.video-list-wrap .video-lists li a{display: block;margin: 0 10px 24px}
.video-list-wrap .video-lists li a .thumb{display: block;border-radius: 4px;background-color: #000;background-size: cover;background-repeat: no-repeat;background-position: center;margin-bottom: 10px;height: 0;padding-top: 56%}
.video-list-wrap .video-lisst li a .tit{font-size: 16px;font-weight: 500;line-height: 1.3;overflow: hidden; margin-bottom: 6px; text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 60px;}
.video-list-wrap .video-lists li a .date{color: #b4b4b4;font-size: 14px}


.tab_content { position:relative; display: none; }
.tabbox { margin-bottom:20px }
.tabbox:after { content:""; clear:both; display:block }
.tabbox ul li { position:relative; display:inline-block; vertical-align:middle; font-size:2em; padding:0 15px; cursor:pointer }
.tabbox ul li:after { content:""; position:absolute; right:0; top:50%; margin-top:-12.5px; width:1px; height:25px; background:#525252 }
.tabbox ul li:first-child { padding-left:0 }
.tabbox ul li:last-child:after { display:none }
.tabbox ul li span { display:inline-block; vertical-align:middle; font-weight:bold; color:#d2d2d2; transition:all 0.3s; }
.tabbox ul li span.redbox { display:inline-block; vertical-align:middle; padding:5px 10px; border-radius:5px; line-height:1em; background:#d2d2d2; color:#fff; font-size:0.7em; font-weight:400; transition:all 0.3s;}
.tabbox ul li.active span { display:inline-block; vertical-align:middle; font-weight:bold; color:#000; transition:all 0.3s; }
.tabbox ul li.active span.redbox { display:inline-block; vertical-align:middle; padding:5px 10px; border-radius:5px; line-height:1em; background:#ff0000; color:#fff; font-size:0.7em; font-weight:400; transition:all 0.3s;}
.more-tube { position:absolute; right:0; top:-35px; }
.more-tube a { color:#333; font-weight:bold; font-size:17px}


.wr_sub_movie {width:100% !important;}