@charset "utf-8";

/*-------------------------------------------------
Layout Style Sheet
Version : 1.0
Author : JMKIM
Last update : 2016. 04. 12.
-------------------------------------------------*/

/* sub contents 
-------------------------------------------------*/
#body{margin-bottom:36px;}
#body .bodyWrap{width:1000px; margin:20px auto 0; overflow:hidden; background:#fff;}

/* side */
#side{width:150px; float:left;}
#side .side_top{background:url(../../images/korean/sub/bg_side_top.gif) 0 0 no-repeat; width:100%; height:92px;}
#side .side_top h2{font-size: 24px; color: #fff; padding:32px 20px; font-family:NoToSansM; font-weight:400;}

#side #snavigation{width:100%; background:#fff;}
#side #snavigation > ul{border-bottom:1px solid #ebebeb;}
#side #snavigation > ul > li{color:#323232; font-size:14px; border-top:1px solid #ebebeb; font-family:NoToSansM;}

#side #snavigation > ul > li .news{margin-top: -10px; margin-bottom: 10px; font-family:NoToSansDL;}
#side #snavigation > ul > li ul{margin-top:0;}
#side #snavigation > ul > li ul>li{margin-top:10px;}


#side #snavigation > ul > li > a{color:#333; background:#fff; padding:10px 0 10px 20px; display:block; border: 1px solid #e5e5e5; margin-top: -1px;    margin-bottom: -1px; position:relative; transition:all 0.25s ease; -webkit- transition:all 0.25s ease;}
#side #snavigation > ul > li > a:hover,#side #snavigation > ul > li > a.on{color:#fff; background:#0071b1; border:1px solid #00517f; transition:all 0.25s ease; -webkit- transition:all 0.25s ease;}
#side #snavigation > ul > li > a:hover:after,
#side #snavigation > ul > li > a.on:after{position:absolute; top:15px; left:-1px; content:""; width:5px; height:5px; background:#e15a2c; border:1px solid #016ca9;}

#side #snavigation > ul > li.setting{margin-top:-1px;}

#side #snavigation > ul > li.setting > a{background:url(../../images/korean/sub/bg_setting.gif) 0 0 no-repeat #ecf4f6; color:#86a2ab; padding:10px 0 10px 20px; display:block; border: 1px solid #cee2e9; margin-top: -1px;    margin-bottom: -1px; position:relative; transition:all 0.25s ease; -webkit- transition:all 0.25s ease;}
#side #snavigation > ul > li.setting > a:after{display:none;}

