@charset "utf-8";

/******************** contents ********************/
/* 인사말 */
.greeting .title {height:300px; margin-bottom:40px; padding:150px 40px 0; background:#f4f6f9 url("../image/content/greeting02.jpg") 100% 0 no-repeat; font-size:24px; font-weight: bold; color:#fff; letter-spacing: -2px; box-sizing: border-box;}
.greeting .title span {display:block; width:50px; height:4px; margin-bottom:30px; background:#3b6cc1;}
.greeting .title strong {background:#2a5bb0; color:#fff;}
.greeting .sign {display:block; margin-top:50px; text-align: right;}
.greeting .sign strong {font-size: 20px; color:#000;}
.greeting p {margin:0 0 30px; font-size: 16px; line-height: 1.7;}
.greeting p strong {color:#000;}

/* 기본방향 */
.vision {/*padding:40px 0; background:#f4f6f9;*/ border-radius: 15px; text-align: center;}

/* 연혁 */
.history {overflow:hidden;margin-bottom:55px; }
.history h3 {float:left; width:20%; margin:0 5% 0 0; padding:20px 0 0 0; border-top:1px solid #3b6cc1; font-size:40px; font-weight: bold; letter-spacing:-0.5px; color:#3b6cc1;}
.history .history_con {float:left; width:75%; border-top:1px solid #ddd;}
.history .history_con li {overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd;}
.history .history_con li span.month {float:left; width:30px; font-weight:bold; color:#000;}
.history .history_con li span.his_con {display:block; margin:0 0 5px 30px; padding-left:16px; background:url("../image/common/bullet06.gif") no-repeat 0 9px; }

/* CI */
.ci {padding:98px 0; background: url("../image/common/ic_grid.gif") 0 0 repeat; border:1px solid #ddd; text-align: center; line-height: 1;}
.ci_color {overflow:hidden; margin-bottom:30px; border:1px solid #ddd; border-top:none; padding:30px; text-align: center;}
.ci_color li {float:left; width:20%;}
.ci_color li .colorchip {display:inline-block; width:40px; height:50px; margin-right:10px; background:#f9a01b; border-radius: 5px;}
.ci_color li+li .colorchip {background:#5abd76; }
.ci_color li+li+li .colorchip {background:#00b19d; }
.ci_color li+li+li+li .colorchip {background:#3c6ab3; }
.ci_color li+li+li+li+li .colorchip {background:#58595b; }
.ci_color li span {display:inline-block; font-size:12px; text-align: left; letter-spacing: 0.5px;}
.ci_color li span strong {color:#333; font-size:15px; letter-spacing: 0; text-transform: uppercase;}

.ci.second {padding:40px 0;}
.ci_color.second li {width:33.333%;}
.ci_color.second li .colorchip {background:#01b8a4;}
.ci_color.second li+li .colorchip {background:#0190af; }
.ci_color.second li+li+li .colorchip {background:#1268b3; }

.ci_con {display:flex;}
.ci_con h2 {width: calc(100% - 80%);}
.ci_con ul {width:80%; margin-top:0;}

/* 조직도 */
.organization {margin:0 0 50px;}

/*구성원*/
.member .member-list {display:flex; position:relative; padding:30px; margin-bottom:20px; border:1px solid #ddd; border-radius: 10px; cursor:pointer;}
.member .member-list:hover {border-color:#3b6cc1;}
.member .member-list .pic {overflow:hidden; width:180px; height:210px; margin-right:50px; background:#ddd url("../image/content/noimage.png") 50% 50% no-repeat; line-height:0;}
.member .member-list .pic img {width:100%; min-height: 210px;}
.member .member-list .txt {width:calc( 100% - 230px );}
.member .member-list .txt .name {width:100%; margin:0 0 20px 0; font-size:14px;}
.member .member-list .txt .name strong {display:block; font-size:22px; color:#000;}
.member .member-list .txt ul {margin-bottom:0; font-size:14.5px;}
.member .member-list .txt ul li {display:flex; padding-top:10px; color:#666;}
.member .member-list .txt ul li strong {width:85px; margin-right:25px; background:url("../image/content/member_line.gif") 100% 50% no-repeat;  color:#000;}
/*
.member .member-list .more-btn {position:absolute; bottom:10px; right:10px;}
.member .member-list .more-btn input {display:inline-block; width:30px; height:30px; padding-top:5px; text-align:center; border-radius:50%; border:none; background-color:#3561AD; color:#fff; font-size:18px; text-indent: -9999px;}
*/
.member .member-list .more-btn {position:absolute; bottom:30px; right:30px; display:block; overflow:hidden; text-indent:-99999px; background:url("../image/main/more02.png") 50% 50% no-repeat; background-size:30%;}
.member .member-list .more-btn input {display: block; width:35px; height:35px; border:1px solid rgba(0,0,0,0.3); border-radius: 7px; background: transparent; text-indent: -9999px;}
.member .member-list:hover .more-btn {background:#3b6cc1 url("../image/main/more03.png") 50% 50% no-repeat; background-size:30%; border-radius: 7px;}
.member .member-list:hover .more-btn input {border-color:#3b6cc1; }
.member .member-view {display:none; margin:20px 0;}

/* 협력기관 */
.partner {display:flex; flex-wrap: wrap;}
.partner li {width:33.333%; margin:0 0 20px 0}
.partner li:nth-child(3n+3) {margin-right:0;}
div.company { display: flex; align-items: center; justify-content: center; width: 220px; height: 120px; padding: 0 25px; text-align: center; font-size: 15px; font-weight: 600; letter-spacing: -1px; color: #333; border: 1px solid #D4D4D4; margin:0 auto;}
div.company > img { max-width:80%; max-height: 70%; }


/* 오시는길 */
.map {width:900px; margin:0 auto;}
.root_daum_roughmap {border-bottom:1px solid #ddd;}
.root_daum_roughmap .wrap_controllers {display:none;}
.contactus {position:relative; width:900px; margin:0 auto; padding:40px 0; z-index:1; color: #333; font-size: 16px;}
.contactus li {display:inline-block; margin-right:17px; padding-right:22px; border-right:1px dotted #333; line-height: 1;}
.contactus li:last-child {margin-right:0; padding-right:0; border-right:none; }
.contactus span {display:inline-block; padding:0 7px 0 0;}
.contactus span img {vertical-align: middle;}
.transportation_title {clear:both; padding:20px 0 0 0; word-break:keep-all; border-top:1px solid #3b6cc1;}
.transportation_title span {display:inline-block; width:35px; height:35px; margin:0 10px 7px 0; border-radius: 7px; vertical-align: middle;}
.transportation_title.car span {background:#3b6cc1 url("../image/content/map_icon01.png") center center no-repeat;}
.transportation_title.bus span {background:#3b6cc1 url("../image/content/map_icon02.png") center center no-repeat;}
.transportation_title h2 {margin-bottom:0; font-size: 20px;;}
.transportation_title p {margin:0;}
.transportation_box {margin-top:15px; padding:20px 0 30px; border-top:1px dotted #bbb;}
.transportation_box h3 {font-size:17px; font-weight: bold;}
.transportation_box p {text-align:left; line-height:1.7; letter-spacing:-.5px;}
.transportation_box p span {color:#2a5bb0;}
.transportation_box a {display:inline-block; margin-top:30px; padding:12px 46px; background:#f5f5f5; border:1px solid #ddd; color:#000; font-weight:bold;}


/* 프로그램 소개 */
.program_introduction {overflow:hidden; margin-bottom:80px;}
.program_introduction li {margin:0 0 20px 0; padding:30px; border:1px solid #ddd; border-top-color:#000; box-sizing:border-box;}
.program_introduction li:hover {border-color: #3b6cc1; background:#f8faff;}
.program_introduction li > a {display:block; overflow: hidden;}
.program_introduction li .pic {float:left; overflow:hidden; width:267px; height:178px; line-height:0; border:1px solid #ddd; }
.program_introduction li .pic img {height:100%;}
.program_introduction li .programinfo {float:left; width:589px; margin:15px 0 0 30px; }
.program_introduction li .programinfo h2 {font-size:13px; color:#3b6cc1; letter-spacing: -1px;}
.program_introduction li .programinfo h3 {font-weight:bold; margin-bottom:15px; font-size:20px; color:#000; letter-spacing: -1px;}
.program_introduction li .programinfo p {font-size:15px; color:#555;}


/* 운영프로그램 */
.program_list {overflow:hidden; float:left;margin:10px 0 40px; width:100%;}
.program_list li {float:left; width:31.5%; margin:0 2.7% 25px 0; background-color: #fff;}
.program_list li:nth-child(3n+3) {margin-right:0;}
.program_list li a {overflow:hidden; position:relative; display:block; min-height:555px; border:1px solid #e4e4e4; border-radius: 10px;}
.program_list li .pic {height:280px; background:#ddd url("../image/content/program_logo.png") 50% 50% no-repeat;}
.program_list li .pic img {width:100%; height:100%;}
.program_list li .txt {padding:18px;}
/* apply_btn */
.program_list .applybtn {display:inline-block; margin-right:5px; border-radius: 3px; font-weight:bold; font-size:16px; /*color:#fff;*/ text-align:center; line-height: 1;}
.program_list .color1 {color:#58b76a;} /*준비중*/
.program_list .color2 {color:#3b6cc1;} /*접수중*/
.program_list .color3 {color:#00a896;} /*예정*/
.program_list .color4 {color:#aeaeae;} /*마감*/
.program_list .color5 {color:#f58a00;} /*대기접수중*/
.program_list .apply_more {position:absolute; bottom:0; left:0; right:0; display:block; padding:15px 18px; border-top:1px solid #e4e4e4; font-size:13px;} /*자세히보기*/
.program_list .apply_more:after {content:""; display:inline-block; margin:0 0 2px 4px; width:0; height:0; border-width:4px; border-style:solid; border-color:transparent; border-left-color:#999; font-size:0; line-height:0; vertical-align:middle;}


/* apply_con */
.program_list .apply_name {height:50px; margin:10px 0 12px; padding:0; font-size:16px; font-weight:normal; color:#111; letter-spacing:-.5px;}
.program_list .apply_apply {color:#3b6cc1 !important;}
.program_list .apply_waiting {color:#f58a00 !important;}
.program_list .apply_info {overflow:hidden; margin:0; text-align:left; font-size:14px;}
.program_list .apply_info dt {clear:both; float:left; margin:3px 10px 3px 0; padding-right:10px; background:url("../image/main/program_line.gif") 100% 50% no-repeat; color:#111; font-weight:bold; letter-spacing: -1px;}
.program_list .apply_info dd {float:left; width:80%; margin:3px 0; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing: -0.25px;}


/***** hover, focus *****/
.program_list a:hover, .program_list a:focus, .program_list a:hover .apply_more, .program_list a:focus .apply_more {border-color:#3b6cc1;}
.program_list a:hover .apply_name, .program_list a:focus .apply_name {color:#2a5bb0;}
.program_list a:hover .apply_more:after, .program_list a:focus .apply_more:after {border-left-color:#3b6cc1;}



/******************** 뷰 ********************/
/* 게시물 제목 */
.board_view_head {position:relative; border-top:2px solid #000;}
.board_view_head h2 {padding:25px 30px 15px !important; margin:0 !important; font-weight:400 !important; font-size:30px !important; text-align:left !important; background-image:none !important; word-break:break-all !important; color:#000;}
/* 게시물 정보 */
.board_info {overflow:hidden; padding:0 30px 20px; border-bottom:1px solid #e4e4e4; font-size:13px;}
.board_info dt {float:left; padding-right:10px; color:#666;}
.board_info dd {float:left; padding-right:40px;}
/* sns 공유 */
.share {position:absolute; right:0; bottom:30px; margin-bottom:-12px;}
.share .sns_icon {display:none;}
.share .sns {overflow:hidden; display:block !important; float:right;}
.share .sns li {float:left; padding-left:5px;}
.share .sns li a {display:block; overflow:hidden; border-radius:50%; width:30px; height:30px;}
.share .sns li a img {width:100%; height:auto;}
/* 첨부파일 */
.board_file {padding:15px 20px; background:#f9f9f9; font-size:13px;}
.board_file span {display:block; padding:5px 0 5px 20px; background:url(/kor/wpbbs/image/icon_file.gif) no-repeat left center; color:#888;}
.board_file span a {color:#111;}
.board_file span a, .board_file span a:hover {text-decoration: underline !important;}
/* 게시판 콘텐츠 영역 */
.board_con img {max-width:100%; margin:5px 0;}
.board_con {padding:40px 0; word-break:break-all;}
.board_con > table {width:100%; border-collapse: collapse;}
/* 이전글, 다음글 */
.prev_next {border-bottom:1px solid #888; font-size:14px;}
.prev_next li {padding:23px 0; border-top:1px solid #e6e6e6; color:#999}
.prev_next li span {display:inline-block; font-weight:bold; width:90px; color:#000; clear:both;}
.prev_next li a {color:#555}
.prev_next li a:hover {text-decoration: underline !important;}
/* 이미지가 보이지 않을때 */
.board_helper {padding:20px 0; font-size:14px;}
.board_helper a, .board_helper a:hover {color:#F00; text-decoration:underline !important;}
/* 댓글 쓰기 */
.board_comment {overflow:hidden; padding:20px; border-top:1px solid #888; background:#F9F9F9; font-size:13px;}
.board_comment legend {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.board_comment dl {float:left;}
.board_comment dt, .board_comment dd {float:left; margin-right:10px; height:28px; line-height:28px;}
.board_comment dt label, .board_comment dd input {vertical-align:middle;}
.board_comment dl+p.fll {height:28px; line-height:28px;}
.board_comment input {height:28px; border:1px solid #ccc; font-size:13px;}
.board_comment_txt {clear:left; position:relative; padding:10px 110px 10px 0;}
.board_comment_txt textarea {width:95%; height:48px; padding:15px; border:1px solid #ccc; font-size:13px;}
.board_comment_txt input {position: absolute; top:10px; right:0; width:100px; height:80px; border:none; font-size:15px; font-weight:bold;}
/* 스팸방지코드*/
.spamprev_code {overflow:hidden; font-size:13px;}
.spamprev_code li {float:left;}
.spamprev_code input {height:30px; border:1px solid #ccc;}
.spamprev_code img {margin-right:5px; height:30px; width:auto;}
/* 댓글 보기 */
.comment_view {border-bottom:1px solid #888; font-size:12px;}
.comment_view fieldset {padding:20px 25px; background:#F9F9F9;}
.comment_view legend {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
#del_confirm input[type=password] {padding:3px; width:50%; min-height:27px; border:1px solid #ddd;}
.comment_view dt {float:left; width:90px; padding:10px 10px 10px 0; color:#000; clear:both;}
.comment_view dd {padding:10px 0 10px 100px; border-top:1px dotted #ccc; word-break:break-all;}
.comment_view dd * {vertical-align:middle;}
.comment_view dd input {margin-left:5px;}


/*************** 뷰 ***************/
/* board_view */

.board_info {border-bottom-color:#ccc;}
/* board_view_head */
.board_view_head .t_info_out {position:relative;}
.board_view_head .t_info {width:100%; border-collapse:collapse;}
.board_view_head .t_info th {color:#222; padding:7px 30px; width:60px; font-size:13px; font-weight:normal; text-align:left; line-height:28px; border-bottom:1px solid #e4e4e4;}
.board_view_head .t_info td {padding:7px 10px; background-color:#fff; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-weight:300; font-size:13px;}
.board_view_head .reser {position:absolute; right:0; top:0; bottom:0; width:150px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; background-color:#fff;}
.board_view_head .reser_in {position:absolute; left:3px; top:50%; width:150px; text-align:center; transform: translate(0, -50%);}
.board_view_head .reser_in > * {margin:2px 0; width:70px;}
.board_view_head .board_file {padding:7px 30px; border-bottom:1px solid #ccc;}
/* reser_class_box */
#reser_class {padding:20px 0;}
#reser_class .reser_class_box {height:111px; overflow-y:scroll; border:1px solid #ccc; background-color:#f9f9f9; padding:15px 15px 30px; font-size:12px; letter-spacing:-0.5px;}
#reser_class .reser_class_box h1 {font-size:14px; color:#111;}
#reser_class .reser_class_agree {padding:10px 0;}
#reser_class .reser_class_agree label {margin-left:5px; font-size:13px;}
/* reser_class_info */
#reser_class .reser_class_info {margin-top:20px;}
#reser_class .reser_class_info th {width:20%; font-weight:normal; text-align:left; font-size:14px;}
#reser_class .reser_class_info td {text-align:left;}
#reser_class .reser_class_info td input {width:95px; padding:3px 5px; height:20px; border:1px solid #ccc; font-size:12px;}
#reser_class .reser_class_info td .file {height:26px; width:90%; padding:0; border:none; font-size:14px;}
#reser_class .reser_class_info td span {color:#333; font-size:12px;}
/* line */
.line_l {border-left:1px solid #ccc;}
.line_ll {border-left:2px solid #3b6cc1 !important;}
.line_tt {border-top:2px solid #3b6cc1 !important;}
.line_rr {border-right:2px solid #3b6cc1 !important;}
.line_bb {border-bottom:2px solid #3b6cc1 !important;}
.nline_b {border-bottom:none !important;}
#reser_class .reser_class_btn {padding:15px; text-align:center;}
#reser_class .reser_class_btn * {vertical-align:top;}
/* thumb */
.apply_thumb_file1 {display:none !important;} /*썸네일*/
.apply_thumb_img1 {display:none !important;} /*썸네일*/


/***** 버튼 *****/
.btn_area {overflow:hidden; margin:30px 0 20px;}
.btn_area > a.button {display:block; float:left; margin-right:5px;}
.btn_left {float:left; text-align:left;}
.btn_right {float:right; text-align:right;}
/* 버튼-포인트컬러 */
.bbsbutton01 {background:#3b6cc1; color:#fff !important; text-align:center; padding:6px 20px; border:1px solid #3b6cc1; cursor:pointer; font-size:14px; font-weight:400;}
/* 버튼-그레이 */
.bbsbutton02 {background:#f1f1f1; color:#212121 !important; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:1px solid #d7d7d7; cursor:pointer;}
/* 버튼-화이트 */
.bbsbutton03 {background:#fff; color:#212121 !important; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:1px solid #d7d7d7; cursor:pointer;}
/* 버튼-먹색 */
.bbsbutton04 {background:#444; color:#fff !important; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:1px solid #363636; cursor:pointer;}
/* 버튼-굵은라인 */
.bbsbutton05 {background:#fff; color:#000 !important; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:2px solid #000; cursor:pointer;}

/* 버튼-포인트컬러 */
.bbsbutton06 {background:#3b6cc1; color:#fff !important; text-align:center; padding:6px 20px; border:1px solid #3b6cc1; cursor:pointer; font-size:14px; font-weight:400;}/*운영중*/
.bbsbutton07 {background:#4b97d1; color:#fff !important; text-align:center; padding:6px 20px; border:1px solid #4b97d1; cursor:pointer; font-size:14px; font-weight:400;}/*준비중*/
.bbsbutton08 {background:#4ba596; color:#fff !important; text-align:center; padding:6px 20px; border:1px solid #4ba596; cursor:pointer; font-size:14px; font-weight:400;}/*모집예정*/
.bbsbutton09 {background:#e9a83a; color:#fff !important; text-align:center; padding:6px 20px; border:1px solid #e9a83a; cursor:pointer; font-size:14px; font-weight:400;}/*모집중*/


/* 버튼-small*/
.bbsbtn_mini {padding:3px 10px; font-size:13px !important;}
.bbsbtn_mini02 {padding:0 10px; font-size:13px !important; line-height:28px;}
/* 버튼-medium */
.bbsbtn_medium {padding:10px 40px; font-size:16px !important;}
/* 버튼-large*/
.bbsbtn_large {padding:20px 70px; font-size:16px !important;}
/* 버튼-mini */
.btn_mini {display:inline-block;width:auto !important; height:28px !important; padding:0 10px !important; border:1px solid #ccc !important; line-height:28px; background-color:#fff; vertical-align:middle; cursor:pointer; color:#000; text-align:center; font-size:13px !important; font-weight:400 !important;}
.btn_mini2 {display:inline-block; width:auto !important; height:28px !important; padding:0 10px !important; border:1px solid #3b6cc1 !important; line-height:28px; background-color:#3b6cc1; vertical-align:middle; cursor:pointer; color:#fff; text-align:center; font-size:13px !important; font-weight:400 !important;}
input.btn_mini, input.btn_mini2 {height:30px !important; line-height:auto !important;}
/* 버튼-기타스타일 */
.bbsbutton01:hover, a.bbsbutton01:hover, .bbsbutton01:active, .bbsbutton01:focus {color:#fff !important; background:#2d58a1; border:1px solid #2d58a1;}
.bbsbutton02:hover, a.bbsbutton02:hover, .bbsbutton02:active, .bbsbutton02:focus {color:#212121 !important; background:#eee; border:1px solid #aaa;}
.bbsbutton03:hover, a.bbsbutton03:hover, .bbsbutton03:active, .bbsbutton03:focus {color:#212121 !important; background:#eee; border:1px solid #aaa;}
.bbsbutton04:hover, a.bbsbutton04:hover, .bbsbutton04:active, .bbsbutton04:focus {color:#fff !important; background:#222; border:1px solid #222;}
.bbsbutton05:hover, a.bbsbutton05:hover, .bbsbutton05:active, .bbsbutton05:focus {color:#000 !important; background:#fff; border:1px solid #000;}

.bbsbutton06:hover, a.bbsbutton06:hover, .bbsbutton06:active, .bbsbutton06:focus {color:#fff !important; background:#2d58a1; border:1px solid #2d58a1;}
.bbsbutton07:hover, a.bbsbutton07:hover, .bbsbutton07:active, .bbsbutton07:focus {color:#fff !important; background:#387fb5; border:1px solid #387fb5;}
.bbsbutton08:hover, a.bbsbutton08:hover, .bbsbutton08:active, .bbsbutton08:focus {color:#fff !important; background:#3c9082; border:1px solid #3c9082;}
.bbsbutton09:hover, a.bbsbutton09:hover, .bbsbutton09:active, .bbsbutton09:focus {color:#fff !important; background:#e49b1e; border:1px solid #e49b1e;}


.bbsbutton01, .bbsbutton02, .bbsbutton03, .bbsbutton04, .bbsbtn_mini, .bbsbtn_mini02 {vertical-align:middle;}
/* 아이콘 */
.icon_notice {display:inline-block; padding:2px 8px; border:1px dotted #bbb; border-radius:11px; font-size:11px; font-weight:bold; color:#3b6cc1; letter-spacing:-1px;}
.board_list tr:hover td span.icon_notice {background-color: #3b6cc1; border:1px dotted #3b6cc1; color:#fff;}


/* 수료증 */
.certficates {
    padding:110px 100px;
    background: url("../image/content/certificates_bg.svg") 0 0 no-repeat; background-size: 100%;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
    color-adjust: exact !important;                 /*Firefox*/
    color:#000;
}

.certficates h1 {margin-bottom:80px; font-size:54px; text-align: center; }
.certficates h1 span {display:block; font-size:16px; font-weight: normal; color:#999;}
.certficates dl {clear:left; font-weight: bold; font-size:17px;}
.certficates dt {float:left; width:17%; margin-right:3%;}
.certficates dd {float:left; width:75%;}

p.justify {
    text-align: justify;
  
    &:after {
      content: "";
      display: inline-block;
      width: 100%;
    }
  }

.certficates .txt {clear:left; margin-top:100px; font-size:20px; font-weight: bold; line-height: 1.8; text-align: justify;}
.certficates .date {margin-top:90px; font-size:18px; font-weight: bold; text-align: center;}
.certficates .name {margin-top:90px; font-size:26px; font-weight: bold; text-align: center; letter-spacing: -1.5px;}

/* A!thics */ 
.athics {padding:50px 0; border:1px solid #d4dae4; border-radius: 5px; text-align: center;}
.athics .txtbox2 {margin-top:30px; border-radius: 10px;}

/* 학술지소개 */
.journal .title {margin-bottom:40px; padding:90px 40px 0; height:200px; background:#f4f6f9 url("../image/content/journal.jpg") 100% 0 no-repeat; font-size:24px; color:#fff; letter-spacing: -2px; box-sizing:border-box;}
.journal .title strong {background:#4b97d1; color:#fff;}


.journal p {margin:0 0 30px; line-height: 1.7;}