@charset "UTF-8";

/* 서브페이지 헤더 */
.header{position: absolute; top: 0; left: 0; width: 100%; background:rgba(0, 0, 0, 0.6);}
.header .logo a{width:179px; height:51px;;}
.header .gnb>li>a{color:#fff;}
.header .gnb>li:hover>a{color:#fff;}
.header .gnb ul{background:#002147;}
.header .gnb ul li a{color:#fff; border-color:#002147;}
.header .gnb ul li a:hover{color:#fff; border-color:#fff;}
.header .language{color:#fff; border-color:#fff;}

@media screen and (max-width:1200px){
    .header .logo a {width: 87px; height: 18px; background-size: contain;}
    .header .gnb>li>a{color:#000;}
    .header .gnb>li:hover>a{color:#000;}
    .header .gnb ul{background:#f9f9f9;}
    .header .gnb ul li a{color:#666; border-color:#f9f9f9;}
    .header .gnb ul li a:hover{color:#666; border-color:#f9f9f9;}
    .header .language{color:#002147; border-color:#002147;}
    .header .openGnb{background-position:0 -13px;}
}



/* form - input */
.form_input{padding:5px; border:1px solid #ddd;}
.form_textarea{padding:5px; border:1px solid #ddd;}

/* bullet list */
.bullet_list{color:#666; letter-spacing: -0.03em; line-height:1;}
.bullet_list li:before{content:""; display:inline-block; width:5px; height:5px; margin-right:10px; border-radius:50%; background:#cdab5c; vertical-align: middle;}
.bullet_list li+li{margin-top:20px;}

@media screen and (max-width:767px){
    .bullet_list{font-size:12px;}
    .bullet_list li+li{margin-top:10px;}
}

/* text */
.txt{font-weight:200; color:#666; letter-spacing: -0.03em; line-height:150%;}
.txt strong{font-weight:400; color:#333;}
.txt+.txt{margin-top:30px;}

@media screen and (max-width:767px){
    .txt{font-size:12px;}
    .txt+.txt{margin-top:10px;}
}

/* icon */
.ico_sns{display:inline-block; width:48px; height:48px; border-radius:50%; background-image:url(../img/ico_sns.png); background-repeat:no-repeat; background-size:48px 144px; vertical-align: top; font-size:0; text-indent:-99999px;}
.ico_sns.tw{background-position:0 0;}
.ico_sns.fb{background-position:0 -48px;}
.ico_sns.code{background-position:0 -96px;}

/* button */
.btn_download{display:block; float:right; padding:15px 30px; border:1px solid #002147; color:#002147; line-height:1; background:transparent;}
.btn_download:after{content:""; display:inline-block; width:17px; height:17px; margin-left:20px; background:url(../img/ico_download.png) no-repeat top left; vertical-align: top;}

@media screen and (max-width:767px){
    .ico_sns{width:35px; height:35px; background-size:35px 105px;}
    .ico_sns.tw{background-position:0 0;}
    .ico_sns.fb{background-position:0 -35px;}
    .ico_sns.code{background-position:0 -70px;}

    .btn_download{padding:10px; font-size:12px;}
    .btn_download:after{display:none;}
}

/* 상단 타이틀 영역 */
.pageTit{background:url(../img/bg_pageTitle.jpg) no-repeat top center;}
.pageTit h2{padding:180px 0 120px 0; font-size:40px; color:#fff; font-weight:500; text-align:center; line-height:1;}

.subTit{margin:50px 0 30px; font-size:24px; font-weight:700; color:#333; letter-spacing: -0.03em; line-height:1; font-weight:500;}

@media screen and (max-width:1024px){
    .pageTit{background-size:cover;}
    .pageTit h2{padding:100px 0 50px 0;}
    .subTit{margin:20px 0 10px; font-size:16px;}
}

@media screen and (max-width:767px){
    .pageTit h2{padding:60px 0 30px 0; font-size:20px;}
}

/* top 이동 버튼 */
.gotoTop{display:block; position:absolute; bottom:30px; right:0; width:60px; height:60px; padding-top:15px; border-radius:50%; background:rgba(0,0,0,.5); color:#fff; font-weight:500; font-size:16px; text-align:center; line-height:1; z-index:900;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -ms-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}
.gotoTop:before{content:""; display:block; position:relative; top:0; left:0; width:10px; height:10px; margin:0 auto 0 auto; border:solid #fff; border-width:2px 2px 0 0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.gotoTop:hover:before{
    -webkit-animation-name: slideup; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease;
    animation-name: slideup; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: ease;
}
.gotoTop.fixed{position:fixed; bottom:30px; right:50%; margin-right:-590px;}
.gotoTop.hide{opacity:0;}

/* Standard syntax */
@-webkit-keyframes slideup {
    0% {top:0;}
    to {top:-3px;}
}
@keyframes slideup {
    0% {top:0;}
    100% {top:-3px;}
}

@media screen and (max-width:1180px){
    .gotoTop{right:20px;}
    .gotoTop.fixed{right:20px; margin-right:0;}
    .gotoTop.hide{bottom:-90px;}
}

@media screen and (max-width:767px){
    .gotoTop{bottom:-20px; width:40px; height:40px; padding-top:10px; font-size:12px; font-weight:400;}
    .gotoTop:before{width:8px; height:8px;}    
    .gotoTop.fixed{bottom:10px;}
    .gotoTop.hide{bottom:-50px;}
}

.container{position:relative; width:1180px; margin:0 auto 20px auto; padding:80px 0 100px;}

@media screen and (max-width:1180px){
    .container{width:auto; padding-left:20px; padding-right:20px;}
}

@media screen and (max-width:1024px){
    .container{padding-top:20px; padding-bottom:20px;}
}

/* 프로그램 - 리스트 */
.list_program li+li{margin-top:20px;}
.list_program a{display:block; padding:40px; border:1px solid #ddd; overflow:hidden; color:#333; line-height:1;}
.list_program a .thumb{float:left; position:relative; overflow:hidden;}
.list_program a figure{position:relative; width:380px; height:0; padding-bottom:60%;}
.list_program a figure img{position:absolute; top:0; left:0; width:100%; height:100%;}
.list_program a .txt{position:relative; float:left; width:calc(100% - (381px + 40px)); min-height:228px; margin-left:40px; padding:20px 0;}
.list_program a .txt h3{font-size:30px; font-weight:500;}
.list_program a .txt h3 b{font-weight:500; color:#cdab5c;}
.list_program a .txt .topic{margin-top:30px; font-size:18px; font-weight:200; line-height:150%; color:#333;}
.list_program a .txt .date{position:absolute; bottom:20px; left:0; font-size:14px; color:#999; font-weight:200; letter-spacing: -0.04em; line-height:150%;}
.list_program a:hover{box-shadow: 0 0 5px rgba(0,0,0,.1);}
  
@media screen and (max-width:1024px){
    .list_program a{padding:20px;}
    .list_program a .thumb{width:40%;}
    .list_program a figure{width:100%;}
    .list_program a .txt{width:calc(60% - 20px); min-height:auto; margin-left:20px; padding:5px 0;}
    .list_program a .txt h3{font-size:20px;}
    .list_program a .txt .topic{margin-top:20px; font-size:16px;}
    .list_program a .txt .date{position:relative; bottom:0; margin-top:20px; font-size:14px;}
}

@media screen and (max-width:767px){
    .list_program a{padding:10px;}
    .list_program a .thumb{width:100%;}
    .list_program a .txt{width:100%; margin-top:10px; margin-left:0; padding:0;}
    .list_program a .txt h3{font-size:16px;}
    .list_program a .txt .topic{font-size:12px;}
    .list_program a .txt .date{font-size:12px;}
}

/* 프로그램 - 상세 */
.tit_program{font-size:40px; color:#333; font-weight:700; line-height:1;}
.topic_program{margin-top:30px; font-size:18px; color:#666; font-weight:200; letter-spacing: -0.045em; line-height:150%;}
.videoBox{position: relative; margin-top:45px; padding-bottom: 53.7%; padding-top: 30px; height: 0; overflow: hidden;}
.videoBox iframe, .videoBox object, .videoBox embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoBox .cover{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoBox .cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoBox .cover:after{content:""; display:block; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin:-50px 0 0 -50px; background:url(../img/ico_play.png) no-repeat top left; cursor:pointer;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.videoBox .cover:hover:after{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform:scale(1.15);
}
.video_options{margin-top:30px; overflow: hidden;}
.video_options .snsShare{float:left;}
.video_options .snsShare .ico_sns+.ico_sns{margin-left:5px;}
#program_list figure span{display:block; position:relative; height:0; padding-bottom:60%; border:3px solid #fff;}
#program_list figure span img{position:absolute; top:0; left:0; width:100%; height:100%;}
#program_list figure figcaption{margin-top:15px; font-weight:500; color:#333; letter-spacing:-0.05em; line-height: 150%;}
#program_list .on figure span{border-color:#002147;}
#program_list .owl-prev{position:absolute; top:70px; left:3px; width:39px; height:39px; background:url(../img/btn_carousel.png) no-repeat top left; font-size:0;}
#program_list .owl-next{position:absolute; top:70px; right:3px; width:39px; height:39px; background:url(../img/btn_carousel.png) no-repeat 0 -39px; font-size:0;}
#program_list .owl-dots{margin-top:30px; text-align:center;}
#program_list .owl-dot{display:inline-block; width:10px; height:10px; margin:0 5px; background:#aaa; border-radius:10px;
    -webkit-transition:width 0.3s ease;
    -moz-transition:width 0.3s ease;
    -ms-transition:width 0.3s ease;
    transition:width 0.3s ease;
}
#program_list .owl-dot.active{width:25px; background:#c9a85a;}

@media screen and (max-width:767px){
    .tit_program{font-size:18px;}
    .topic_program{margin-top:20px; font-size:14px;}
    .videoBox{margin-top:20px;}
    .videoBox .cover:after{width:50px; height:50px; margin:-25px 0 0 -25px; background-size:50px 50px;}
    .video_options{margin-top:10px;}
    #program_list figure figcaption{margin-top:5px; font-size:14px; text-align: center;}
    #program_list .owl-prev{display:none;}
    #program_list .owl-next{display:none;}
    #program_list .owl-dots{margin-top:10px;}
}

/* 프로그램 - 상세 - 댓글입력 */
.writeBox{padding:40px; background:#f2f2f2;}
.writeBox label{display:inline-block; width:90px; margin-top:5px; letter-spacing: -0.03em; color:#333; font-weight:500; vertical-align: top;}
.writeBox .form_input{width:300px; color:#666;}
.writeBox .form_textarea{width:calc(100% - 200px); height:100px; color:#666;}
.writeBox .btn_commit_reply{display:block; float:right; width:100px; line-height:100px; background:#cdab5c; color:#fff; font-size:18px; letter-spacing:-0.045em; font-weight:500; text-align:center;}
.writeBox .formBox{overflow:hidden;}
.writeBox .formBox+.formBox{margin-top:20px;}
.writeBox .formBox>span+span{margin-left:50px;}

@media screen and (max-width:1180px){
    .writeBox .form_textarea{width:calc(100% - 200px);}
}

@media screen and (max-width:1024px){
    .writeBox{padding:10px;}
    .writeBox .formBox .unit{display:block;}
    .writeBox .formBox>span+span{margin-top:10px; margin-left:0;}
    .writeBox .formBox+.formBox{margin-top:10px;}
}

@media screen and (max-width:767px){
    .writeBox label{display:block; width:auto; margin-top:0; margin-bottom:5px; font-size:12px;}
    .writeBox .form_input{width:100%; font-size:12px;}
    .writeBox .form_textarea{width:100%; font-size:12px;}
    .writeBox .btn_commit_reply{display:block; float:none; width:100%; margin-top:10px; padding:10px 0; line-height:1; font-size:14px; font-weight:400;}
}

/* 프로그램 - 상세 - 댓글리스트 */
.reply_list{margin-top:50px; border-top:1px solid #ddd;}
.reply_list .reply{position:relative; padding:30px 100px 30px 0; border-bottom:1px solid #ddd;}
.reply_list .reply .writer{margin-bottom:20px; color:#999; font-weight:200;}
.reply_list .reply .writer strong{display:inline-block; margin-right:10px; color:#333; font-weight:500; letter-spacing:-0.03em;}
.reply_list .reply .btn_del{position:absolute; bottom:30px; right:0; padding:5px 10px; border:1px solid #ddd; font-size:14px; letter-spacing:-0.03em; color:#666; line-height:1; font-weight:200;}
.reply_list .reply .btn_del:before{content:""; display:inline-block; width:13px; height:15px; margin-right:5px; background:url(../img/ico_del.png) no-repeat top left; vertical-align: top;}

@media screen and (max-width:1024px){
    .reply_list .reply .btn_del{top:30px; bottom:initial;}
}

@media screen and (max-width:767px){
    .reply_list{margin-top:20px;}
    .reply_list .reply{padding:15px 0;}
    .reply_list .reply .writer{margin-bottom:10px; font-size:12px;}
    .reply_list .reply .btn_del{top:10px; font-size:12px;}
    .reply_list .reply .btn_del:before{width:10px; height:12px; background-size:10px 12px;}
}

.dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:1100;}

/* popup */
.popup{display:none; position:fixed; top:50%; left:50%; width:400px; margin:-136px 0 0 -201px; padding:50px 40px 30px 40px; border:1px solid #0e3570; background:#fff; text-align: center; box-shadow:0 0 10px rgba(0,0,0,.2); z-index:1100;}
.popup p{margin-bottom:30px; font-size:18px; letter-spacing: -0.045em; color:#333; line-height:150%;}
.popup input{width:100%; font-size:14px; text-align: center;}
.popup .btn_confirm{display:block; width:100px; margin:30px auto 0 auto; padding:5px 0; background:#002147; letter-spacing:-0.045em; color:#fff;}
.popup .btn_closePop{display:block; position:absolute; top:20px; right:20px; width:15px; height:15px; background:url(../img/ico_closePop.png) no-repeat top left; background-size:15px 15px; font-size:0; text-indent:-999999px;}

@media screen and (max-width:560px){
    .popup{left:0; width:calc(100% - 40px); margin:-130px 20px 0; padding:30px 20px;}
    .popup p{font-size:14px;}
}

/* paging */
.paging{margin-top:30px; text-align:center;}
.paging a{display:inline-block; margin:0 1px; border: 1px solid #bbb; text-align:center; line-height:1; color: #666; vertical-align:top; font-weight:200;}
.paging a.on{color:#cdab5c; font-weight:500;}
.paging span{display:inline-block; margin-top:2px; overflow:hidden; vertical-align: top;}
.paging span a{float:left; margin:0; padding:0 15px; border:0;}
.paging span a+a{border-left:1px solid #aaa;}
.paging .pagerBtn{width:20px; height:20px; background-position:center center; background-repeat:no-repeat; font-size:0; text-indent:-99999px;}
.paging .btn_paging_first{background-image:url(../img/btnFirst.png);}
.paging .btn_paging_last{background-image:url(../img/btnlast.png);}
.paging .btn_paging_prev{background-image:url(../img/borad_prev.png);}
.paging .btn_paging_next{background-image:url(../img/borad_next.png);}

@media screen and (max-width:767px){
    .paging a{font-size:12px; line-height:12px;}
    .paging .pagerBtn{width:18px; height:18px; background-size:14px 14px;}
}

/* bar */
.bar{width: 1px;height: 11px;background-color: #aaa;content: '';display: inline-block;clear: both; margin: 0 5px;}

/* button */
.btnSt{display:inline-block; min-width:90px; padding:0 10px; text-align:center; font-size:14px; line-height:33px; color:#2b2121; border:1px solid #cdcdcd;}
.btnSt.is-primary{border-color:#002147; background:#002147; color:#fff;}

@media screen and (max-width:767px){
    .btnSt{min-width:70px; line-height:30px; font-size:12px;}
}

.btnArea{margin-top:30px; text-align:right;}
.btnArea .on_left{float:left;}
.btnArea .gap{margin-left:10px;}
.btnArea.is-center{text-align:center;}
.btnArea.is-left{text-align:left;}

/* form - selectbox */
.form_select{display:inline-block; max-width:100%; position:relative;}
.form_select .selector{position:relative; width:100%; height:35px; padding:0 110px 0 20px; font-size:14px; border:1px solid #ccc; background:#fff; vertical-align: top; font-weight:200; color:#666; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.form_select .selector:after{content:""; display:inline-block; position:absolute; top:50%; right:10px; width:12px; height:8px; margin-top:-5px; background:url(../img/ico_dropdown.png) no-repeat top left;}
.form_select .selector.on:after{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.form_select .opts{display:none; position:absolute; top:34px; left:0; min-width:100%; border:1px solid #ccc; background:#fff; z-index:10;}
.form_select .opts li{line-height: 1;}
.form_select .opts button{width:100%; padding:10px 10px 10px 20px; font-size:14px; white-space: nowrap; vertical-align: top;  color:#808080; text-align:left;}
.form_select .opts button:hover{color:#fff; background:#808080;}

/* form - input(text, password) */
.form_input[type="text"],.form_select[type="password"]{height:35px; padding:0 10px; font-size:14px; border:1px solid #ccc; background:#fff; vertical-align: top; color:#808080;}

@media screen and (max-width:767px){
	.form_select .selector{height:32px; padding: 0 30px 0 10px; font-size:12px;}
	.form_select .opts{top:31px;}
	.form_input[type="text"],.form_select[type="password"]{height:32px;}
	.form_select .opts button{padding-left:10px; line-height:150%; font-size:12px;}
}

.uploadFile{position:relative;}
.uploadFile label{position:relative; display:inline-block;}
.uploadFile input[type="file"]{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.uploadFile span{display:inline-block; padding:0 20px; background:#926d49; color:#fff; line-height:35px; font-size:14px; font-weight:200; cursor:pointer; text-align:center;}
.uploadFile .form_input{width:250px; color:#797979;}

@media screen and (max-width:767px){
    .uploadFile label{display:block; margin-top:5px;}
    .uploadFile label span{width:100%; font-size:12px;}
    .uploadFile .form_input{width:100%; color:#797979;}
}

/* form - radio */
.form_radio{display:inline-block; position:relative; margin-right:20px; padding-left:30px; color:#767676; font-weight:200; line-height:20px; cursor:pointer;}
.form_radio .sign{display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; border:1px solid #bfbfbf; border-radius:50%;}
.form_radio input[type="radio"]{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_radio input[type="radio"]:checked+.sign:after{content:""; display:inline-block; position:absolute; top:50%; left:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; background:#990e17;}

/* form - radio */
.form_checkbox{display:inline-block; position:relative; margin-right:20px; padding-left:30px; color:#767676; font-weight:200; line-height:20px; cursor:pointer;}
.form_checkbox .sign{display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; border:1px solid #bfbfbf;}
.form_checkbox input[type="checkbox"]{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.form_checkbox input[type="checkbox"]:checked+.sign:after{content:""; display:inline-block; position:absolute; top:-3px; left:2px; width:20px; height:10px; border:solid #990e17; border-width:0 0 2px 2px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* form - 주소 */
.form_addr{display:block; overflow:hidden;}
.form_addr .btnSt{float:left; border-radius: 0; font-weight:200;}
.form_addr .form_input{float:left; width:calc(100% - 95px); margin-left:5px;}

/* form - 전화번호 */
.form_tel{display:block;}
.form_tel:after{content:""; display:block; clear:both;}
.form_tel .form_select .selector{padding:0 0 0 10px;}
.form_tel .form_select, .form_tel .form_input{float:left; width:calc((100% - 40px) / 3);}
.form_tel .dash{display:block; float:left; width:20px; text-align:center; font-style:normal; color:#e2e2e2; line-height:35px;}

/* form - textarea */
.form_textarea{padding:10px; border:1px solid #dddddd; line-height:150%; font-size:14px; color:#808080;}
.w_full{width: 100%;}

@media screen and (max-width:767px){
	.form_addr .btnSt{float:none; width:100%;}
	.form_addr .form_input{float:none; width:100%; margin-left:0; margin-top:5px;}

	.form_tel{display:block;}
	.form_tel .form_select{width:calc((100% - 10px) / 3);}
	.form_tel .form_input{width:calc((100% - 10px) / 3); margin-left:5px;}
	.form_tel .dash{display:none;}
}

/* 검색 */
.search{margin-bottom:20px;  text-align:right;}
.search .form_select{vertical-align: top;}
.search .keywordBox{display:inline-block; position:relative; border:1px solid #ccc; vertical-align: top;margin-left: 5px; text-align:left;}
.search .keywordBox .form_input{width:240px; height:33px; border:0;}
.search .keywordBox .btn_search{display:block; float:right; width: 33px; height: 33px; background: url(../img/ico_search.png) no-repeat center center; font-size:0; text-indent:-99999px; vertical-align:top;}

@media screen and (max-width:767px){
    .search{display:-webkit-flex; display:-moz-flex; display:-o-flex; display:flex; width:100%;}
    .search .form_select{width:82px;}
    .search .keywordBox{margin-left:5px;}
	.search .keywordBox .form_input{width:calc(100% - 30px); height:30px; font-size:12px;}
	.search .keywordBox .btn_search{width:30px; height:30px; background-size:15px 15px;}
}

/* tab */
.tabBox{margin-bottom:50px; border-top:1px solid #ebebeb; overflow:hidden;}
.tabBox .tab{display:block; float:left; width:100%; padding:15px 0; border:solid #ebebeb; border-width:0 1px 1px 0; font-size:17px; color:#959595; text-align:center; font-weight:200; line-height: 1;}
.tabBox .tab:first-child{border-left-width:1px;}
.tabBox .tab.is-active{background-color:#926d49; color:#fff; border-color:#926d49;}
.tabBox.group2 .tab{width:50%;}
.tabBox.group3 .tab{width:33.3333%}
.tabBox.group4 .tab{width:25%}
.tabBox.group5 .tab{width:20%}
.tabBox.group6 .tab{width:16.6666%}
.tabBox.group7 .tab{width:14.2857%}
.tabBox.group8 .tab{width:12.5%}

@media screen and (max-width:767px){
    .tabBox{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; margin-bottom:35px;}
    .tabBox .tab{padding:10px 0; font-size:14px; line-height:150%;}
    .tabBox.group4 .tab{width:50%;}
    .tabBox.group4 .tab:nth-of-type(2n+1){border-left-width:1px;}
    .tabBox.group5 .tab,
    .tabBox.group6 .tab,
    .tabBox.group7 .tab,
    .tabBox.group8 .tab{width:33.3333%}
    .tabBox.group5 .tab:nth-of-type(3n+1),
    .tabBox.group6 .tab:nth-of-type(3n+1),
    .tabBox.group7 .tab:nth-of-type(3n+1),
    .tabBox.group8 .tab:nth-of-type(3n+1){border-left-width:1px;}
}

/* icon */
.ico_file{display:inline-block; width:14px; height:15px; margin-left:5px; background:url(../img/ico_save.png) no-repeat top left; font-size:0; text-indent:-99999px; vertical-align: middle;}
.ico_secret{display:inline-block; width:14px; height:15px; margin-left:5px; background:url(../img/ico_secret.png) no-repeat top left; font-size:0; text-indent:-99999px; vertical-align: middle;}

.mark{display:inline-block; min-width:65px; padding:0 8px; border:1px solid #000; border-radius:2px; font-size:12px; color:#000; text-align:center; font-style:normal; line-height:20px; vertical-align: middle;}
.mark.mk_normal{border-color:#926d49; background:#fff; color:#926d49; vertical-align: middle;}
.mark.mk_alert{border-color:#990e17; background:#990e17; color:#fff;}
.mark.mk_answer{border-color:#8e8e8e; background:#fff; color:#8e8e8e;}
.mark.mk_ready{border-color:#aaa; background:#aaa; color:#fff; font-size:14px;}
.mark.mk_complete{border-color:#002147; background:#002147; color:#fff; font-size:14px;}

@media screen and (max-width:767px){
    .ico_file{background-image:url(../img/ico_save_m.png); background-size:14px 15px;}
    .mark{font-size:10px; line-height:16px;}
    .mark.mk_ready{margin-right:10px; padding:1px 0; font-size:11px; line-height:1; vertical-align:top;}
    .mark.mk_complete{margin-right:10px; padding:1px 0; font-size:11px; line-height:1; vertical-align:top;}
}

/* path */
.path{border-bottom:1px solid #e6e6e6;}
.path>ul{width:1240px; margin:0 auto;}
.path>ul>li{position:relative; float:left; min-width:110px;}
.path>ul>li+li:before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background:#c5c5c5;}
.path .path_dep{display:block; width:100%; padding:0 50px 0 30px; color:#737373; font-weight:200; font-size:16px; line-height:50px; text-align:left;}
.path .selector:after{content:""; display:block; position:absolute; top:50%; right:20px; width:0; height:0; margin-top:-4px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:8px solid #8c8c8c;}
.path .opts{display:none; position:absolute; top:50px; left:0; min-width:100%; padding:10px 0; border:1px solid #e6e6e6; background:#fff; z-index:1;}
.path .opts a{display:block; padding:5px 30px; font-weight:200; color:#737373; white-space: nowrap; font-size:14px;}
.path .opts a:hover{background:#e6e6e6;}
.path .selector.on:after{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.path .selector.on~.opts{display:block;}

@media screen and (max-width:1240px){
    .path>ul{width:auto;}
}

@media screen and (max-width:767px){
    .path{width:100%;}
	.path>ul>li{width:33.3333%;}
	.path .opts{top:35px;}
    .path .path_dep{padding:0 20px; font-size:14px; line-height:35px;}
    .path .selector{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
    .path .selector:after{right:8px;}
}

/* 아이콘 */
.ico_clip{display: inline-block; width: 14px; height: 14px; margin-left: 5px;background: url(../img/ico_clip.png) no-repeat top left; font-size: 0; text-indent: -99999px;vertical-align: middle;} 
.ico_re{display: inline-block; width: 16px; height: 20px; margin-right: 15px;background: url(../img/ico_re.png) no-repeat top left; font-size: 0; text-indent: -99999px;vertical-align: top;} 


/* 게시판 리스트 */
.board_list{border-top:2px solid #002147;line-height:1; table-layout: fixed;}
.board_list th{padding:15px 0; border-bottom:1px solid #dddddd; background:#f9f9f9; color:#333; font-weight:500;font-size: 16px;letter-spacing: -0.045em;}
.board_list td{padding:15px 0; border-bottom:1px solid #dddddd; background:#fff; color:#666666; text-align:center;font-size: 16px;font-weight: 200;}
.board_list td.tit{text-align:left;padding-left: 37px;letter-spacing: -0.045em;}
.board_list td.tit a{display:inline-block; color:#666666;}
.board_list td.tit .ellipsis{display:inline-block; max-width:calc(100% - 50px);}
.board_list td.writer{letter-spacing: -0.045em;}

@media screen and (max-width:767px){
    .board_list, .board_list thead, .board_list tbody, .board_list tr, .board_list th, .board_list td{display:block;}
    .board_list thead{display:none;}
    .board_list tr{position:relative; padding-bottom:10px; border-bottom:1px solid #e6e6e6; overflow:hidden;}
    .board_list td{border:0;}
	.board_list td.tit{padding-left: 0;}
    .board_list .hide{display:none;}
    .board_list .tit{font-size:14px;}
    .board_list .state{padding:0; border:0; text-align:left;}
    .board_list .state .mark{position:relative; top:8px; left:0;}
    .board_list .writer{float:left; padding:0; opacity:0.7;}
    .board_list .date{float:left; margin-left:10px; padding:0 0 0 10px; border-left:1px solid #e6e6e6; opacity:0.7;font-size: 12px;}
    .board_list td.writer{font-size: 12px;}
    .board_list .answer{float:left; padding:0;}
    .ico_re{width:12px; height:15px; margin-right:10px; background-size:12px 15px;}
}

/* 게시판 상세 */

.board_view .view_tit{border-top: 2px solid #002147;border-bottom: 1px solid #dddddd;padding: 30px;letter-spacing: -0.045em;}
.board_view .view_tit h3{font-size: 24px;font-weight: 500;color: #333; line-height:150%;}
.board_view .view_tit p{display: inline-block; color: #666666; font-size: 18px;font-weight: 500; line-height:1;}
.board_view .view_tit .postInfo{margin-top:10px; overflow:hidden; line-height:1;}
.board_view .view_tit .writer{font-weight: 200;}
.board_view .view_tit .writer strong{font-weight: 500;}
.board_view .view_tit .view_date{float: right;color: #999;font-size: 14px; font-weight:200; line-height:1;}
.board_view .view_tit .view_date span{display:inline-block; line-height:1;}
.board_view .view_tit .view_date span+span{margin-left: 20px;}
.board_view .view_tit .view_date .mark{margin-right: 20px;}
.board_view .view_file{padding:20px 30px;background-color: #f9f9f9;letter-spacing: -0.045em;}
.board_view .view_file span{font-size: 14px;font-weight: 500;color: #333; vertical-align:top;}
.board_view .view_file .file{font-size:14px; font-weight: 200;color: #002147;margin-left: 20px; border-bottom: 1px solid #002147; vertical-align:top;}
.board_view .view_cont {padding: 50px 30px;font-size: 16px;font-weight: 200;color: #666;line-height: 150%;word-break: break-all}
.board_view .view_cont img{max-width: 100%;}
.board_view .bookInfo .view_date{float:none;} /* 2019.08.07 저자정보 삭제 */
.board_view .answer{padding:30px; border:1px solid #ddd; border-width:1px 0 1px; background:#f9f9f9; font-weight:200; color:#666; line-height:150%;}
.board_view .answer .tit_answer{display:block; margin-bottom:20px; font-weight:500; color:#333; line-height:1;}

@media screen and (max-width:767px){
	.board_view .view_tit, .board_view .view_file, .board_view .view_cont{padding: 15px;}
	.board_view .view_tit p, .board_view .view_file p, .board_view .view_cont p,
    .board_view .view_tit span, .board_view .view_file span, .board_view .view_cont span{font-size: 12px;}
    .board_view .view_tit p{margin-top:5px; vertical-align: top;}
    .board_view .view_tit .view_date{margin-top:5px;}
    .board_view .view_tit .view_date span{vertical-align:top;}
    .board_view .view_tit .view_date .mark{min-width:auto; margin-right:10px; padding-left:5px; padding-right:5px;}
	.board_view .view_cont {font-size: 12px;}
	.board_view .view_cont p {margin-top: 15px;}
    .board_view .view_tit h3{font-size: 14px;}
    .board_view .view_file .file{font-size:12px;}
    .board_view .view_tit .writer{display:block;}
    .board_view .view_tit .writer+.view_date{float:none; margin-top:5px;}
    .board_view .answer{padding:15px; font-size:12px;}
    .board_view .answer .tit_answer{margin-bottom:15px;}
}

/* 게시판 등록 */
.board_write{border-top:2px solid #002147;}
.board_write th{padding:20px 30px; border-bottom:1px solid #eeeeee; border-right:1px solid #e6e6e6; background:#f9f9f9; color:#333333; font-weight:500; text-align: left;}
.board_write td{padding:10px 20px; border-bottom:1px solid #eeeeee; color:#333333;}
.board_write .editor{padding:0;}
.board_write .tit .form_input{width:100%;border: 1px solid #dddddd;}
.board_write .tit .h_full{width:50%;}
.board_write .form_textarea{height:300px;}

@media screen and (max-width:767px){
    .board_write col:first-child{width:25% !important;}
    .board_write th{padding:10px;font-size: 12px;}
    .board_write td{padding:10px;font-size: 12px;}
	.board_write .tit .h_full{width: 100%;}
}

/* 게시판 이전다음글 */
.board_nav{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_nav th{padding:20px 0; border-bottom:1px solid #eeeeee; color:#333; font-weight:500;font-size: 14px; line-height:1;}
.board_nav th:after{content:""; display:block; float:right; width:1px; height:12px; background:#aaa;}
.board_nav td{padding:20px 30px; border-bottom:1px solid #eeeeee ; color:#666;font-size: 14px;font-weight: 200;letter-spacing: -0.045em;}
.board_nav td a{color:#7c7c7c;}
.board_nav .prev:before{content:""; display:inline-block;width:5px; height:5px; margin-right:15px; border:solid #333; border-width:1px 1px 0 0; vertical-align: middle;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.board_nav .next:before{content:""; display:inline-block; width:5px; height:5px; margin-right:15px; border:solid #333; border-width:0 1px 1px 0;vertical-align: middle;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

@media screen and (max-width:767px){
    .board_nav colgroup col:nth-of-type(1){width:100px !important;}
    .board_nav th{padding:10px;font-size: 12px;}
    .board_nav td{padding:10px;font-size: 12px;}
    .board_nav .prev:before{width:8px; height:8px; vertical-align: middle;}
    .board_nav .next:before{width:8px; height:8px; vertical-align: middle;}
}

/* 갤러리 게시판 */
.gallery_view{margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dddddd;}
.gallery_view .top{margin-bottom:50px;}
.gallery_view .tit{font-size:40px; color:#333; font-weight:700;}
.gallery_view .date{font-size:18px; color:#666; font-weight:200;margin-top: 30px;display: block;}
.gallery_view .page{margin-top:-50px; font-size:14px; text-align:center; color:#fff; font-weight:400;letter-spacing: -0.03em; display: inline-block;background: rgba(0,0,0,0.8);padding: 7px 10px;border-radius: 50px;position: absolute;left: 50%;transform:translateX(-50%);}
.gallery_view .desc{margin-top:20px; font-size:16px; color:#666;font-weight: 200; line-height:150%;}
.gallery_view img{width:100%;}
.gallery_view .video{position: relative; padding-bottom: 53.85%; padding-top: 30px; height: 0; overflow: hidden;}
.gallery_view .video iframe,
.gallery_view .video object,
.gallery_view .video embed {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}
.gallery_view .bx-has-pager{margin-top:-40px; text-align:center;}
.gallery_view .bx-pager.bx-default-pager{display:inline-block; width:auto; position:relative; bottom:0; margin-top:0; padding:5px 10px; border-radius:20px; font-size:14px; text-align:center; color:#fff; font-weight:400; font-family: 'Noto Serif KR'; background:rgba(0,0,0,.75); line-height:1;}
.gallery_view .bx-wrapper{border:0; box-shadow: none;}
.gallery_view .bx-wrapper .bx-controls-direction a{display:block; width:56px; height:56px; margin-top:-28px; background-repeat:no-repeat; background-position:top left;}
.gallery_view .bx-wrapper .bx-controls-direction .bx-prev{left:0; background-image:url(../img/btnPrev.png);}
.gallery_view .bx-wrapper .bx-controls-direction .bx-next{right:0; background-image:url(../img/btnNext.png);}

.gallery_list{padding:20px 0 0 0;}
.gallery_list li{float:left; width:calc((100% - 60px) / 4); margin-left:20px; margin-top:25px;}
.gallery_list li:nth-child(-n+4){margin-top:0;}
.gallery_list li:nth-of-type(4n+1){margin-left:0;}
.gallery_list li a{display:block;}
.gallery_list li span{display:block; line-height:1;}
.gallery_list li .thumb{position:relative; width:100%; height:0; padding-bottom:100%;}
.gallery_list li .thumb.pd100{padding-bottom:100%;}
.gallery_list li .thumb img{position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery_list li .tit{margin-top:22px; font-size:16px; color:#333;font-weight: 500;}
.gallery_list li .date{margin-top:13px; font-size:14px; color:#999;font-weight: 200;}
.gallery_list li.on .thumb:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #002147;}

@media screen and (max-width:767px){
    .gallery_view{margin-bottom:20px; padding-bottom:20px;}
    .gallery_view .tit{font-size:15px;}
    .gallery_view .top{margin-bottom:20px;}
    .gallery_view .date{display:block; margin-top:5px; margin-left:0; font-size:14px;}
	.gallery_view .page{font-size: 11px;padding: 4px 8px;margin-top: -40px;}
    .gallery_view .desc{margin-top:20px;font-size: 12px;}
    .gallery_view .bx-wrapper .bx-controls-direction a{width:28px; height:28px; margin-top:-14px; background-size:28px 28px;}

    .gallery_list{padding-top:0;}
    .gallery_list li{width:calc((100% - 10px) / 2); margin-top:20px; margin-left:10px;}
    .gallery_list li:nth-child(3),.gallery_list li:nth-child(4){margin-top:20px;}
    .gallery_list li:nth-of-type(2n+1){margin-left:0;}
    .gallery_list li .tit{margin-top:10px; font-size:14px;}
    .gallery_list li .date{margin-top:10px; font-size:12px;}
}

/* 카드뉴스 */
.cardNewsWrap{max-width:720px; margin:0 auto;}

/* 검색결과 */
.searchResult_search{margin-bottom:40px; padding:50px 0; border:1px solid #d9d9d9; background:#f9f4ef; text-align:center;}
.searchResult_search .keywordBox{margin-left:0;}
.searchResult_search .keywordBox .form_input{width:430px; height:50px;}
.searchResult_search .keywordBox a{width:130px; line-height:50px; background:#926d49; font-size:20px; color:#fff;}

.searchResult_total{margin-bottom:90px; text-align:center; font-size:25px; color:#926d49; line-height:150%;}
.searchResult_total strong{display:inline-block; color:#990e17;}

.searchResult{position:relative;}
.searchResult+.searchResult{margin-top:50px;}
.searchResult .boardName{font-size:24px; color:#990e17; letter-spacing: -0.05em;}
.searchResult .boardName span{display:inline-block; margin-left:5px; font-weight:300; color:#636363;}
.searchResult .board_search{table-layout:fixed; margin-top:15px; border-top:1px solid #7e484d;}
.searchResult .board_search td{padding:20px 10px; border-bottom:1px solid #e9e9e9;}
.searchResult .board_search td a{display:inline-block; max-width:calc(100% - 100px); font-size:20px; color:#8e615a; vertical-align: middle;}
.searchResult .board_search td .date{display:inline-block; margin-left:10px; font-size:16px; color:#939393; vertical-align: middle;}
.searchResult .more{display:block; position:absolute; top:0; right:0; padding:0 20px; line-height:35px; background:#990e17; color:#fff; font-size:14px;}
.searchResult .more:after{content:""; display:inline-block; width:8px; height:8px; margin-left:10px; border:solid #fff; border-width:1px 1px 0 0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

@media screen and (max-width:1024px){
    .searchResult_search{margin-bottom:40px; padding:10px; border:1px solid #d9d9d9; background:#f9f4ef; text-align:center;}
    .searchResult_search .keywordBox{width:100%;}
    .searchResult_search .keywordBox .form_input{width:100%; height:35px;}
    .searchResult_search .keywordBox a{width:80px; line-height:35px; font-size:14px; color:#fff;}   

    .searchResult_total{margin-bottom:50px; font-size:18px;}

    .searchResult .boardName{font-size:18px;}
    .searchResult .board_search td{padding:10px;}
    .searchResult .board_search td a{max-width:calc(100% - 70px); font-size:14px;}
    .searchResult .board_search td .date{font-size:12px;}

    .searchResult .more{display:inline-block; margin-top:10px; position:relative; padding:0 10px; line-height:25px; font-size:12px;}
    .searchResult .more:after{margin-left:5px;}
}

/* 도서 리스트 */
.book_list{border-top: 2px solid #002147;}
.book_list a{display:block; padding:30px; border-bottom:1px solid #dddddd; overflow:hidden; color:#333; line-height:1;}
.book_list a .books{float:left; position:relative; overflow:hidden;}
.book_list a .books figure{position:relative; width:130px; height:0; padding-bottom:130.7692%; overflow:hidden;}
.book_list a .books figure img{position:absolute; top:0; left:0; width:100%;}
.book_list a .newsThumb{float:left; position:relative; overflow:hidden;}
.book_list a .newsThumb figure{position:relative; width:130px; height:130px; padding-bottom:60%;}
.book_list a .newsThumb figure img{position:absolute; top:0; left:0; width:100%; height:100%;}
.book_list a .txt{position:relative; float:left; width:calc(100% - (130px + 40px)); margin-left:30px; letter-spacing: -0.045em;}
.book_list a .txt h3{font-size:20px; font-weight:500;color: #333;line-height: 125%;letter-spacing: -0.045em}
.book_list a .txt .date{font-size: 14px;font-weight: 200;color: #999; margin-top: 20px;display: inline-block;} 
.book_list a .txt .writer{font-size: 200px;font-size: 14px;margin-top: 12px;line-height: 150%;letter-spacing: -0.045em;display: inline-block;margin-left: 10px;}
.book_list a .txt .writer strong{font-weight: 500;margin-right: 5px; color:#666;}

.book_list a .txt .writer strong+strong{margin-left: 20px;}
.book_list a .txt .topic{max-height:48px; font-size: 16px;font-weight: 200;color: #666666;margin-top: 20px;line-height: 150%;letter-spacing: -0.045em; overflow:hidden;}

@media screen and (max-width:1024px){
    .book_list a{padding:20px;}
    .book_list a .txt{width:calc(100% - 150px); min-height:auto; margin-left:20px;}
    .book_list a .txt .topic{max-height:42px; margin-top:20px; font-size:16px;}
    .book_list a .txt .topic{position:relative; bottom:0; margin-top:20px; font-size:14px;}
}

@media screen and (max-width:767px){
    .book_list a{padding:10px;}
    .book_list a .books{width:30%;}
    .book_list a .books figure{width:100%;padding-bottom: 0;height: auto;}
    .book_list a .books figure img{position: relative;}
    .book_list a .newsThumb{width:30%;}
    .book_list a .newsThumb figure{width:100%;padding-bottom: 0;height: auto;}
	.book_list a .newsThumb figure img{position: relative;}
	.book_list a .txt{width:calc(100% - 30% - 20px); margin-left: 20px;}
	.book_list a .txt h3{font-size: 14px;}
	.book_list a .txt .date{font-size: 12px;margin-top: 8px;}
	.book_list a .txt .writer{font-size: 12px;margin-top: 6px; line-height:130%;}
	.book_list a .txt .topic{max-height:38px; font-size: 12px;margin-top: 8px;}
}

/* 뉴스 리스트 */
/* .news_list{border-top: 2px solid #002147;}
.news_list a{display:block; padding:30px; border-bottom:1px solid #dddddd; overflow:hidden; color:#333; line-height:1;}
.news_list a .news{float:left; position:relative; overflow:hidden;}
.news_list a figure{position:relative; width:130px; height:130px; padding-bottom:60%;}
.news_list a figure img{position:absolute; top:0; left:0; width:100%; height:100%;}
.news_list a .txt{position:relative; float:left; width:calc(100% - (130px + 40px)); margin-left:40px;}
.news_list a .txt h3{font-size:20px; font-weight:500;color: #333;line-height: 125%;letter-spacing: -0.045em}
.news_list a .txt .date{font-size: 14px;font-weight: 200;color: #999; margin-top: 20px;display: inline-block;} 
.news_list a .txt .writer{font-size: 200px;font-size: 14px;margin-top: 12px;line-height: 150%;letter-spacing: -0.045em;display: inline-block;margin-left: 10px;}

.news_list a .txt .writer strong+strong{margin-left: 20px;}
.news_list a .txt .topic{height:48px; font-size: 16px;font-weight: 200;color: #666666;margin-top: 20px;line-height: 150%;letter-spacing: -0.045em; overflow:hidden;}

@media screen and (max-width:1024px){
    .news_list a{padding:20px;}
    .news_list a .txt{width:calc(100% - 150px); min-height:auto; margin-left:20px; padding:5px 0;}
    .news_list a .txt .topic{margin-top:20px; font-size:16px;}
    .news_list a .txt .topic{position:relative; bottom:0; margin-top:20px; font-size:14px;}
}

@media screen and (max-width:767px){
    .news_list a{padding:10px;}
    .news_list a .news{width:30%;}
    .news_list a figure{width:100%;padding-bottom: 0;height: auto;}
	.news_list a figure img{position: relative;}
	.news_list a .txt{width:calc(70% - 20px); margin-left: 20px; padding:0;}
	.news_list a .txt h3{font-size: 14px;}
	.news_list a .txt .date{font-size: 12px;margin-top: 8px;}
	.news_list a .txt .writer{font-size: 12px;margin-top: 6px;}
	.news_list a .txt .topic{max-height:40px; font-size: 12px;margin-top: 8px;}
} */

/* 게시판 상세*/
.border_left{width:  calc(100% - 300px); margin-right: 20px;float: left;}
.border_right{float: left;width: 280px;}

/* 뉴스 리스트 */
.border_right{padding:30px; background-color: #f9f9f9;}
.side_card+.side_card{margin-top:30px; padding-top: 30px; border-top: 1px solid #ddd;}
.side_card:last-child{border-bottom: 0;}
.side_card  h3{font-size:20px; font-weight:500;color: #333;line-height: 125%;letter-spacing: -0.045em;margin-bottom: 30px;}
.side_card li{position: relative;}
.side_card li+li{margin-top:20px;}
.side_card a{display:block;overflow:hidden; color:#333; line-height:1;}
.side_card a .news{float:left; position:relative; overflow:hidden;}
.side_card a figure{position:relative; width:90px; height:0; padding-bottom:100%; overflow:hidden;}
.side_card a figure img{position:absolute; top:0; left:0; width:100%; height:100%;}
.side_card a .txt{position:relative; float:left;width: calc(100% - (90px + 20px)); margin-left: 20px; margin-top: 10px;}
.side_card a .txt h4{max-height:40px; font-size:16px; font-weight:500;color: #333;line-height: 125%;letter-spacing: -0.045em; overflow:hidden;}
.side_card a .txt .date{font-size: 14px;font-weight: 200;color: #999; margin-top: 15px; line-height:1;} 

@media screen and (max-width:1024px){
	.border_left{width:calc(100% - 160px); margin-right: 10px;}
	.border_right{float:left; width: 150px; padding: 20px;}
	.side_card+.side_card{margin-top:20px; padding-top: 20px;}
	.side_card:first-child{margin-top: 0;}
	.side_card  h3{margin-bottom: 20px;}
	.side_card a .news{float: none}
	.side_card a figure{width: 100%;}
	.side_card a .txt{width: 100%;margin-left: 0;}
}


@media screen and (max-width:767px){
	.border_left{float: none; width: 100%;}
	.border_right{float: none; width:auto; margin-top:20px; overflow:hidden;}

    .side_card h3{font-size:16px;}
    .side_card{float:left; width:calc((100% - 10px) / 2);}
    .side_card:nth-of-type(3){margin-left:10px;}
    .side_card+.side_card{padding-top:0; border-top:0;}
    .side_card h3{margin-bottom:10px;}
    .side_card a .txt h4{max-height:30px; height:30px; font-size:12px;}
    .side_card a .txt .date{margin-top:10px; font-size:12px;}
    .recently{width:100%; padding-bottom:20px; border-bottom:1px solid #ddd;}
    .recently ul{overflow:hidden;}
    .recently li{float:left; width:calc((100% - 10px) / 2);}
    .recently li+li{margin-left:10px; margin-top:0;}
}