/*
#side #snavigation li ul{background:#eceef1; padding:10px 0;}
#side #snavigation li ul li{}
#side #snavigation li ul li a{font-size:15px; font-weight:400; line-height:29px; padding-left:30px;}
#side #snavigation li ul li a:hover,#side #snavigation li ul li a.on{background:url(../../images/korean/side/bg_depth2_list.gif) 20px 50% no-repeat; color:#e87f16;}
*/
.news-plus{border:1px solid #d1e4ea; background:#fbf6ef; margin-top:10px;}
.news-plus .title{color:#027abc; font-weight:400; margin-bottom:5px;}
.news-plus .title strong{color:#e15a2c;}
.news-plus .add-border{border-bottom:1px solid #e8eaea; padding-bottom:5px; margin-bottom:5px;}

/* article */
.more{position:absolute; top:10px; right:20px;}
#article{float:right; width:185px; box-sizing:border-box;}
#article .favorite-news{position:relative;}
#article .favorite-news .title{background:#e15a2c; border:1px solid #c44f27; color:#fff; padding:5px 8px; font-size:15px;}
#article .favorite-news .title span{position:relative;}
#article .favorite-news .title span:after{content:""; position:absolute; bottom:-7px; left:20px; background:url(../../images/korean/sub/bg_top_arr.png) 0 0 no-repeat; width:7px; height:4px;}
#article .favorite-news ul{border:1px solid #cee2e9; padding:15px 10px;}
#article .favorite-news ul>li{position:relative; padding-left:10px; line-height:22px;}
#article .favorite-news ul>li:after{background:#949e9f; width:2px; height:2px; position:absolute; top:12px; left:0; content:"";}

#article .favorite-news2{position:relative; border-left:1px solid #cee2e9; border-right:1px solid #cee2e9; border-bottom:1px solid #cee2e9; border-top:1px solid #fff; margin-top:-1px; margin-bottom:67px;}
#article .favorite-news2 .title{color:#e15a2c; padding:5px 8px; font-size:15px;}
#article .favorite-news2 ul{padding:15px 10px;}
#article .favorite-news2 ul>li{position:relative; padding-left:10px; line-height:22px;}
#article .favorite-news2 ul>li:after{background:#949e9f; width:2px; height:2px; position:absolute; top:12px; left:0; content:"";}





#article .plan{position:relative; margin:15px 0 10px;}
#article .plan .title{background:#28b7cb; border:1px solid #2fa5b6; color:#fff; padding:5px 8px; font-size:15px;}
#article .plan .title span{position:relative;}
#article .plan .title span:after{content:""; position:absolute; bottom:-7px; left:20px; background:url(../../images/korean/sub/bg_top_arr.png) 0 0 no-repeat; width:7px; height:4px;}
#article .plan ul{border:1px solid #cee2e9; padding:15px 10px;}
#article .plan ul>li{border-top:1px solid #e8eaea; padding-top:10px; margin-top:10px;}
#article .plan ul>li:first-child{border-top:0; padding:0; margin:0;}
#article .plan ul>li strong{display:block; font-size:14px; color:#555; font-family:NotoSansM; font-weight:400;}
#article .banner{border:1px solid #d0e3ea;}


/* content */
#content{float:left; width: 625px; position:relative; box-sizing:border-box; margin:0 20px;}
.content_top{background:url(../../images/korean/sub/bg_content_top.gif) 0 bottom no-repeat; padding-bottom:8px;}
.content_top .float-left strong{color:#3e86ab;}
.content_top .float-right span{margin-left:7px;}
.content_top .float-right span.set{margin-left:0;}
#content_detail{margin:15px 0; min-height:500px;}

.basic-box{border:1px solid #cee2e9; padding:20px 30px;}
.basic-box + .basic-box{margin-top:-1px;}
.basic-box.bg01{background:#f4f7fb;}
.basic-box.bg02{background:#ecf4f6;}
.basic-box.bg03{background:#f4f7fb;}
.basic-box.bg04{background:#0071b1; color:#fff;}
.basic-box.bg05{background:#f1f1f1;}
.basic-box.bg06{background:#fbf6ef;}
.basic-box.thin{padding:10px 30px;}
.basic-box.thin.p10{padding:10px;}
.basic-box.thin.p0{padding:0px;}

.basic-box.bg-insert{background:#98a6ac; color:#fff;}
.basic-box.bg-add{background:#1ba4ca; color:#fff;}
.basic-box.bg-add a,
.basic-box.bg-insert a{ color:#fff;}


.common-content{padding-bottom: 30px;}
.common-content h2{background:url(../../images/korean/sub/bul_h2.gif) 0 7px no-repeat; font-size:20px; color:#333; font-weight:400; font-family:NotoSansM; padding-left: 17px; margin-top:7px; margin-bottom:15px;}
.common-content h2 strong{color:#0071b1; font-weight:400;}
.common-content h3{font-size:18px; color:#0175b6; margin-bottom:10px; font-weight:400; font-family:NotoSansM;}
.common-content h4{background:url(../../images/korean/sub/bul_h4.gif) 0 7px no-repeat; font-size:16px; color:#333; font-weight:400; font-family:NotoSansM; padding-left: 15px; margin-top:7px; margin-bottom:5px;}

/* 로그인 */
.login{border:1px solid #cee2e9; padding:38px 60px; box-sizing:border-box}
.login .title{font-size:32px; color:#333;}
.login .title strong{color:#e15a2c;}
.login .desc{color:#555; font-size:14px;}
.login label{font-size:15px; display:inline-block; width:70px; margin-top:7px;}
.login .btn-login{width:100%; height:78px; background:#0173b3; font-size:18px; color:#fff; border:1px solid #015f94; cursor:pointer}
.login .insert{width:445px; margin-top:30px; border-bottom:1px solid #dbdbdb; padding-bottom:22px; margin-bottom:16px;}
.login .insert>.float-left{width:330px;}
.login input[type="text"],
.login input[type="password"]{width:260px;  padding:0 20px; box-sizing:border-box; height:34px;}
.login .idendify{margin-bottom:10px;}
.login .insert>.float-right{width:105px;}
.check{margin-bottom:16px;}
.support p{border:1px solid #cee2e9;}
.support p.first{margin-bottom:10px;}

.common-list{overflow:hidden;}
.common-list>li{font-size:13px; color:#777; line-height:20px; position:relative;}
.common-list.bullet>li{padding-left:7px;}
.common-list.bullet>li:after{content:""; width:2px; height:2px; background:#000; position:absolute; top:9px; left:0;}
.color01{color:#e15a2c !important;}
.color02{color:#0173b3 !important;}
.color02.ellipsis {color:#0173b3 !important;}

/* 구독신청,문의 */
.float-wrap.subscribe-all{}
.float-wrap.subscribe-all .float-left{}
.float-wrap.subscribe-all .float-right{height: 603px;}

.subscribe .float-left{padding:0 40px 0 0; border-right:1px solid #ccc; width:50%; box-sizing:border-box;}
.subscribe .float-left>p{font-size:24px; color:#333; background:url(../../images/korean/sub/bg_icon01.gif) 20px 0 no-repeat; padding-left:125px; min-height:70px;}
.subscribe .float-left>p strong{font-weight:400; font-family:NotoSansM;}
.subscribe .float-right{padding:0 0 0 40px; width:50%; box-sizing:border-box;}
.subscribe .float-left .title{}
.subscribe .float-right .desc{margin-top:15px; font-size:14px;}
.subscribe .float-right .desc strong{color:#0173b3;}
.phone-number{font-size:16px; color:#333;}
.phone-number span{vertical-align:middle; display:inline-block;}
.phone-number span.num{font-size:34px; color:#e15a2c; margin-left:5px;}
.circle-list{}
.circle-list>li{font-size:14px; color:#555; margin-bottom:10px;}
.circle-list>li span{display:inline-block; vertical-align:middle;}
.circle-list>li span.circle{width:34px; height:34px; background:url(../../images/korean/sub/bg_circle01.gif) 0 0 no-repeat; color:#fff; text-align:center; font-size:18px; line-height:34px; margin-right:10px;}

.float-left.basic-box,
.float-right.basic-box{width:50%; box-sizing:border-box;}
.float-left.basic-box + .float-right.basic-box{position: relative; left: -1px; margin-top:0;}

.default-list{margin-left:15px;}
.default-list>li{list-style-type:decimal; margin-bottom:10px;}

.subscribe-area{border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:10px 0}
.receive{letter-spacing:-0.05em; font-size:12px; margin-top:15px;}

.float-right.basic-box.bg01.text-center{padding: 40px 0;}
.float-right.basic-box.bg01.text-center .title{font-size:32px; line-height:36px; background:url(../../images/korean/sub/bg_icon01_big.gif) center 0 no-repeat; padding-top:120px; color:#000;}
.float-right.basic-box.bg01.text-center .desc{color:#000; font-size:14px; margin-top:15px;}


/* 회원가입 */
.float-wrap.join{}
.float-wrap.join .float-left{height:380px;}
.float-wrap.join .float-right{}
.btn-title{font-size:16px; color:#555; margin-right:20px; margin-left:10px;}
.mT15{margin-top:15px;}
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}

.display-block{display:block;}


/* 아이디/비밀번호 찾기 */
.float-wrap.find .float-left{height:342px;}
.float-wrap.find .float-left.basic-box,
.float-wrap.find .float-right.basic-box{padding:35px 90px;}
.subscribe-area>p{margin:5px 0;}
.subscribe-area label{display:inline-block; width:60px; font-size:15px; margin-left:10px;}
/*.subscribe-area input[type="text"]{width:77.2%; padding:15px 10px; box-sizing:border-box;}*/
.subscribe-area input[type="text"]{width:77.2%; height:30px; box-sizing:border-box;}
.subscribe-area input[type="text"].sm,
.subscribe-area select.sm{width:76px;}
.subscribe-area select{padding:4px 10px; border-color: #c2c0c0;}


/* 회원가입 완료 */
.basic-box.complete .main{padding:60px 30px;}
.basic-box.complete{padding:20px 160px;}
.font20{font-size:20px !important}
.font24{font-size:24px !important}
.font28{font-size:28px;}
.complete-desc{margin-top:10px;}
.user span{display:inline-block; background:url(../../images/korean/sub/bg_user.png) 0 50% no-repeat; padding:3px 0 3px 30px;}


/* 가톨릭신문 */
.default-box{width:550px; border-bottom:3px solid #0f91c9; position:relative; margin-top: 100px; margin-bottom: 100px;}
.default-box:after {content: ""; background: url(../../images/korean/common/bg_header_bar.gif) 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 313px; height: 3px;}
.default-box .layout-top{background:#149aca; padding:10px 20px;}
.default-box .layout-bot{border:1px solid #1da6cb; font-size:14px; padding:40px 0;}
.default-box .layout-bot strong{font-size:20px; color:#0277b9; font-weight:400;}
.default-box .layout-bot .color01{font-size:30px;}
.scroll-area{width:100%; height:180px; overflow:auto; border:1px solid #e3e3e3; padding:23px 20px; box-sizing:border-box; margin-bottom:10px;}
.mB30{margin-bottom:30px;}

.agree .subscribe .float-left{width:40%;}
.agree .subscribe .float-right{width:60%;}
.agree .subscribe .float-right .desc{margin-top:5px;}

.table-wrap{margin-bottom:20px;}
.common-table{border-top:2px solid #0173b3;}
.common-table thead th{border-bottom:1px solid #d6d8da; background:#f4f7fb; color:#1e86c1; padding:10px 30px; font-family:NotoSansM; font-weight:400; font-size:15px;}
.common-table tbody th{border-bottom:1px solid #d6d8da; background:#f4f7fb; color:#1e86c1; padding:10px 30px; text-align:left; font-family:NotoSansM; font-weight:400; font-size:15px;}
.common-table tbody td{border-bottom:1px solid #d6d8da; padding:10px 30px; font-size:14px;}
.common-table tbody td.reply{padding-left:50px; background:url(../../images/korean/sub/bg_depth_arr.gif) 35px 13px no-repeat;}
.common-table tbody td p + p{margin-top:10px;}
.btn-post{margin-left:5px; vertical-align:middle; display:inline-block;}
textarea.form-control{height:auto; box-sizing: border-box;}
select.form-control{height:29px; padding: 0 12px;}

a.secert{display:inline-block; padding-left:20px; background:url(../../images/korean/sub/bg_secert.gif) 0 0 no-repeat;}
a.data{display:inline-block; padding-right:15px; background:url(../../images/korean/sub/bg_data.gif) right 3px no-repeat;}

/* 게시판 리스트폼 */
#content.non-article{width: 830px; margin: 0 0 0 20px;}

/*페이징*/
.pagenate{position:relative; width:100%; margin:30px auto 60px; text-align:center}
.paging{display:inline-block; position:relative; overflow:hidden; width:auto; height:32px}
.paging span{display:inline-block; float:left; margin:0 2px; vertical-align:middle; background:#eceff1;}
.paging span em,.paging span a{display:block; width:34px; height:30px; border-width:1px; font-weight:400; font-size:13px; line-height:30px; color:#888888; letter-spacing:-0.075em;}
.paging span.selected em{background:#f06f1c; border-color:#f06f1c; font-weight:400; font-style:normal; color:#fff}
.paging span.selected a{text-decoration:none;}
.paging .pagingBtn.first{border-right:1px solid #ddd; background: url(../../images/korean/sub/btn_first.gif) 50% no-repeat #fff; text-indent: -9999px;}
.paging .pagingBtn.first a{border:1px solid #cdcdcd;}
.paging .pagingBtn.prev{border-right:1px solid #ddd; background: url(../../images/korean/sub/btn_back.gif) 50% no-repeat #fff; text-indent: -9999px;}
.paging .pagingBtn.prev a{border:1px solid #cdcdcd;}
.paging .pagingBtn.next{background: url(../../images/korean/sub/btn_next.gif) 50% no-repeat #fff; text-indent: -9999px;}
.paging .pagingBtn.next a{border:1px solid #cdcdcd;}
.paging .pagingBtn.last{background: url(../../images/korean/sub/btn_last.gif) 50% no-repeat #fff; text-indent: -9999px;}
.paging .pagingBtn.last a{border:1px solid #cdcdcd;}
.paging span:first-child a{margin-right: -1px;}

.search-area{}
.search-area .float-left{margin-right:10px;}
.search-area input[type="submit"]{padding:3px 15px;}


/* 게시판 뷰폼 */
.board-title{}
.board-title .title{font-size:24px; color:#333; line-height:26px;}
.board-title .desc{font-size:18px; color:#777;}
.board-date{}
.board-date .date{font-size:14px; color:#979fa2;}
.board-date .date span{display:inline-block; position:relative; margin-left:10px; padding-left:10px;}
.board-date .date span:after{position:absolute; top:5px; left:0; width:1px; height:9px; background:#d5d8d9; content:"";}
.detail-story{margin:20px 0; font-size:16px; line-height:24px;}
.detail-story p{}
.detail-story p.author{margin-top:30px;}
.detail-story .float-left{width:116px;}
.detail-story .float-left.pic{margin:0 20px 0 0;}
.detail-story .float-left.pic img{border:1px solid #696969;}
.detail-story .float-right{width:490px; font-size:14px; /* margin-top:-25px; */}

.opinion{font-size:13px; color:#8b979a;}
.opinion .form-control{border:1px solid #cee2e9; box-shadow:none;}
.opinion .title{display:inline-block; padding-top:5px;}
.opinion label{margin:0 10px;}
.opinion .btn{font-weight:400; font-size:13px;}
.opinion .btn.bg01{padding:5px 10px;}
.opinion textarea{height:100px;}
.font13{font-size:13px !important;}

.connect-list{}
.connect-list>li{font-size:16px; color:#555; padding-left:15px; position:relative;}
.connect-list>li:after{position:absolute; top:8px; left:0; content:""; background:url(../../images/korean/sub/bg_depth_arr.gif) 0 0 no-repeat; width:6px; height:9px;}

.bg-btn{}
.bg-btn a{color:#98b5be; display:inline-block; padding-left:20px; margin-left:10px;}
.bg-btn a.bg01{background:url(../../images/korean/sub/btn_pr.gif) 0 1px no-repeat; margin-left:0;}
.bg-btn a.bg02{background:url(../../images/korean/sub/btn_mail.gif) 0 1px no-repeat;}
.bg-btn a.bg03{background:url(../../images/korean/sub/btn_scrap.gif) 0 1px no-repeat;}
.bg-btn a.bg04{background:url(../../images/korean/sub/btn_before.gif) 0 1px no-repeat;}
.bg-btn a.bg05{background:url(../../images/korean/sub/btn_top.gif) 0 1px no-repeat;}

span.count{padding:0 20px 0 0;}
.non-border-side{border-left:0 !important; border-right:0 !important;}
.btn-delete{vertical-align:middle; display:inline-block; margin-left:5px;}


/* 게시판 템플릿 */
.ex-title{margin-top:20px; margin-bottom:10px; font-size:20px;}
.template{}
.template .area-view{}
.template .area-view img{width:100%; border:0;}
.template .basic-box span{display:block;}
.template .basic-box .title{font-size:18px;}
.template .basic-box .story{margin:10px 0; font-size:15px; color:#777;}
.template .main-story{margin-top:15px; line-height:28px; font-size:19px; text-align:justify}
.template .main-story.side{margin-top:0;}
/*.template .float-left{width:42%;font-size:14px; margin-left:6%;margin-right:2%;}*/
.template .float-left{width:42%;font-size:14px;margin-right:2%;}
.template.left_img .float-left {width:40%;}
/*.template .float-right{width:42%;font-size:14px; margin-left:2%;margin-right:6%;}*/
.template .float-right{width:42%;font-size:14px;margin-left:2%;}
.template .float-left+.float-right{margin-left:0;}
.template.responsive{}
.template.responsive .float-left,.template.responsive .float-right{width:auto;}
.template.responsive .float-left strong,.template.responsive .float-right strong{display:block; font-weight:600; color:#000;font-size:9pt;}
.template.responsive .area-view img{width:auto;}





/* 게시판 쓰기폼 */
.common-table td span+span{margin-left: 8px; border-left: 1px solid #ccc; padding-left: 8px;}
.common-table th.titles{text-align:left; font-size:16px; color:#333;}
.common-table td .attach{margin-bottom:20px;}
.common-table td .attach .file{background:url(../../images/korean/sub/bg_data.gif) 0 3px no-repeat; padding-left:20px; color:#999}
.common-table td .board-content{margin-bottom:50px;}
.common-table td strong{color:#333;}

/* 스크랩 */
.btn-white{border-radius:5px; border:1px solid #b5d0da !important; font-size:15px; color:#8da5ac; background:#fff; padding:5px 15px; cursor:pointer;}
.basic-box.thin.p10 select{min-width:200px;}
.list-align{margin-top:17px;}
.list-align .list-style{overflow:hidden;}
.list-align .list-style>li{float:left;}
.list-align .list-style>li>a{display:block; background:url(../../images/korean/sub/btn_detail.gif) 0 0 no-repeat; padding-left:25px; margin-right:10px; font-size:14px;}
.list-align .list-style>li>a:hover,
.list-align .list-style>li>a.on{color:#0071b1; background:url(../../images/korean/sub/btn_detail_ov.gif) 0 0 no-repeat;}
.list-align .list-style>li:first-child>a{background:url(../../images/korean/sub/btn_rough.gif) 0 0 no-repeat;}
.list-align .list-style>li:first-child>a:hover,
.list-align .list-style>li:first-child>a.on{color:#0071b1; background:url(../../images/korean/sub/btn_rough_ov.gif) 0 0 no-repeat;}
.list-align .time-align{overflow:hidden;}
.list-align .time-align>li{float:left; font-size:14px; padding:0 10px; border-left:1px solid #ccc;}
.list-align .time-align>li:first-child{border-left:0;}

.content-list{border-top:2px solid #0173b3; margin-top:7px;}
.content-list>li{padding:15px 0; border-bottom:1px solid #d6d8da;}
.content-list>li .tit{font-size:16px; color:#0175b6; font-family:NotoSansM;}
.content-list>li .tit span{font-size:13px; color:#888; font-family:NotoSansDL; padding-left:5px;}
.content-list>li .tit a{ color:#0175b6;}
.thumbnail{margin-top:10px;}
.thumbnail a{display:block;}
.thumbnail .float-left{width:129px; height:86px;}
.thumbnail .float-left>a{vertical-align: middle; display: table-cell; width:129px; height:86px; text-align: center;}
.thumbnail .float-left img{max-width: 129px; max-height: 100%;}
.thumbnail .float-right{width:480px; font-size:14px; color:#555; line-height:20px;}

.pagenate+.search-area.non-box{margin-top:-20px; margin-bottom:40px;}
.pagenate+.search-area.non-box .btn-default{margin-top:0;}
.search-area.non-box{}
.search-area.non-box .tit{margin-right:5px; color:#8b979a; font-size:14px;}



.basic-box.thin.bg01.text-right.mT15 .btn-default{border:0; font-size:14px; font-weight:400; font-family:NotoSansDL;}

.area-reply{}
.area-reply .opinion{}
.area-reply .opinion>li:first-child{border-top:0; padding-top:0; margin-top:0;}
.area-reply .opinion>li{border-top:1px solid #dae1e5; padding-top:10px; margin-top:10px;}
.area-reply .opinion>li .story{margin-top:7px;}

.area-opinion{}
.area-opinion .float-left{width:85%;}
.area-opinion .float-left textarea{height:70px;}
.area-opinion .float-right{width:14%;}
.btn-vertical{width:100%; height:70px; background:#0173b3; font-size:14px; color:#fff; border:1px solid #015f94; cursor:pointer;}

/* 자유게시판 */
.free-board{margin-bottom:18px;}
.free-board .float-left{padding:0 40px 0 0; border-right:1px solid #ccc; width:35%; box-sizing:border-box;}
.free-board .float-left>p{font-size:24px; color:#333; background:url(../../images/korean/sub/bg_icon99.gif) 0 0 no-repeat; padding-left:90px; min-height:70px;}
.free-board .float-left>p strong{font-weight:400; font-family:NotoSansM;}
.free-board .float-right{padding:15px 0 0 40px; width:65%; box-sizing:border-box; letter-spacing:-0.1em;}
.basic-box.thin.bg01.text-center.mT15 input{margin-top:0;}

/* 소개 */
.introduce .float-left{padding:0 40px 0 0; width:32%; box-sizing:border-box;}
.introduce .float-left>p{font-size:24px; color:#333; background:url(/images/korean/sub/bg_company.gif) 0 0 no-repeat; padding-left:75px; min-height:70px;}
.introduce .float-left>p strong{font-weight:400; font-family:NotoSansM;}
.introduce .float-right{padding:0 0 0 40px; width:68%; box-sizing:border-box; border-left: 1px solid #ccc; margin-top:-5px;}
.introduce .float-left .title{}
.introduce .float-right .desc{margin-top:15px; font-size:14px;}
.introduce .float-right .desc strong{color:#0173b3;}

.h3-story{}
.h3-story .title{width:80px; margin-right:10px;}
.h3-story .story{font-size:14px; color:#555; margin-top:2px;line-height:26px;}
.indent01{margin-left:20px;}
.contact{}
.contact .float-left,
.contact .float-right{width:46%;}
.contact .title{border-top:1px solid #1e86c1; border-bottom:1px solid #dbdbdb; padding:10px 0; font-size:14px;}
.contact ul{margin-top:10px; line-height:22px;}
.contact ul>li span{display:inline-block; vertical-align:top;}
.contact ul>li span.tit{width:100px;}


/* 연혁 */
.history-wrap{min-height:2200px;}
.history .float-left{padding:0 40px 0 0; width:33%; box-sizing:border-box;}
.history .float-left>p{font-size:24px; color:#333; background:url(/images/korean/sub/bg_history.gif) 0 0 no-repeat; padding-left:80px; min-height:70px;}
.history .float-left>p strong{font-weight:400; font-family:NotoSansM;}
.history .float-right{padding:0 0 0 40px; width:67%; box-sizing:border-box; border-left: 1px solid #ccc; margin-top:-5px;}
.history .float-left .title{}
.history .float-right .desc{margin-top:15px; font-size:14px;}
.history .float-right .desc strong{color:#0173b3;}

.common-tab{display:table; margin:10px 0; position:relative;}
.common-tab>li{display:table-cell; vertical-align:middle; width:1%; text-align:center; font-size:16px; color:#293141;}
.common-tab>li a{display:block; background:#f4f7fb; border:1px solid #bfc4ca; padding:10px 0;}
.common-tab>li.on a{background:#0071b1; border:1px solid #414141; color:#fff;}
.common-tab>li a:hover{background:#0071b1; border:1px solid #414141; color:#fff;}

.common-tab>li.on>div{display:block;}
.common-tab>li>div{display:none; position: absolute; top: 56px; width: 100%; left: 0; z-index: 90; text-align:left;}

.year{color:#333; font-size:30px; margin-top:10px; margin-bottom:30px;}
.history-list{font-size:18px; color:#0175b6; display:block; vertical-align:middle;}
.history-list>li{font-size:14px; color:#555; line-height:24px;}
.history-list>li span{font-size:14px; color:#e15a2c; margin: 0 10px 0 16px;}


/* 국내외 지사망 */
.map{background:url(/images/korean/sub/bg_map.jpg) 0 0 no-repeat; min-height:503px; position:relative;}
.map a{display:inline-block; padding-bottom:10px; background:url(/images/korean/sub/map_dot.png) center bottom no-repeat; }
.map a:hover{color:#e15a2c; background:url(/images/korean/sub/map_dot_on.png) center bottom no-repeat;}
.map a.on{color:#e15a2c; background:url(/images/korean/sub/map_dot_on.png) center bottom no-repeat;}
.map a.seoul{position:absolute; top:107px; left:165px;}
.map a.chuncheon{position:absolute; top:87px; left:230px;}
.map a.suwon{position:absolute; top:137px; left:170px;}
.map a.daejeon{position:absolute; top:209px; left:197px;}
.map a.jeonju{position:absolute; top:245px; left:180px;}
.map a.daegu{position:absolute; top:242px; left:290px;}
.map a.gwangju{position:absolute; top:306px; left:160px;}
.map a.masan{position:absolute; top:307px; left:285px;}
.map a.busan{position:absolute; top:310px; left:320px;}
.map a.jeju{position:absolute; top:460px; left:125px;}
.map a.usa{position:absolute; top:107px; left:595px;}


.detail-contact{width:380px; height:160px; position:absolute; bottom:40px; right:40px; display:none;}
.detail-contact ul li{line-height:24px;}
.detail-contact.on{display:block;}


/* 지난 기획연재물 검색 */
.area-late{}
.area-late .basic-box.bg01,
.area-late .basic-box.bg05{font-size:16px;}
.area-late .basic-box ul>li{margin-top:12px;}
.area-late .basic-box ul>li:first-child{margin-top:0;}
.area-late .basic-box ul>li strong{display:block;color:#333; font-size:18px; font-weight:400; font-family:NotoSansM; margin-bottom:5px;}

/* 기획연재물 검색 */
.basic-box.plan-search{border-color:#83969b;}
.basic-box.plan-search.bg01{background:#a6b4b8; color:#fff;}
.bb-more{margin-top:5px;} 
.basic-box.thin.plan-search.float-wrap{background:#fff; color:#333;}
.basic-box.thin.plan-search.float-wrap .float-left{width:90px;}
.basic-box.thin.plan-search.float-wrap .float-right{width:456px;}
.basic-box.thin.plan-search.float-wrap .float-right{overflow:hidden;}
.basic-box.thin.plan-search.float-wrap .float-right>li{float:left; margin-top:0; margin-left:2px;}


/* 가톨릭신문 수원교구 */
.thumbnail-img{border-bottom:1px solid #d3d3d3; margin-bottom:20px;}
.thumbnail-img>li{margin-bottom:28px;}
.thumbnail-img>li .float-left{width:100%; font-size:14px;}
.thumbnail-img>li .float-left.img{width:125px; margin-right:18px; vertical-align: middle; display: table-cell; height: 95px; text-align: center;}
.thumbnail-img>li .float-left.img img{max-height:100%; max-width:100%;}
.thumbnail-img>li .float-left.txt{width:480px;}
.thumbnail-img>li .float-left .title{font-size:18px; color:#333; display:block; margin-bottom:5px;}
.thumbnail-img>li .float-left .date{display:block; margin-top:5px; color:#979fa2;}
.thumbnail-img>li>ul>li{margin-top:5px;}
.thumbnail-img>li>ul>li:first-child{margin-top:0;}
.thumbnail-img>li>ul>li .float-left{width:auto;}
.thumbnail-img>li>ul>li .float-left.ellipsis{color:#333; font-size:18px;}
.thumbnail-img>li>ul>li .float-right{color:#979fa2; font-size:14px;}


/* 검색영역 */
.area-search .basic-box.thin.p10 select{min-width:initial;}
.area-search .basic-box.thin.p10 .btn-default{font-size:14px; padding:4px 15px;}
.basic-box.bg06>ul>li span .cal{display: inline-block; vertical-align: middle; padding: 0 5px;}

.common-tab2{overflow:hidden; margin:17px 0 24px; position:relative;}
.common-tab2:after{content:""; width:100%; height:1px; background:#000; position:absolute; bottom:0; left:0; z-index:5;}
.common-tab2>li{float:left; position:relative;}
.common-tab2>li:after{content:""; width:1px; height:15px; background:#bcbcbc; position:absolute; top:15px; left:0;}
.common-tab2>li a{display:block; width:170px; text-align:center;font-size:16px; color:#293141; border:1px solid #fff; padding:10px 0; margin-right:-1px; background:#fff;}
.common-tab2>li.on a,.common-tab2>li a:hover{border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #fff; position: relative; bottom:0; z-index:10; color:#e15a2c; font-family:NotoSansM;}

.area-search .result{color:#000; font-size:16px; margin-bottom:5px;}
.area-result>.float-left{width:800px;}
.area-result>.float-right{width:185px;}

.basic-box.bg06{margin-bottom:30px;}
.basic-box.bg06>ul{margin-top:-10px;}
.basic-box.bg06>ul>li{margin-top:10px;}
.basic-box.bg06>ul>li span{padding:0 3px;}
.basic-box.bg06 .title{width:60px; display:inline-block; font-weight:400; font-family:NotoSansM; font-size:15px; color:#000;}

.area-search .thumbnail-img>li .float-left .title{}
.area-search .thumbnail-img>li .float-left .title span{display: inline-block; vertical-align:middle;}
.area-search .thumbnail-img>li .float-left .title .ellipsis{width:260px;}
.area-search .thumbnail-img>li .float-left .title .date{display:inline-block; margin-top:0; position:inherit; font-size:13px; color:#666; font-weight:400; margin-left:10px;}
.area-search .thumbnail-img>li .float-left.txt{width:640px;}
.area-search .thumbnail-img>li .float-left.txt.noimg{width:765px;}
.area-search .thumbnail-img>li .float-left .date{position:absolute; top:0; right:0;}
.area-search .thumbnail-img>li{position:relative;}


/* 지난기사들 */
.year-news{}
.year-news .title{border:1px solid #c14d26; background:#e15a2c; font-size:15px; color:#fff; padding:9px;}
.year-news .desc{background:#cee2e9; font-size:14px; color:#555; padding:10px;}
.year-news ul{padding:10px; margin-top:-15px;}
.year-news ul>li{position:relative; margin-top:12px; padding-left:10px;}
.year-news ul>li:after{background:#949e9f; width:2px; height:2px; position:absolute; top:9px; left:0; content:"";}
.year-news ul>li span{font-size:14px;}
.year-news ul>li>ul{overflow:hidden; padding:0; margin-left:-10px; margin-top:5px;}
.year-news ul>li>ul>li{float:left; margin-top:0;}
.year-news ul>li>ul>li:after{display:none;}
.year-news ul>li>ul>li a{font-size:14px;}


/* */
.area-view{width:100%; background:url(../../images/korean/sub/bg_view_template.gif) 0 0 repeat;}
.area-view .container{min-height:500px; padding-bottom: 60px;}
.area-view .container .content_top{padding-top:24px; margin-bottom:15px;}
.area-view h2{color:#0275b6; font-size:24px; margin-bottom:10px;}
.area-view .basic-box{background:#fff; border-color:#b8b8b8;}
.area-view .view-list{overflow:hidden; margin:-0.5%;}
.area-view .view-list>li{float:left; width:49%; margin:0.5%;}
.area-view .view-list>li div:first-child{height:80px; overflow:hidden;}
.area-view .view-list>li>.basic-box>.float-left.pic{width:auto; clear: both; float: left; margin-right: 10px; margin-top:5px; background:#efefef; }
.area-view .view-list>li>.basic-box>.float-left.pic span{vertical-align: middle; display:table-cell; width:112px; height: 70px; text-align:center;}
/*.area-view .view-list>li>.basic-box>.float-left.pic img{max-width:100%; max-height:100%;}*/
.area-view .view-list>li>.basic-box>.float-left.pic img{max-width:112px; max-height:70px;}
.area-view .view-list>li>.basic-box>.txt{}
.area-view .view-list>li .title{display:block; font-size:16px; color:#222; font-weight:400; font-family:NotoSansM;}
.area-view .view-list>li .desc{font-size:14px;}

.area-view .view-list .writer{}
.area-view .view-list .writer .bg-clock{background:url(../../images/korean/sub/bg_clock.gif) 0 5px no-repeat; padding-left:15px; color:#333; margin-right:10px;}
.area-view .view-list .writer ul>li{float:left; margin-left:5px;}


/* 경영진,편집진 */
.member .float-left{padding:0 40px 0 0; width:37%; box-sizing:border-box;}
.member .float-left>p{font-size:24px; color:#333; background:url(../../images/korean/sub/bg_brain.gif) 0 0 no-repeat; padding-left:80px; min-height:70px;}
.member .float-left>p strong{font-weight:400; font-family:NotoSansM;}
.member .float-right{padding:0 0 0 40px; width:63%; box-sizing:border-box; border-left: 1px solid #ccc; margin-top:-5px;}
.member .float-left .title{}
.member .float-right .desc{margin-top:15px; font-size:14px;}
.member .float-right .desc strong{color:#0173b3;}
h3.color01{margin:25px 0 10px;}
.person-table{border-top:2px solid #0071b1; width:100%;}
.person-table td{border-bottom:1px solid #dbdbdb; padding:7px 0; font-size:14px;}
.person-table tr.even{background:#fbfcfd;}

/* 템플릿 슬라이드 */
.template .area-view{position:relative;}
.template .area-view .bx-prev{position:absolute; top:30%; left:20px; background:url(../../images/korean/sub/tem_arr_back.png) 0 0 no-repeat; width:30px; height:30px; display:block; text-indent:-9999px;}
.template .area-view .bx-next{position:absolute; top:30%; right:20px; background:url(../../images/korean/sub/tem_arr_next.png) 0 0 no-repeat; width:30px; height:30px; display:block; text-indent:-9999px;}

.btn-search{border:1px solid #8a9ca1; background:#a6b4b8; cursor:pointer; color:#fff; font-size:14px; padding:5px 10px;}
.btn-search span{position:relative; padding-right:20px;}
.btn-search span:after{    
	content: "";
    position: absolute;
    top: 5px;
    right: 0;
    border-color: transparent transparent transparent white;
    border-width: 5px;
    border-style: solid;
    width: 0px;
    height: 0px;
    z-index: 1;
}

.template-slide>li{height:393px;}
.template-slide>li .basic-box{background: #f4f7fb; min-height:116px;}

.cooper-slide>li img{width:100%; height:100%;}

/* .template .area-view .bx-viewport{height:401px !important;}  */


/* 2016-07-29 수정
.float-wrap .area-view {width:80%;margin:0 auto;}
.float-wrap .basic-box.bg01 {width:93.8%;margin:0 auto;}
.float-wrap .basic-box.bg01.thin  {width:72.2%;}
.float-left .area-view {width:100%;margin:0 auto;}
.float-left .basic-box.bg01 {width:83.4%;margin:0 auto;}
.float-right .area-view {width:100%;margin:0 auto;}
.float-right .basic-box.bg01 {width:83.4%;margin:0 auto;}
.left_img .float-left .basic-box.bg01 {width:80.0%;margin:0 auto;}
.float-right.basic-box.bg01 {width:50%;}
 */

 .template.imgView {margin-top:15px}

.article_mid_bnr {margin-bottom:56px;padding:12px 0;text-align:center;border:1px solid #d3d9e2;background:#ebeff9;}
.article_mid_bnr img {vertical-align:middle;}
.article_mid_bnr div {display:inline-block;vertical-align:middle;margin:0 20px;}
.article_mid_bnr div strong {color:#7063b3;font-size:16px;}
.article_mid_bnr div p {font-size:14px;color:#98a0ab;}

.hdspace {height:10px;}

.fst_hd {overflow:hidden;margin-bottom:10px;padding-top:10px;}
.fst_hd h3 {float:left;margin-right:10px;font-size:44px;font-weight:bold;color:#2f2f3d;}
.fst_hd .subtxt {float:left;padding-top:12px;font-size:15px;color:#8d7e73;line-height:1.4em;}

.boxt_box {}
.boxt_box .boxt1 {margin:0 0 10px 0;border:1px solid #ddd6c6;background:#f7f5f1;}
.boxt_box .boxt1 .inr {overflow:hidden;padding:52px 0 52px 0;text-align:center;}
.boxt_box .boxt1 .inr .select1 {display:inline-block;vertical-align:middle;width:155px;margin:0 25px 0 0;padding:28px 0 28px 0;background:#a65c2d;color:#fff;font-size:18px;}
.boxt_box .boxt1 .inr .select2 {display:inline-block;vertical-align:middle;width:155px;margin:0 25px 0 0;padding:28px 0 28px 0;text-align:center;background:#8d7e73;color:#fff;font-size:18px;}
.boxt_box .boxt1 .inr .select3 {display:inline-block;vertical-align:middle;width:190px;margin:0 25px 0 0;padding:28px 0 28px 0;background:#a65c2d;color:#fff;font-size:18px;}
.boxt_box .boxt1 .inr .select4 {display:inline-block;vertical-align:middle;width:190px;margin:0 25px 0 0;padding:28px 0 28px 0;text-align:center;background:#7063b3;color:#fff;font-size:18px;}
.boxt_box .boxt2 {margin:0 0 10px 0;border:1px solid #e2e6eb;background:#ebeff9;}
.boxt_box .boxt2 .inr {overflow:hidden;padding:21px 0 21px 0;text-align:center;}
.boxt_box .boxt2 .inr .select_l {display:inline-block;vertical-align:top;width:220px;height:250px;margin-right:60px;text-align:left;background:url(../../images/korean/common/bg_pay_line1.png) no-repeat right center;}
.boxt_box .boxt2 .inr .select_l ul {padding-top:10px;}
.boxt_box .boxt2 .inr .select_r {display:inline-block;vertical-align:top;width:220px;text-align:left;}
.boxt_box .boxt2 .inr .select_r ul {padding-top:10px;}
.boxt_box .boxt3 {margin:0 0 10px 0;border:1px solid #c4c7cc;background:#fff;}
.boxt_box .boxt3 .inr {overflow:hidden;padding:10px 0 10px 0;text-align:center;}
.boxt_box .boxt3 .inr .select_l {display:inline-block;vertical-align:middle;text-align:left;margin-right:50px;padding:15px 0;background:url(../../images/korean/common/bg_pay_line2.png) no-repeat right center;}
.boxt_box .boxt3 .inr .select_l ul {padding-right:50px;}
.boxt_box .boxt3 .inr .bl_t.mpli li {margin-bottom:8px;}
.boxt_box .boxt3 .inr .bl_t li {padding:0 0 0 13px;background:url(../images/bl_dot1.gif) no-repeat 0 center;}
.boxt_box .boxt3 .inr .bl_t li strong {display:inline-block;width:90px;vertical-align:middle;}
.boxt_box .boxt3 .inr .bl_t li span {font-weight:bold;}
.boxt_box .boxt3 .inr .bl_t li  select {height:25px;border:1px solid #c2c5ca;font-size:13px;vertical-align:middle;color:#c0c0c0;font-weight:bold;}
.boxt_box .boxt3 .inr .bl_t .rdoDv2 {font-size:14px;color:#777777;}
.boxt_box .boxt3 .inr .select_r {display:inline-block;vertical-align:middle;text-align:left;}
.boxt_box .boxt3 .inr .select_r .tot {margin-bottom:15px;padding:10px 0 0 0;font-size:26px;}
.boxt_box .boxt3 .inr .select_r .tot span {color:#e0282d;}
.boxt_box .boxt4 {border:1px solid #dcd4c4;background:#f7f5f1;}
.boxt_box .boxt4 .dvIpt {margin-bottom:10px;font-size:18px;}
.boxt_box .boxt4 .inr {overflow:hidden;padding:21px 0 21px 107px;}
.boxt_box .boxt4 .ipt {height:41px;}
.boxt_box .boxt4 ul {padding:0 0 0 65px;font-size:14px;color:#8d7e73;}
.boxt_box .boxt4 ul li span {display:inline-block;width:114px;vertical-align:middle;}
.boxt_box .stit {padding-top:10px;font-size:18px;color:#333333;font-weight:bold;}
.boxt_box .rslect {float:left;}
.boxt_box .rslect li {margin-bottom:13px;}