/*
html,body,header,footer,section,article,menu,nav {margin:0;padding:0;}
a {color: brown;}
iframe {border:none;}
img, table, iframe {border:0}

.fl {float:left}
.fr {float:right}
.clr {clear:both}
.hidden {display:none}
.inline {display:inline}
.in-block {display:inline-block}

.mt5 {margin-top:5px}
.mr5 {margin-right:5px}
.mb5 {margin-bottom:5px}
.ml5 {margin-left:5px}

.mt10 {margin-top:10px}
.mr10 {margin-right:10px}
.mb10 {margin-bottom:10px}
.ml10 {margin-left:10px}

.mt15 {margin-top:15px}
.mr15 {margin-right:15px}
.mb15 {margin-bottom:15px}
.ml15 {margin-left:15px}

.pt5 {padding-top:5px}
.pr5 {padding-right:5px}
.pb5 {padding-bottom:5px}
.pl5 {padding-left:5px}

.pt10 {padding-top:10px}
.pr10 {padding-right:10px}
.pb10 {padding-bottom:10px}
.pl10 {padding-left:10px}

.pt15 {padding-top:15px}
.pr15 {padding-right:15px}
.pb15 {padding-bottom:15px}
.pl15 {padding-left:15px}

.tooltip{display:inline;position:relative;}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 46px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/* common */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
body{font-size:12px; font-family: '맑은 고딕','Malgun Gothic',"Apple SD Gothic Neo","AppleGothic",'Nanum Gothic',"돋움", Dotum,"굴림",Gulim,Sans-serif; color:#2a2a2a;line-height:160%;}
a, a:link,a:visited{color:#2a2a2a;text-decoration:none;}
a:hover{text-decoration:underline; transition:all 0.2s ease-in 0s;}
ul,ol,li{list-style:none}
address,em{font-style:normal}
table{border-spacing:0px;border-collapse:collapse;}
table,fieldset,th,td,img{border:none}
td{word-break:break-all;}
img,input,select{vertical-align:middle;}
caption{width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
legend{position:absolute;width:0px;height:0px;line-height:0px;visibility:hidden;overflow:hidden}
hr{display:none;}
button{border:0; cursor:pointer; font-family:'Nanum Gothic', sans-serif; border-radius:2px; -webkit-border-radius:2px;}
input, textarea, select{font-family:'Nanum Gothic', sans-serif; border:0; border-radius:2px; -webkit-border-radius:2px; font-family:'Nanum Gothic', sans-serif;}

input[type="checkbox"], input.checkbox {display:inline-block; width:21px; height:21px; vertical-align:top; background:url(../images/check_off.png) no-repeat 0 0; -webkit-appearance:none; background-size:100%; cursor:pointer; margin:0 !important;}
input[type="checkbox"]:checked {display:inline-block; width:21px; height:21px; vertical-align:top; background:url(../images/check_on.png) no-repeat 0 0; background-size:100%; -webkit-appearance:none; cursor:pointer; margin:0 !important;}

/*placeholde 색상*/
::-webkit-input-placeholder { color:#aaa; font-size:14px; line-height:19px; padding-top:2px; letter-spacing:-1px; }
:-moz-placeholder { color:#aaa; font-size:14px; line-height:19px; padding-top:2px letter-spacing:-1px; /* Firefox 18- */}
::-moz-placeholder { color:#aaa; font-size:14px; line-height:19px; padding-top:2px; letter-spacing:-1px; /* Firefox 19+ */}
:-ms-input-placeholder { color:#aaa; font-size:14px; line-height:19px; padding-top:2px; letter-spacing:-1px; }

.f_left{ float:left;}
.f_right{ float:right;}
.txt_ct{text-align:center;}
.clear_bt{ clear:both;}
.hidden{overflow:hidden;}
.color_wit{color:#ffffff;}

header{background:#242424; height:54px;}
header .head{margin:0 auto; width:1060px;}
header h1{padding:14px 15px 0 0;}
header .secTi a{float:left; font-size:20px; font-weight:700; color:#277be5; line-height:54px;}
header nav ul li{float:left; margin-left:2%;}
header nav ul li a{color:#ffffff !important; font-size:16px; line-height:54px;}
header .gnb ul li{float:left; margin-right:0;}
header .gnb ul li a{display:block; padding:0 14px; line-height:53px; border-left:1px solid #3a3a3a;}
header .gnb ul li a:last-child{border-right:1px solid #3a3a3a;}
header .gnb ul li a:hover{background:#ffffff;}

#wrap{max-width:1060px; margin:0 auto;}
#headimgBox {overflow:hidden;}
#headimgBox .leftimgbox{float:left; position:relative; background:#000000; width:61.5%;}
#headimgBox img{opacity:0.8; width:100%;}
#headimgBox img:hover{opacity:10;}
#headimgBox h2{position:absolute; color:#ffffff; bottom:5%; left:5%; right:5%; font-size:2em; line-height:140%;}
#headimgBox .rightimgbox{float:right; position:relative; background:#000000; width:38.5%;}
#headimgBox h3{position:absolute; color:#ffffff; bottom:10%; left:7%; right:5%; font-size:1.6em; line-height:140%;}

.imgBoxct{position:relative; margin:0 auto;}
.leftBt a{background:url(../images/left_arrow_off.png) no-repeat #ffffff 55% 46%; padding:3% 2%; opacity:0.8; position:absolute; top:28%; left:-4.5%;}
.leftBt a:hover{background:url(../images/left_arrow_on.png) no-repeat #ffffff 55% 46%; padding:3% 2%; opacity:0.8; position:absolute; top:28%; left:-4.5%;}
.rightBt a{background:url(../images/right_arrow_off.png) no-repeat #ffffff 55% 46%; padding:3% 2%; opacity:0.8; position:absolute; top:28%; right:-4%;}
.rightBt a:hover{background:url(../images/right_arrow_on.png) no-repeat #ffffff 55% 46%; padding:3% 2%; opacity:0.8; position:absolute; top:28%; right:-4%;}
.picnews{margin:2% 0 1%; overflow:hidden; /* width:1060px; */}
.mgnone{margin-right:0 !important;}
.imgBoxct .bx-wrapper .bx-viewport{height:inherit !important;}
.picnews .inNewsbox{float:left; width:31.6%; margin-right:2.5%;}
.picnews .inNewsbox h4{font-size:1.4em; letter-spacing:-1px; padding:3% 0 2%;}
.picnews .inNewsbox a > img{width:100%;}
.picnews .inNewsbox .linkarrow{text-align:center; padding-top:2%;}
.picnews .inNewsbox .linkarrow a{color:#1566cb; background:url(../images/view_link.png) no-repeat right; padding-right:20px;}
.picnews .inNewsbox .linkarrow a > img{display:none;/* width:4% !important; padding:0 0 1% 1%; */}
.Adbanner{background:#eeeeee; text-align:center; padding:5% 0;}

.videoBox{width:23%; float:left; margin-right:2.5%;}
.videoBox .thuma{position:relative; background:#000000;}
.videoBox .thuma img{opacity:0.9;}
.videoBox .thuma img:hover{opacity:10;}
.videoBox .thuma img{width:100%;}
.videoBox .thuma .playbt img{width:24%; position:absolute; top:32%; left:37%;}
.sameTitle{color:#1566cb; font-size:1.4em; font-weight:700; margin:2% 0 0;}
.videoBox > p{font-size:1.2em; padding-top:1%;}

.cardNews{width:17.9%; float:left; margin-right:2.5%;}
.cardNews > p{font-size:1.2em; padding-top:1%;}
.cardNews img{width:100%;}

/* Menu more box */
.menumore{    background: #f5f5f5; width: 1018px; border: 1px solid #dedede;  /* overflow: hidden; */  margin: 0 auto;  padding: 0 0 30px 40px;  position: absolute;z-index:99999;}
.menumore .onebox{width:135px; float:left;}
.menumore .onebox .Menu{padding:25px 0 7px; font-size:1.2em;}


@media only screen and (max-width:1160px){
header .head{width:100%;}
header h1{padding:14px 15px 0 20px;}
}
/* @media only screen and (max-width:1160px){
.leftBt a{left:0;}
.leftBt a:hover{left:0;}
.rightBt a{right:0;}
.rightBt a:hover{right:0;}
} */
@media only screen and (max-width:1060px){
.picnews{width:100%;}
}
@media only screen and (max-width: 800px){
header .secTi a{float:none;}
header .gnb{position:absolute; top:0; right:0;}
 nav{background:#333333; width:100%; height:53px; overflow:inherit;}
 #headimgBox{overflow:inherit;}
 .leftBt{display:none;}
 .rightBt{display:none;}
 .picnews .inNewsbox{margin-top:3%;}
 .resBoxhid{display:none;}
#bigboxmore{margin:-30% 0 1%;}
#wrap{width:100%;}
#div-gpt-ad-1449838039546-0{width:100% !important;}
}
@media only screen and (max-width: 600px){
#headimgBox .leftimgbox{overflow:hidden; width:100%; float:none;}
#headimgBox .rightimgbox{float:none; width:100%;}
#headimgBox .rightimgbox .twobox{float:left; width:50%;}
.videoBox{width:7% !important;}
.videoBox > p{padding-bottom:5%;}
.disnone{display:none !important;}
.videoBox > p{height:37px;}
.picnews{width:98%;}
.pd_resleft{padding-left:2%;}
#bigboxmore{margin:-30% 0 1%;}
#wrap{width:100%;}
#div-gpt-ad-1449838039546-0{width:100% !important;}
}
@media only screen and (max-width: 464px){
#headimgBox .rightimgbox{float:none; width:100%;}
#headimgBox {position:relative; top:-55px;}
#bigboxmore{margin:-30% 0 1%;}
#wrap{width:100% !important;}
.picnews .inNewsbox h4{font-size:1.2em; padding-bottom:3px;}
}
@media only screen and (max-width: 400px){
#headimgBox .rightimgbox{float:none; width:100%;}
header h1{padding:14px 15px 0 2%;}
header nav ul li a{font-size:1.2em;}
.cardNews{width:1% !important; line-height:120%;}
.cardNews > p{height:50px;}
#bigboxmore{margin:-30% 0 1%;}
#wrap{width:100%;}
#div-gpt-ad-1449838039546-0{width:100% !important;}
.picnews .inNewsbox span{line-height:120%;}
}


footer {border-top:3px solid #2e2e2e; background:#ffffff; display:block; width:100%; overflow: hidden; width:1060px font-size:11px; color:#999999; margin:3% auto;}
footer .wrapper {padding:25px 0; margin:0 auto; width:1060px;}
footer .ft-menu {margin-bottom:20px; font-size:13px; font-weight:bold;}
footer .ft-menu a {color:#283e6f;}
footer .ft-logo {float:right;}
footer .ft-logo a {width:135px; height:32px; display:block; background:url(http://i3.christiandaily.co.kr/www/img/new/ft-logo.png) 0 0 no-repeat;}
footer .ft-logo span {display:none;}
footer .copyright {text-align:right; clear:both;}
footer .fl {width:175px; padding-top:3px;}
footer .fr {width:810px; font-size:12px; letter-spacing:0;}
	
.breadcrumb {text-align:right; color:#777777; font-size:11px; line-height:20px; padding:8px 0;}
.breadcrumb a {color:#4476ba; text-decoration:underline;}

.votenav{background:#eeeeee; padding:10px; overflow:hidden;}
.votenav ul li{float:left; padding-right:14px; font-size:1.2em;}
.votenav ul li a{color:#222222;}
.votenav ul li a:hover{color:#222222; background:none;}