@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(../../../../ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff2'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(../../../../ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff2'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(../../../../ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff2'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(../../../../ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff2'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(../../../../ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff2'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(../../../../ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff2'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(../../../../ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}



/********************************************************
■ Basic : 기본
********************************************************/
@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic');

body { font-family:'Malgun Gothic', dotum, sans-serif; line-height: 22px; font-size: 14px; color: rgb(51, 51, 51); background-color:#fff; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; }
body.is-pc .ko { font-size:12px; }
a { color: rgb(51, 51, 51); cursor: pointer; text-decoration: none; }
a:hover, a:focus, a:active {color:#bc4139; text-decoration: none; }
fieldset legend { display:none; }
label { font-weight:normal; }
label.checkbox, label.radio { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
hr { margin-top: 20px; margin-bottom:20px; border:0; border-top:1px solid #eee; display:block; }
blockquote { font-size: 12px; margin:0px 0px 20px; }
.en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { font-family: "Malgun Gothic", sans-serif; }
.ko, .ko small { font-family:'Malgun Gothic', dotum, sans-serif; }
.sns-share-icon img { width:20%; max-width:34px; border-radius:50%; }
.is-mobile .at-content .container { padding: 0px 5px 5px; }
.is-mobile .at-container .container { padding: 0px 5px 5px; }

/********************************************************
■ Layout : 레이아웃
********************************************************/
.wrapper { margin:0 auto; background:#fff; }
.at-container { margin:0px auto; padding:0px; }
.is-pc .at-body{min-height:600px;}
.at-body .at-container {overflow:hidden; padding:40px 0; }
.boxed.wrapper .at-body .at-container { padding:0px 20px; border: 1px solid #eee;}
.at-content { position:relative; padding:20px 0px; }
/*.at-row { margin-left:-15px; margin-right:-15px; }*/
.at-col { position:relative; padding-left:15px; padding-right:15px; padding-top:0px !important; padding-bottom:0px !important; }
.at-menu{}
.at-side{ }
@media all and (max-width:991px) {
    .responsive .at-body .at-container { padding:0px 0px !important;     margin-top: 65px;}
	.responsive .at-body .at-row { margin-left:0px; margin-right:0px; margin-top:0px; }
	.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
	.responsive .pull-right.at-main,
	.responsive .pull-left.at-side { float:none !important; }

}
/*.main-colorset{padding:20px 10px 0 !important;border:1px solid #ddd;background:#fff;margin-bottom:10px;margin-top:10px;}
.side-colorset{padding:20px 10px 0 !important;border:1px solid #ddd;background:#fff;margin-bottom:10px;margin-top:10px;}*/
/********************************************************
■ LNB : 최상단의 즐겨찾기, RSS, 로그인, 회원가입 영역
********************************************************/
.at-lnb { }
.en .at-lnb { font-size:12px; }
.at-lnb ul { list-style: none; margin: 0px; padding:16px 0px 5px; }
.at-lnb ul > li { float: left; padding: 0px 20px; position: relative;background-color:#bc4139; height: 30px;line-height: 30px;}
.at-lnb ul > li::after { float: right;content: ""; margin-right:-15px; z-index: 9999999;position: absolute; right: 15px;font-size: 6px;width: 2px;height: 9px;background-color: #e59792;top: 11px;display: block;}
.at-lnb ul > li:last-child::after { display: none; margin-right:0px; }
.at-lnb ul > li > a { color: #fff; float:left; font-family: 'Nanum Gothic', sans-serif;font-size:13px;}
.at-lnb ul > li:first-child {background-color:#fff;}
.at-lnb ul > li:first-child > a {color:#696969}
.at-lnb ul > li:first-child > a::after {content: ''; display: block; float:left;width:15px; height:15px; background:url(http://pckworld.net/img/favorites_icon.png);margin-top: 7px;margin-right: 6px;}
.at-lnb ul > li:first-child::after {display: none;}
.at-lnb ul > li:nth-child(2) > a::after {content: ''; display: block; float:left;width:16px; height:17px; background:url(http://pckworld.net/img/login_icon.png);margin-top: 6px;margin-right: 6px;}
@media all and (max-width:991px) {
	.responsive .at-lnb .at-container { display:none; visibility:visible; }
}


/********************************************************
■ PC Header : PC 헤더
********************************************************/
.pc-header { padding:0px; text-align:center;border-top:5px solid #cfcfcf;  }
.pc-header .at-container { padding:27px 0px }
.pc-header .header-logo { display:inline-block; vertical-align:middle; padding:0; float:left; }
.pc-header .header-logo a { font-size:44px; line-height:44px; font-family:'Malgun Gothic', sans-serif; font-weight:bold; color:#ff4500; }
.pc-header .header-logo a:hover { color:#000; }
.pc-header .header-logo img { display:block; max-width:100%; max-height:60px; }
.pc-header .header-desc { display:block; font-size:12px; letter-spacing:-1px; color:#888; margin-top:2px; }
.pc-header .header-search { display:inline-block; width:260px; vertical-align:middle; }
.pc-header .header-search form { padding:0px; margin-top:4px; border:4px solid #111; background: #111; }
.pc-header .header-search input { background: #fff; border:1px solid #111; }
.pc-header .header-search .btn { color:#fff !important; background: #111 !important; }
.pc-header .header-keyword { padding-top:4px; }
.en .pc-header .header-keyword { font-size:12px; }
@media all and (max-width:991px) {
	.responsive .pc-header { display:none; }
}

/********************************************************
■ Mobile Header : 모바일 헤더
********************************************************/
.m-header { display:none; background: rgb(255, 255, 255);    border-bottom: 1px solid #e3e3e3;}
.m-header a { font-family:'Malgun Gothic', sans-serif; font-weight:bold; display: block; color:#ff4500; padding:10px 0 11px 0;}
.m-header a img {width:170px;}
.m-header .at-container { padding:0px; }
.m-header .header-wrap { display:table; width:100%; table-layout:fixed; margin:0px; min-width:300px; border-collapse: collapse; }
.m-header .header-icon,
.m-header .header-logo { display:block; display:table-cell; vertical-align:middle; font-size:18px; height:44px; line-height:44px; text-align:center; }
.m-header .header-icon { width:44px; }
.m-header .header-icon a { display:block; color:#333; font-size:20px;}
@media all and (max-width:991px) {
    .responsive .m-header { display:block; position: fixed;background: #fff;z-index: 999999;}
}



/********************************************************
■ PC Menu : PC 메뉴바 배경설정
********************************************************/
.pc-menu { position:relative; background: #1e3056;  z-index:3; height:60px !important;}
.pc-menu .at-container { position:relative; }
.pc-menu .sub-slide,
.pc-menu .sub-shows { display:none; visibility:visible; }
.pc-menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.pc-menu .menu-a { font-size: 17.5px; font-family: 'Noto Sans KR', sans-serif;}
.pc-menu .nav-home .menu-a { font-size: 20px;}
.pc-menu .nav-right { font-size:16px;}
@media all and (max-width:991px) {
	.responsive .pc-menu,
	.responsive .pc-menu-all { display:none; }
}

/********************************************************
■ 타이틀바 설정
********************************************************/
.pc-menu .article-header-title .menu-ul { display:table; width:100%; table-layout:fixed; margin:0px; }
.pc-menu .article-header-title .menu-li { display:table-cell; vertical-align:top; }
.pc-menu .article-header-title .menu-li.aht-logo { padding-left: 14px; width: 130px !important;}
.pc-menu .article-header-title .menu-li.aht-logo a { font-size:34px; line-height:44px; font-family:'Malgun Gothic', sans-serif; font-weight:bold; color:#ff4500; }
.pc-menu .article-header-title .menu-li.aht-logo a:hover { color:#000; }
.pc-menu .article-header-title .menu-li.aht-title { text-align: center; line-height:44px; font-size: 20px; font-family: "Malgun Gothic", sans-serif; font-weight:bold; color:#000;}
.pc-menu .article-header-title .menu-li.aht-blank { width:130px; }

/********************************************************
■ PC Menu Top : PC 상단 좌측/배분 스타일 메뉴
********************************************************/

/* 배분 스타일 */
.pc-menu .nav-top.nav-both .menu-ul { display:table; width:100%; table-layout:fixed; margin:0px; }
.pc-menu .nav-top.nav-both .menu-li { display:table-cell; vertical-align:top; }
.pc-menu .nav-top.nav-both .menu-a { padding:0px; text-align:center; }
.pc-menu .nav-top.nav-both .sub-1div::before { left: 50%; margin-left:-8px; }
.pc-menu .nav-top.nav-both .sub-1div { position:relative; }

/* 좌측 스타일 */
.pc-menu .nav-top.nav-float .menu-ul {display: flex;justify-content: space-around;}
.pc-menu .nav-top.nav-float .menu-li { float:left; text-align: center;position: relative;}
/*.pc-menu .nav-top.nav-float .menu-li::before { top: -5px; border-width: 0 6px 6px; border-color: #c69263 transparent; display: block; width: 0px; content: ""; position: absolute; border-style: solid; }*/


@media all and (max-width:1163px) {.pc-menu .nav-top.nav-float .menu-li { padding: 0 2.6%; }}
@media all and (max-width:1109px) {.pc-menu .nav-top.nav-float .menu-li { padding: 0 2.2%; }}
@media all and (max-width:1018px) {.pc-menu .nav-top.nav-float .menu-li { padding: 0 2.1%; }}
@media all and (max-width:999px) {.pc-menu .nav-top.nav-float .menu-li { padding: 0 2.0%; }}

.pc-menu .nav-top.nav-float .sub-1div { position:absolute; top:50px; padding:0 20px;z-index: 20;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(1)>div {width:685px;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(2)>div {width:803px; left:-24px;}
/*.pc-menu .nav-top.nav-float .menu-li:nth-child(3)>div {  width: 963px;left: -286px;}*/
.pc-menu .nav-top.nav-float .menu-li:nth-child(3)>div {  width: 584px; left:-116px;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(4)>div { width: 464px;left: -104px;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(5)>div {  width:218px; left:4px;}
/* .pc-menu .nav-top.nav-float .menu-li:nth-child(7)>div {width: 270px;left: -105px;} */
.pc-menu .nav-top.nav-float .menu-li:last-child>div {  width:480px; left:-387px;}

.pc-menu .nav-top.nav-float .menu-li:nth-child(1)>div::before {}
.pc-menu .nav-top.nav-float .menu-li:nth-child(1)>div>ul>li:nth-child(1)::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left: 50%;content: "";position: absolute;border-style: solid;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(2)>div>ul>li:nth-child(1)::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left: 28%;content: "";position: absolute;border-style: solid;}
/*.pc-menu .nav-top.nav-float .menu-li:nth-child(3)>div>ul>li:nth-child(1)::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left: 474%;content: "";position: absolute;border-style: solid;}*/
.pc-menu .nav-top.nav-float .menu-li:nth-child(3)>div>ul>li:nth-child(1)::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left: 129%;content: "";position: absolute;border-style: solid;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(4)>div>ul>li:nth-child(1)::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left:157%;content: "";position: absolute;border-style: solid;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(5)>div>ul>li:nth-child(1)::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left: 14%;content: "";position: absolute;border-style: solid;}
/* .pc-menu .nav-top.nav-float .menu-li:nth-child(7)>div>ul>li:last-child::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left-11%;content: "";position: absolute;border-style: solid;} */
.pc-menu .nav-top.nav-float .menu-li:last-child>div>ul>li:last-child::before {content:''; top: -5px;border-width: 0 6px 6px;border-color: #c69263 transparent;display: block;width: 0px;left:36%;content: "";position: absolute;border-style: solid;}


/* 공통 스타일 */
.g_btn {text-align:center;font-size:25px; font-weight: 600;font-family: 'Noto Sans KR', sans-serif;}
.g_btn2 {text-align:center;font-size:15px !important; font-weight:400 !important;font-family: 'Noto Sans KR', sans-serif !important; border: none !important;background-color: #bc4139 !important;}
.g_btn3 {text-align:center;font-size:15px !important; font-weight:400 !important;font-family: 'Noto Sans KR', sans-serif !important; border: none !important;background-color: #1e3056 !important;}

.form-horizontal .control-label {text-align: left}

/*
.pc-menu .nav-top { position:absolute; left:0px; top:0px; z-index:10; width:100%; background-color:#fff; }
*/
.pc-menu .nav-top { position:absolute; left:0px; top:0px; z-index:10; width:100%; }
.pc-menu .nav-top .menu-a { display:block; color:#fff; background:#1e3056; font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px;    height: 60px; z-index: 10;line-height: 60px !important; position: relative;}
/*
.pc-menu .nav-top.nav-float .sub-1div::before {top:-5px; border-width: 0 6px 6px; border-color: #c69263 transparent; display: none; width: 0px; left:46%; content: ""; position: absolute; border-style: solid; z-index: 20; }
.pc-menu .nav-top.nav-float .sub-1div:hover::before {display: block; }
.pc-menu .nav-top.nav-float .menu-li:hover .sub-1div::before{display: block;}
*/

.pc-menu .nav-top .menu-li:hover .menu-a {color:#c69263;}
.pc-menu .nav-top .menu-li.on .menu-a { background:#1e3056; color:#c69263; }
.pc-menu .nav-top .menu-li.nav-home { width:60px !important; text-align:center; }
.pc-menu .nav-top .menu-li.nav-home .menu-a { padding:0px; }
.pc-menu .nav-top .new { color: rgb(140, 195, 70);}
.pc-menu .nav-top.nav-float .menu-a {padding:0 !important;}



.pc-menu .nav-top .sub-1div { background:#c69263; }
.pc-menu .nav-top .sub-1dul,
.pc-menu .nav-top .sub-1dli { position:relative; float:left;}
.pc-menu .subm-w {width:auto !important;}
.pc-menu .nav-top .sub-1da { display:block; color:#fff; padding:0px 12.5px; height:40px; line-height:40px;font-family: 'Nanum Gothic', sans-serif; font-weight: 700; font-size:14px;letter-spacing: -0.5px;}
.pc-menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da { color:#1e3056;}
.pc-menu .nav-top .sub-1new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-1line { position:relative; display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

.pc-menu .nav-top .sub-2div { left:100%; top:0; background: #fff; position:absolute; z-index:20; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-top .sub-2dul { }
.pc-menu .nav-top .sub-2dli { }
.pc-menu .nav-top .sub-2da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.pc-menu .nav-top .sub-2dli.on .sub-2da,
.pc-menu .nav-top .sub-2dli:hover .sub-2da { color:#fff; font-weight:bold; background: orangered; border-color:orangered; }
.pc-menu .nav-top .sub-2new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-2line { display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

/********************************************************
■ PC Right Icon Menu : PC 우측 아이콘 메뉴
********************************************************/
.pc-menu .nav-right { background:#fff; color:#111; position:absolute; top:0px; right:0px; z-index:11; }
.pc-menu .nav-right > ul { float:right; list-style:none; padding:0px; margin:0px; }
.pc-menu .nav-right > ul > li { float:left; position:relative; width:42px; }
.pc-menu .nav-right > ul > li > a { color:#111; display:block; text-align:center; }
.pc-menu .nav-right > ul > li > a:hover { background: #fff; color:#ff4500; }
.pc-menu .nav-right .label { position: absolute; top: 15%; right: 7px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important; }
.pc-menu .nav-rw { width:130px; }

/********************************************************
■ PC All Menu : 전체 메뉴
********************************************************/
.pc-menu-all { position:relative; background:#fafafa; z-index:2; -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); }
.pc-menu-all .at-container { padding:20px 15px 0px; }
.pc-menu-all .table { margin-bottom:20px !important;}
.pc-menu-all .table td { width:1%; background:#fff; border:1px solid #ddd; padding:0px; line-height:20px; }
.pc-menu-all .menu-a { display:block; color:#000; padding:6px 12px; background:#f5f5f5; border-bottom:1px solid #ddd; font-weight:bold; text-align:center; }
.pc-menu-all .table td.on .menu-a { color:crimson; }
.pc-menu-all .sub-1div { padding:8px 0px; }
.pc-menu-all .sub-1dul { list-style:none; padding:0px; margin:0px; }
.pc-menu-all .sub-1dli .sub-1da { display:block; padding:2px 12px; color:#333; }
.pc-menu-all .sub-1dli.on .sub-1da,
.pc-menu-all .sub-1dli:hover .sub-1da { color:crimson; }
.pc-menu-all .new { color: rgb(140, 195, 70);}
.pc-menu-all .new-sub1 { color: rgb(140, 195, 70);}
.pc-menu-all .sub-1line { display:block; color:#000; padding:5px 12px; margin:4px 0px; font-weight:bold; background:#fafafa; }
.pc-menu-all .menu-all-btn { text-align:center; }

/********************************************************
■ Mobile Menu : 모바일 메뉴
********************************************************/
.m-menu { display:none; overflow:hidden; background:#fff; position:relative; z-index:20; border-top:1px solid #eee; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); }
.m-menu .m-wrap { }
.m-menu .m-table { display:table; width:100%; table-layout:fixed; width:100%; margin:0px; min-width:300px; border-collapse: collapse; }
.m-menu .m-icon,
.m-menu .m-list { display:table-cell; vertical-align:middle; font-size:15px; height:44px; line-height:44px; border:1px solid #eee; border-top:0px; border-bottom:0px; }
.m-menu .m-icon { width:44px; text-align:center; font-size:18px; }
.m-menu .m-icon a { display:block; position:relative; }
.m-menu .m-icon .label { position: absolute; top: 15%; right: 5px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important;  }
.m-menu .m-nav { overflow: hidden; margin:0px 10px; }
.m-menu .m-nav ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav ul li.active a { color: orangered; font-weight:bold; }

.m-menu .m-sub { background:#fafafa; border-top:1px solid #ddd; font-size:15px; height:44px; line-height:44px; padding:0px 10px; }
.m-menu .m-nav-sub { width:100%; overflow: hidden; margin:0px; }
.m-menu .m-nav-sub ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav-sub ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav-sub ul li.active a { color: orangered; font-weight:bold; }
@media all and (max-width:991px) {
	.responsive .m-menu { display:block; }
}

/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/
.at-title { height:55px; position:relative; color:#000; background-color: #fafafa; border-bottom:1px solid #dfdfdf; }
.at-title .at-container { height:100%; position:relative; }
.at-title .page-title { font-size:24px; position:absolute; left:20px; bottom:15px; z-index:1; }
.at-title .page-desc { color:#888; position:absolute; right:20px; bottom:10px; z-index:1; }
@media all and (max-width:767px) {
	.responsive .at-title { height:50px; }
	.responsive .at-title .page-title { font-size:20px; left:15px; bottom:10px; }
}

/********************************************************
■ Footer : 하단 푸터
********************************************************/
.en .at-footer .at-links { font-size:12px; }
.at-footer .at-links { background:#1e3056; padding:8px 0px; border:1px solid #ddd; border-left:0px; border-right:0px;  }
.at-footer .at-links ul { list-style: none; margin: 0px; padding:0px; }
.at-footer .at-links ul > li { float: left; padding: 0px 15px; }
.at-footer .at-links ul > li::after { float: right; background-color:#40547e; width:2px; height:10px; content: ""; margin-right:-17px;    margin-top: 7px;display: block;}
.at-footer .at-links ul > li:last-child::after { display: none;}
.at-footer .at-links ul > li > a { color: #c1c6d1; font-size:15px; font-family: 'Nanum Gothic', sans-serif;font-weight: 700;}
.fpad {padding:60px 0;}
@media all and (max-width:991px) {
	.responsive .at-footer .at-links ul.pull-left { display:none; }
	.responsive .at-footer .at-links ul.pull-right { float:none !important; text-align:center; }
	.responsive .at-footer .at-links ul.pull-right > li { float:none; display:inline-block; }
}
.foot_left_wrap {}
.foot_left_wrap div {float:left;}
.foot_left_wrap .area_t {padding-left: 40px; margin-top:5px;}

.foot_left_wrap .area_t .copyr {margin-top:10px;color:#7f8288; font-size:12px;font-family: 'Nanum Gothic', sans-serif;padding: 0px 15px; display: inline-block}


.italic {font-style: italic;}

.sns_wrap div {width:285px; height:35px; background-color:#4d679d; text-align: center}
.sns_wrap div a {display: block; line-height: 35px; font-family: 'Noto Sans KR', sans-serif; font-size:14px; color:#fff; position: relative}
.sns_wrap div a:after { content: '';bottom: -1px;width: 0px;height: 0px;border-left: 10px solid #4d679d;border-bottom: 10px solid #1e3056;display: block;right: 0;content: "";position: absolute;}
.sns_wrap div a>span {position: relative; display: inline-block;padding-left: 30px;}
.sns_wrap div a>span:after {content: ''; background:url(http://pckworld.net/img/facebook_icon.png); width: 19px;height: 19px;position: absolute; top:24%;left: 0;}

.sns_wrap .footer_kakao {margin-top:15px;}
.sns_wrap .footer_kakao div {background-color:#fadc52;}
.sns_wrap .footer_kakao div a {color:#333;}
.sns_wrap .footer_kakao div a:after {border-left: 10px solid #fadc52;}
.sns_wrap .footer_kakao div a>span:after {content: ''; background:url(http://pckworld.net/img/kakao_icon.png); width: 24px;height: 21px;position: absolute; top:24%;left: 0;}

.m_block {display: none;}
.pc_block {display: block;}

@media all and (max-width:991px) {
    .sns_wrap {clear: both;}
    .foot_left_wrap {text-align: center; width:100%;}
    .foot_left_wrap div {float:none;}
    .foot_left_wrap .area_t {padding-left: 0;    margin-top: 30px;}
    .foot_left_wrap .area_t ul {display: inline-block;}
    .at-footer .at-links ul > li::after {    margin-right: -14px;}
    .at-footer .at-links ul > li a {font-size:11px;}
    .at-footer .at-links ul > li:first-child {padding-left: 0;    padding: 0px 12px;}
    .foot_left_wrap .area_t li:first-child {padding-left: 0 !important}
    .foot_left_wrap .area_t li:last-child {padding-right: 0}
    .foot_left_wrap .area_t .copyr {padding:0;width:100%;margin-top: 0; font-size: 11px; letter-spacing: -1px;}
    .fpad .sns_wrap {float:none !important;margin-top: 30px;}
    .sns_wrap div {margin: 0 auto;}
    .m_block {display: block;}
    .pc_block {display: none;}
}



/* YC5 */
.en .at-footer .at-infos { font-size:12px; }
.at-footer .at-infos .media { padding:15px 20px 20px; }
.at-footer .at-infos .pull-left { font-size:70px; color:#ddd; }
.at-footer .at-infos .copyright { float:left; margin-left:10px; }
.at-footer .at-infos .copyright span { color:#888; }
.at-footer .at-about { list-style: none; margin:0px; padding:0px; }
.at-footer .at-about > li { float: left; padding: 0px 15px; color:#888; }
.at-footer .at-about > li > a { color: #888; }
.at-footer .at-help { list-style: none; margin: 0px; padding:0px; margin-bottom:5px; }
.at-footer .at-help:after {display:block;visibility:hidden;clear:both;content:""}
.at-footer .at-help > li { float: left; padding: 0px 15px; }
.at-footer .at-help > li::after { float: right; font-size:12px; color:#ddd; content: "|"; margin-right:-17px;}
.at-footer .at-help > li:last-child::after { content: ""; }
.at-footer .at-help > li > a { float: left; }
@media all and (max-width:767px) {
	.responsive .at-footer .at-infos .media { padding:15px 0px 20px; text-align:center; }
	.responsive .at-footer .at-infos .copyright { float:none; margin:0px; }
}

/* G5 */
.at-footer .at-copyright { text-align:center; padding:15px 0px; color:#888; }
.at-footer .at-copyright strong { color:#333; }

/********************************************************
■ Go Top & Bottom : 상단/하단 이동버튼
********************************************************/
.at-go .go-btn { display:none; position: fixed; width:40px; bottom: 20px; right: 25px; z-index: 2; }
.at-go .go-btn span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:5px 0px; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
.at-go .go-btn span i {    vertical-align: text-top;}
.at-go .go-btn .go-bottom { display:block; }
.at-go .go-btn .go-bottom a { color:#fff; }
.at-go .go-btn .go-bottom .label { position: absolute; top: 15%; right: 7px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important; }
@media (max-width: 768px) {
	.at-go .go-btn { bottom:0px; right:5px; }
}

/********************************************************
■ Go menu & Bottom : 모바일메뉴버튼 display:; position:fixed; bottom:56px; left:10px; width:50px; height:50px; line-height: 42px ;box-shadow: 2px 2px 2px #5f5f5f ; text-align:center;  z-index:10;
********************************************************/
.at-go .go-menu { display:; position: fixed; width:40px; bottom: 20px; left: 25px; z-index: 2; }
.at-go .go-menu span { display: block; color:#fff; background: rgba(255,69,0,0.8); margin:5px 0px; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
.at-go .go-menu a { color:#fff; }
/*.at-go .go-menu .go-bottom { display:none; }*/
.at-go .go-menu .go-bottom { display:block; }
.at-go .go-menu .go-bottom a { color:#fff; }
.at-go .go-menu .label { background: rgba(0,0,0,0); position: absolute; right: 7px; text-align: center; font-size: 11px; font-weight:bold; font-weight:300; padding: 7px 0px; line-height: 0.9; border-radius: .25em !important; }
@media (max-width: 768px) {
	.at-go .go-menu { bottom:0px; left:5px; }
}

/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/
/* Button */
.btn { font-family: "Malgun Gothic", sans-serif; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; }
.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm { font-family:dotum, sans-serif; }

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; }
.panel-group .panel { border-radius: 0px; }
.panel .panel-heading { border-radius: 0px; }
.is-pc .ko .panel .panel-body { font-size:12px; }

/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.pagination { font-family: "Malgun Gothic", sans-serif; }
.pagination li a { border-radius:0 !important; color:#333 !important; }
.pagination li.active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: "Malgun Gothic", sans-serif; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: "Malgun Gothic", sans-serif; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius:0 !important; }



.dropdown-menu {
  width: 280px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
  right: auto;
  left:0;
}

.navbarnav > .dropdown-menu > li.header,
.dropdown-menu > li.header {
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}


/* main */

.m_block {display: none}
.p_block {display: block}

@media (max-width: 991px) {
    .m_block {display: block}
    .p_block {display: none;}
}


.b_pd1 {padding:0px 35px 0px 0px!important;}
.b_pd2 {padding:0px 0px 0px 0px!important;}

.w40p {width:40% !important;}
.w60p {width:60% !important;}
.w100p {width:100% !important}
@media (max-width: 991px) {
    .w40p, .w60p {width:100% !important;}
    .b_pd1 {padding:0px 0px 0px 0px!important;}
}

.mb40 {margin-bottom:40px;}


.main_r .wbg {background-color:#fff !important;margin-bottom: 0 !important; padding-left: 0 !important;padding:0px 35px 10px 0px !important;}
.main_r .wbg b {color:#333333 !important; font-size:20px;}
.grayb {border-bottom:3px solid #dddddd !important}
.div-title-underbar .pull-r {float:right;}
.div-title-underbar .g_more {color: #787878;background-color: #dddddd !important;padding:8px 25px 3px 25px !important; font-size:16px;font-family: 'Noto Sans KR', sans-serif;font-weight: 700; position: relative;}
.div-title-underbar .g_more::before {content: '';top: 0px;width:0px;height:0px;border-right:13px solid #fff; border-bottom:13px solid #b1b1b1;display: block;right:0;content: "";position: absolute;}
.div-title-underbar .red_tit {position: relative}
.div-title-underbar .red_tit::before {content: '';top: 0px;width:0px;height:0px;border-left:14px solid #fff; border-bottom:16px solid #c69263;display: block;left:0;content: "";position: absolute;}


.main_wrap01 {}
.main_wrap01:after{display:block;content:'';clear:both;}
.main_wrap01 .main_left {float:left; width:75%; padding-right: 40px;}
.main_wrap01 .main_left .main_banner01 {margin-bottom: 40px;}
@media (max-width: 991px) {
    .main_wrap01 .main_left {width:100%; padding-right: 0;}
    .widget-box {margin-bottom:40px!important;}
}
.main_wrap01 .main_left .main_banner01 img {}
@media (max-width: 1120px) {.main_wrap01 .main_left .main_banner01 img {width:100%;}}
.main_wrap01 .board_wrap {}
@media (max-width: 991px) {.main_wrap01 .board_wrap {padding:0 10px;}}
.main_wrap01 .board_wrap:after{display:block;content:'';clear:both;}

.main_wrap01 .main_right {float:right; width:25%;}
.main_wrap01 .main_banner02 {margin-bottom:40px;}
.main_wrap01 .main_banner02 img {}
@media (max-width: 991px) {.main_wrap01 .main_right {width:100%;}}
@media (max-width: 1120px) {.main_wrap01 .main_right .main_banner02 img {width:100%;}}


.main_wrap02 {}
.main_wrap02:after{display:block;content:'';clear:both;}
.main_wrap02>div {float:left;}


.logo_slide {background-color:#f4f4f4;}



/* 메인 선교지원 정보 */
.main_icon {background: url(http://pckworld.net/img/main_icon_bg.png) no-repeat center top; background-size: cover;}
.main_icon h1 {text-align: center;margin: 0;font-family: 'Noto Sans KR', sans-serif;font-size:20px;letter-spacing: -0.5px; font-weight: 700; padding:18px 0 15px; }

.main_icon div {text-align: center;}
.main_icon div:after{display:block;content:'';clear:both;}
.main_icon div ul {margin: 0;display: inline-block;width: 100%;padding: 12px 12px 6px;}
.main_icon div ul li {list-style: none; float:left;width: 50%;height: 100px;display: flex;justify-content: space-around;align-items: center;padding: 12px;}
.main_icon div ul li:nth-of-type(n+3){border-top: 1px solid #4c566f;}
.main_icon div ul li:nth-of-type(odd){border-right: 1px solid #4c566f;}
.main_icon div ul li .main_icon_hover{display: none;}
.main_icon div ul li .img{float: left;height: 100%;margin-right: 10px;}
/*.main_icon div ul li:hover p {text-decoration: underline;}*/
.main_icon div ul li:last-child {margin-right:0;}
.main_icon div ul li a {display:flex;align-items: center;}
.main_icon div ul li a img {}
.main_icon div ul li a p{font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color:#dce2ee; text-align: left;font-size:16px;margin-top:7px;}

@media (max-width: 911px) {
    .main_icon div ul li {margin-right: 0;}
    .main_icon div ul li a img {width:100%;}
}
@media (max-width: 470px) {
    .main_icon div ul {padding: 6px 6px 0;}
    .main_icon div ul li{padding: 6px;}
    .main_icon div ul li a p {font-size:13px; letter-spacing: -1px;}
}




/* 카테고리 모바일일 때 숨기기*/
@media (max-width: 991px) {
    .widget-side {display: none;}
}
#sidebar-search {margin-top:40px;}




/* 서브 사이드 메뉴 */
.sub_side_wrap .sub_side_tit {width: 100%;padding: 50px 0 !important;text-align: center; display: inline-block;background:#bc4139;}
.sub_side_wrap .sub_side_tit b {font-size:34px;line-height: 38px; letter-spacing: -1.5px;color:#fff;    font-family: 'Noto Sans KR', sans-serif;}



/* 서브 공용 BG sub_page_bg */
.sub_page_bg {background:url(http://pckworld.net/img/sub_bg01.jpg); border-bottom:3px solid #f1f1f1; padding:77px 0; position: relative}
.sub_page_bg .tit{font-size:40px; color: #333;font-family: 'Noto Sans KR', sans-serif;font-weight:700; letter-spacing: -1px;line-height: 40px; position: absolute; top:80px; left: 0;}
.sub_page_bg .nav {position: absolute; right: 0; bottom:20px}
.sub_page_bg .nav ul {padding: 0; margin: 0; list-style: none;}
.sub_page_bg .nav li {float:left; position: relative;padding: 0 18px; color:#919191;font-family: 'Nanum Gothic', sans-serif; font-size:13px;}
.sub_page_bg .nav li::after {font-family:FontAwesome;right:-3px;content:"\f105";display: block; position: absolute; top: 0;font-size: 20px;color:#dcdbdb;}
.sub_page_bg .nav li:last-child::after {display: none;}
.sub_page_bg .nav li:last-child {color:#bc4139; padding-right: 0;}



/* 서브 공통 내용 */
.sub_page_wrap {padding-top:61px; margin-bottom: 140px;}
.sub_page_wrap:after{display:block;content:'';clear:both;}

.last_p {padding-bottom: 0 !important; margin-bottom: 0 !important;}
@media (max-width:991px) {
    .sub_page_bg {padding:35px 0;}
    .sub_page_wrap {padding:50px 10px 0px}
    .sub_page_bg .tit {width: 100%;text-align: center; top: 17px; font-size: 19px;}
    .sub_page_bg .nav {display: none;}
}



/* 인사말 */
.gt_wrap>div {float:left;width:55%}
.gt_wrap .gt_img {margin-right: 45px;width:39.5%}
.gt_wrap .tit {font-size:34px; color: #333;font-family: 'Noto Sans KR', sans-serif;font-weight:700; letter-spacing: -2px; line-height: 34px;margin-top: 15px; margin-bottom:25px;}
.gt_wrap .gt_p {word-break: keep-all;font-family: 'Nanum Gothic', sans-serif; font-size:16px; color:#333;letter-spacing: -1px; line-height: 28px; margin-bottom:30px;}
.sign {margin-top: 6px;}
.sign p {position: relative;top:4px;text-align: right; color:#a88c7b; font-size: 13px; font-family: 'Nanum Gothic', sans-serif;line-height: 18px; letter-spacing: -0.5px;display: inline-block; margin-right: 8px;}
.sign .sign_item{float:left;margin:0 30px 0 0;}
.sign span {display: inline-block; vertical-align: middle;}
@media (max-width:1120px) {
    .gt_wrap .gt_img {margin-right:15px;text-align: center;margin-bottom: 30px;}
    .gt_wrap .gt_img img {width:291px;}
    .gt_wrap .tit {margin-top:0; text-align: center;}
    .gt_wrap .gt_p {margin-bottom:15px}
    .sign {text-align: center;}
}
@media (max-width:991px) {
    .gt_wrap>div {float: none;width: 100%}
    .gt_wrap .gt_img{width:auto;}
    .sign .sign_item{float:none;width:100%;margin:15px 0 0;}
}



/*  임원회 조직 */
.group_wrap {}
.group_wrap .img_box {margin-bottom:11%;}
.group_wrap .txt_section {position: relative;width:100%;}
.group_wrap .txt_box::after {content: ''; display: block; clear: both;}
/*.group_wrap .txt_section {position: absolute; left: 50%; margin-left: -80px;top:0;}*/
/*.group_wrap .txt_box:before {content:''; display:block; position:absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #b1b1b1;}*/
.group_wrap .circle_box {width:47%; margin-bottom: 40px;}
.group_wrap .circle_box:nth-child(1) {float:left;}
.group_wrap .circle_box:nth-child(2) {float:right;}
.group_wrap .circle_box .circle {width:100%; display:table; text-align:center; height:80px; margin: 0 auto; background-color:#42557f; color:#fff; font-size:17.5px;font-family: 'Nanum Gothic', sans-serif;position: relative;}
.group_wrap .circle_box:first-child .circle::before {content:''; width:1px; height:78px; background-color:#b1b1b1; position:absolute;    right: -6.5%;top: 42px;}
.group_wrap .circle_box:last-child .circle::before {    content: '';width: 13%;height: 1px;background-color: #b1b1b1;position: absolute;left: -13%;top: 42px;}
.group_wrap .circle_box .bg2 {background-color:#bc4139;}
.group_wrap .circle_box .circle div {display: table-cell; vertical-align: middle; letter-spacing: -0.5px;line-height: 25px;word-break: keep-all;
}
.group_wrap .circle_box .circle div span {text-align:center; color:#fff; font-weight: 400;font-size:16px;}

.vice_list_box {position:relative}
.vice_list_box::after {    content: '';left: 15.6%;bottom: -26px;display: block;width: 68.8%;height: 1px;background-color: #b1b1b1;position: absolute;}
.vice_list_box>div>.tit {padding:8px 0;width:100%; letter-spacing:-0.5px;background-color:#41557e;color:#fff; font-size:17.5px; text-align:center; font-weight:bold;font-family: 'Nanum Gothic', sans-serif;}
.vice_list_box .vice_list:after {content: ''; display: block; clear:both;}
.vice_list_box .vice_list {background-color:#5d729f}
.vice_list_box .list_box {width: 33.33%; float: left; text-align: center; padding:25px 0;}
.vice_list_box .list_box .tit {line-height: 25px;font-size:16px; font-weight: bold; color:#fff;font-family: 'Nanum Gothic', sans-serif; letter-spacing:-0.5px;}
.vice_list_box .list_box .name {line-height: 25px;margin-bottom:15px;font-size:16px; font-weight: 400; color:#fff;font-family: 'Nanum Gothic', sans-serif;letter-spacing:-0.5px;}
.vice_list_box .list_box .name:last-child {margin-bottom:0;}
@media (max-width:911px) {
    .vice_list_box .list_box {float: none; width:100%; padding:0; margin-bottom: 25px;}
    .vice_list_box .list_box:last-child {margin-bottom: 0px;}
    .vice_list_box .vice_list { padding: 25px 0;}
    .vice_list_box .list_box .name {margin-bottom:25px;}
}


.g_vice_list {padding-top: 50px;}
.g_vice_list .g_vice_box {}
.g_vice_list .g_vice_box .g_box {width:31.333%; background-color:#f1f1f1; position: relative; float: left; text-align: center; padding:25px 0; border:1px solid #dddddd; margin-right: 3%;}
.g_vice_list .g_vice_box .g_box:last-child {margin-right: 0;}

.g_vice_list .g_vice_box div:first-child:after {content: ''; display:block; width:1px; height:25px; background-color:#b1b1b1; position: absolute; top:-26px; left:50%;}
.g_vice_list .g_vice_box div:nth-child(2):after {content: ''; display:block; width:1px; height:50px; background-color:#b1b1b1; position: absolute; top:-51px; left:50%;}
.g_vice_list .g_vice_box div:last-child:after {content: ''; display:block; width:1px; height:25px; background-color:#b1b1b1; position: absolute; top:-26px; left:50%;}

.g_vice_list .g_vice_box .g_box .tit {line-height: 25px;font-size:16px; font-weight: bold; color:#333;font-family: 'Nanum Gothic', sans-serif;letter-spacing:-0.5px;}
.g_vice_list .g_vice_box .g_box .name {line-height: 25px;margin-bottom:15px;font-size:16px; font-weight: 400; color:#333;font-family: 'Nanum Gothic', sans-serif;letter-spacing:-0.5px;}
@media (max-width:991px) {
    .g_vice_list .g_vice_box .g_box:first-child {border-right:1px solid #dddddd;}
    .g_vice_list .g_vice_box .g_box:nth-child(2) {border-top:none; border-bottom:none;}
    .g_vice_list .g_vice_box .g_box:last-child {border-left:1px solid #dddddd;}
    .g_vice_list .g_vice_box .g_box {float: none; width:100%; padding:25px 0; margin-bottom: 0px;}
    .g_vice_list .g_vice_box .g_box .name:last-child {margin-bottom:0;}
    .vice_list_box::after {display: none;}
    .g_vice_list .g_vice_box div:first-child:after {height:50px; top:-51px;}
    .g_vice_list .g_vice_box div:nth-child(2):after {display:none;}
    .g_vice_list .g_vice_box div:last-child:after {display:none;}
}




/* 역대 임원 명단 */
.or_wrap {}
.table_tit {font-size:17.5px; padding-left:12px !important;margin-bottom:20px !important;color:#1e3056; position:relative; font-family: 'Nanum Gothic', sans-serif; font-weight:bold;}
.table_tit:after {display:block; content:''; width:5px; height:5px;  background-color:#b1b1b1; position:absolute; left:0; top:10px; }
.table01 {margin-bottom:40px;}
.table01:last-child {margin-bottom:0px;}
.table01 table {width: 100%; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -0.5px; border-collapse: collapse;border-bottom:1px solid #5d729f}
.table01 table th {background-color:#5d729f;border:1px solid #5d729f; color:#fff; padding:8px 0;font-size:16px; font-weight:bold; text-align: center;}
.table01 table td {color:#333; font-size:14px;border-right:1px solid #ebebeb;text-align: center; padding:8px 8px; border-bottom:1px solid #ebebeb;    word-break: keep-all;}
.table01 table td b {color:#5b729f;}
.table01 table tr:last-child td {border-bottom:none;}
.table01 table tr td:last-child{border-right:none;}
.table01 table tr:last-child td:last-child {border-right:none;}



/* 연혁 */
.his_wrap {}
.his_wrap .his_bg_box {background:url(http://pckworld.net/img/his_bg.jpg) center center no-repeat; background-size: cover;margin-bottom:50px}
.his_wrap .his_bg_box p {font-family: 'Nanum Gothic', sans-serif; color:#fff; font-size:16px; line-height:24px; letter-spacing: -0.5px; text-align: center;word-break: keep-all;padding:75px 70px;}
.his_wrap .his_date_box {}
.his_wrap .last_line {border-bottom:3px solid #f1f1f1; padding-bottom: 30px;margin-bottom: 50px;}
.his_wrap .his_date_box:after {content: ''; display:block; clear:both;}
.his_wrap .his_date_box>div {float:left;}
.his_wrap .his_date_box .year{font-size:33px; font-weight:600; font-family: 'Noto Sans KR', sans-serif;margin-right:6%;line-height:35px;letter-spacing:-1.5px;color: #b1b1b1;}
.his_wrap .his_date_box .year .red {color:#bc4139}
.his_wrap .his_date_box .year .gray {color:#787878}
.his_wrap .his_date_box .v_hidden{visibility: hidden;}
.his_wrap .his_date_box .date_list{}
.his_wrap .his_date_box .date_list:after {content: ''; display:block; clear:both;}
.his_wrap .his_date_box .date_list>div {float:left;}
.his_wrap .his_date_box .date_list .date {width:150px;}
.his_wrap .his_date_box .date_list .date p {font-family: 'Nanum Gothic', sans-serif;font-size:16px; font-weight: bold;color:#b8926f;}
.his_wrap .his_date_box .date_list .contents {}
.his_wrap .his_date_box .date_list .contents p {color:#333; font-size:16px;font-family: 'Nanum Gothic', sans-serif; letter-spacing:-1px;line-height:24px;padding-left:20px; word-break: keep-all;}
.his_wrap .his_date_box .date_list .contents p:first-child {position: relative; }
.his_wrap .his_date_box .date_list .contents p:first-child:after {content: ''; width:5px; height:5px; background-color:#bc4139; position: absolute;lefT:0; top:10px;}
.his_wrap .his_date_box .date_list .contents p:last-child {margin-bottom:20px}

@media (max-width:1024px) {
    .his_wrap .his_date_box .year {margin-right:4%;}
    .his_wrap .his_date_box .date_list .date {width:138px;}
}

@media (max-width:991px) {
    .his_wrap .his_bg_box p {padding:7%;}
    .his_wrap .his_date_box>div {float:none;}
    .his_wrap .his_date_box .year {margin-bottom: 20px;}
    .his_wrap .his_date_box .date_list>div {float:none;}
    .his_wrap .his_date_box .v_hidden {display:none;}
    .his_wrap .his_date_box .date_list .date {width:100%;}
}


/* 회칙 */
.gr_wrap {}
.gr_box {border: 1px solid #f0e2d6; background-color:#f3ebe4;padding:20px 40px; margin-bottom: 40px;}
.gr_box ul {padding:0; margin:0; list-style: none;}
.gr_box ul:after{display:block;content:'';clear:both;}
.gr_box ul li{position: relative;font-family: 'Nanum Gothic', sans-serif;font-size:15px; display: inline-block; color:#a88c7b;padding: 0 21px;letter-spacing: -1px;line-height: 24px;}
.gr_box ul li:nth-child(1), .gr_box ul li:nth-child(5) {padding-left: 0;}
.gr_box ul li::after {font-family:FontAwesome;right:-3px;content:"\f105";display: block; position: absolute; top: 0;font-size: 20px;color:#ceb9ac;font-weight: 100;}
.gr_box ul li:last-child {color:#6d5649; font-weight: 700;}
.gr_box ul li:last-child::after {display: none;}
@media (max-width:1132px) {
    .gr_box ul {text-align: center;}
    .gr_box ul li:nth-child(3) {padding-left: 0;}
    .gr_box ul li:nth-child(5) {padding-left: 21px;}
}
@media (max-width:540px) {
    .gr_box ul {text-align: center;}
    .gr_box ul li{padding-left: 0px;}
    .gr_box ul li:nth-child(5) {padding-left: 0px;}
}

.gr_txt {margin-bottom: 20px;}
.gr_txt:last-child {margin-bottom:0px;}
.gr_txt .gr_tit {color:#1e3056; font-size:16px; font-weight: bold;letter-spacing: -0.7px;font-family: 'Nanum Gothic', sans-serif;line-height: 24px;margin-bottom: 7px;}
.gr_txt .gr_row {word-break: keep-all;  font-size:16px; color:#333333;font-family: 'Nanum Gothic', sans-serif;  letter-spacing: -0.7px; padding-left: 15px; line-height: 24px; position: relative}
.gr_txt .gr_row::after {content: ''; width:5px; height:5px; position: absolute; left:0; top:9px;background-color:#b1b1b1; }
.gr_txt .gr_row_nomal {word-break: keep-all;  font-size:16px; color:#333333;font-family: 'Nanum Gothic', sans-serif;  letter-spacing: -0.7px; padding-left: 15px; line-height: 24px;}
.gr_txt .gr_row_nomal2 {padding:4px 0;word-break: keep-all;  font-size:14px; color:#787878;font-family: 'Nanum Gothic', sans-serif;  letter-spacing: -0.7px; padding-left: 30px; line-height: 23px;}




/* 운영규정 */
.op_wrap {padding:0 20px; margin-bottom:40px}
.op_wrap:last-child { margin-bottom:0px}
.op_title {margin-bottom:23px;color:#bc4139;font-family: 'Nanum Gothic', sans-serif; font-size:18px; font-weight: bold;position: relative;    padding-left: 20px;}
.op_sub_title {color: #d06760;font-size: 16px;display: inline-block;padding-bottom: 15px;font-family: 'Nanum Gothic', sans-serif;font-weight: bold;padding-left: 20px;position: relative;}
.op_sub_title::after {    content: '';top: 6px;width: 10px;height: 10px; /* border-left: 11px solid #bc4139; *//* border-bottom: 12px solid #fff; */display: block;left: 0;content: "";position: absolute;background-color: #d06760;}
.op_title::after { content: '';top: 3px;width: 0px;height: 0px;border-left: 11px solid #bc4139;border-bottom: 12px solid #fff;display: block;left: 0;content: "";position: absolute;}
.op_wrap .op_row {margin-bottom:10px;word-break: keep-all;  font-size:16px; color:#333333;font-family: 'Nanum Gothic', sans-serif;  letter-spacing: -0.7px; padding-left: 15px; line-height: 24px; position: relative}
.op_wrap .op_row::after {content: ''; width:5px; height:5px; position: absolute; left:0; top:9px;background-color:#b1b1b1; }
.op_wrap .op_row_nomal { word-break: keep-all;font-size: 16px;color: #333333;font-family: 'Nanum Gothic', sans-serif;letter-spacing: -0.7px;padding-left: 15px;line-height: 24px;}
.op_wrap .op_row_nomal2 { word-break: keep-all;font-size: 16px;color: #333333;font-family: 'Nanum Gothic', sans-serif;letter-spacing: -0.7px;padding-left: 33px;line-height: 24px;}
.op_wrap .pr {margin-bottom:10px;}


/* 선교저널 */
.journal_items{padding: 60px 0;float: left;font-family: "나눔고딕", sans-serif;}
.journal_items .left{float: left;}
.journal_items .right{float: right;}
.journal_items .journal_item{width: 48%;float: left;}
.journal_items .journal_item:nth-of-type(even){float: right;}
.journal_items .journal_item:nth-of-type(n+3){margin-top: 40px;}
.journal_items .journal_item .top{text-align: center;padding: 36px 0;background-color: #f1f1f1;}
.journal_items .journal_item .title{font-size: 24px; color: #333;font-weight: bold;font-family: "Noto Sans KR", sans-serif;}
.journal_items .journal_item .subTitle{font-size: 14px; color: #787878;letter-spacing: -1.4px;padding-top: 17px;word-break: keep-all;font-weight: bold;}
.journal_items .journal_item .bottom{padding: 21px; display: flex; align-items: center; justify-content: space-between;border: 1px solid #d8d8d8; border-top: 2px solid #787878; min-height: 75px; max-height: 75px;}
.journal_items .journal_item .link{width: 84px; height: 31px; border: 1px solid #d8d8d8;color: #787878; font-size: 15px;text-align: center; line-height: 31px; font-weight: 600;cursor: pointer;}
.journal_items .journal_item .link a{color: #787878;}
.journal_items .journal_item:hover .top{background: #e6dacf;}
.journal_items .journal_item:hover .bottom{border-top: 2px solid #bc4139;}
.journal_items .journal_item:hover .bottom .link{background-color: #bc4139;}
.journal_items .journal_item:hover .bottom .link a{color: #fff;}

@media only screen and (max-width: 991px){
    .journal_items .journal_item:hover .top{background: #f1f1f1}
    .journal_items .journal_item:hover .bottom{border-top: 2px solid #787878;}
    .journal_items .journal_item .bottom .link{background-color: #bc4139;}
    .journal_items .journal_item .bottom .link a{color: #fff}
    .journal_items{padding: 70px 10px;}
}

@media only screen and (max-width: 750px){
    .journal_items .journal_item{width: 100%;}
    .journal_items .journal_item{margin-top: 30px;}
    .journal_items .journal_item:first-child{margin-top: 0;}
}