@charset "UTF-8";
@import url(https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.css);

/**
 * reset
 */

*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}
*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}
html{font-size:62.5%}
html,body{height:100%}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{/* background-color: antiquewhite; */word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/* background: rgb(255,255,255); *//* background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,235,216,1) 50%, rgba(255,255,255,1) 100%); */}
body,p,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,iframe{padding:0;margin:0}
body,th,td,input,select,textarea,button{color:#333;font-size:1.6rem;line-height:1;font-family:'NanumSquareRound','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;letter-spacing:-.05rem}
img,fieldset,iframe,button{border:0}
img,iframe{vertical-align:top}
dl,ul,ol,li{list-style:none}
i,em,address{font-style:normal}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{outline:0;-webkit-border-radius:0;border-radius:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}
button{background-color:transparent;line-height:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::placeholder{color:#999;opacity:1}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;empty-cells:show}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blind{overflow:hidden;position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px}

/**
 * layout
 */

#header{position:relative;z-index:100;}
#header.fixed{position:fixed;top:0;right:0;left:0;z-index:9001;background-color: #fff;}
#header.fixed .logo{display:none}
#header.fixed .today_weather{top:1.1rem;right:4.2rem;padding-right:1.5rem;line-height:1.2}
#header.fixed .today_weather:after{display:block;position:absolute;top:50%;right:0;width:1px;height:1.6rem;margin-top:-.2rem;background-color:#d0d0d0;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#header.fixed .today_weather .txt{display:inline-block;margin-right:1rem;font-size:1.4rem;vertical-align:middle}
#header.fixed .today_weather .current{display:inline-block;font-size:2.4rem;vertical-align:middle}
#header.fixed .today_weather .state{display:none;font-size:1.1rem;vertical-align:middle}
#header.fixed .btn_srch,#header.fixed .head_search .btn_srch_close{display:block}
#header.fixed .head_search{display:none;padding-right:4.2rem}
#header .inner{position:relative;/* width:108rem; */margin:0 auto}
#header .inner:after{display:block;clear:both;content:''}
#header .logo{text-align:center}
#header .logo a{display:inline-block;overflow:hidden;vertical-align:top}
#header .logo img{width:auto;height: 14.0rem;margin: 1.5rem;}
#header .btn_srch{display:none;position:absolute;top:.9rem;right:.6rem;width:3rem;height:3rem}
#header .btn_srch:after{display:block;position:absolute;top:50%;left:50%;width:3rem;height:3rem;background:url(../images/ico/ico_search.png) 0 0 no-repeat;-webkit-background-size:6rem auto;background-size:6rem auto;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#header .srch_tit{display:none;position:absolute;top:1.6rem;right:4.6rem;color: #000;font-size: .9rem;line-height:3rem;letter-spacing:2px;text-align:right}
.head_bn{position:absolute;top:3.5rem;left:0}
.head_bn a{display:block}
.head_bn img{width:auto;height:11rem}
.gnb{position:absolute;right:4.4rem;bottom:1.2rem;padding-right:2rem}
.gnb:after{display:block;position:absolute;top:50%;right:0;width:1px;height:1.6rem;background-color:#d0d0d0;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.gnb .country,.gnb .date{float:left;color:#808080;font-size:1.2rem;line-height:2rem}
.gnb .country{margin-left:1.2rem;color:#010101;font-weight:800;font-size:1.4rem}
.gnb .country em{color:#b34331}
.gnb .date{letter-spacing:0}
.report_svc{position:absolute;top:1.4rem;right:0}
.report_svc li{float:left;margin-left:2rem}
.report_svc li:first-child{margin-left:0}
.report_svc li a{display:block;color:#333;font-size:1.4rem;line-height:2rem}
.today_weather{position:absolute;top: 4.0rem;right: 2rem;line-height:1.3;text-align: right;}
.today_weather .txt{display:block;padding-left:.5rem;color:#000;font-size: 1.2rem;}
.today_weather .current{display:block;color:#010101;font-weight:800;font-size: 2.6rem;}
.today_weather .state{display:block;padding-left:.5rem;color:#808080;font-weight:700;font-size: 1.2rem;}
.nav{background-color: #3a322c;}
.nav ul{padding: 1.7rem 0 1.6rem;font-size:0;width: 109rem;margin: auto;}
.nav li{display:inline-block;vertical-align:top}
.nav li a{display:block;position:relative;padding: 0 1.2rem;margin:0 .2rem;color: #fff;font-weight: 600;font-size: 1.8rem;line-height:2.8rem;text-decoration:none}
.nav li a:hover,.nav li.on a{color: #3a322c;-webkit-border-radius:9px;border-radius: 0.0rem;background-color: #ffba00;}
.nav li.view_all a{margin-right:3rem}
.nav li.view_all a:after{display:block;position:absolute;top:50%;right:-1.4rem;width:1px;height:1.6rem;background-color:#d0d0d0;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.nav li.view_all a:hover,.nav li.view_all.on a{color:#fff;background-color:#ffba00;}



.nav .ico_menu{display:inline-block;position:relative;width:2.2rem;height:2.8rem;margin:0 .8rem 0 -.9rem;vertical-align:top}
.nav .ico_menu:before,.nav .ico_menu:after{display:block;position:absolute;top:50%;left:50%;width:1.6rem;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.nav .ico_menu:before{height:1.2rem;border: 2px solid #fff;border-width:2px 0}
.nav .ico_menu:after{height:2px;background-color: #fff;}
.head_search{position: absolute;right: 3rem;bottom: 1.6rem;z-index:1;width:30rem;}
.head_search .box_search{position:relative;height: 3.0rem;padding:0 5rem 0 1.5rem;/* border: 1px solid #5c58a6; */border-radius: 2rem;background-color: #fff;}
.head_search .tf_keyword{width:100%;height:2.2rem;padding:0;border:0;margin-top: .35rem;background-color:transparent;color:#000;font-weight:700;font-size:1.4rem;line-height:2.2rem;vertical-align:top}
.head_search .tf_keyword::-ms-clear{display:none}
.head_search .btn_search{display:block;position:absolute;top:0;right:0;z-index:2;width:3.8rem;height:3.2rem}
.head_search .btn_search:after{display:block;position:absolute;top:50%;left:50%;width:3rem;height: 3.6rem;background:url(../images/ico/ico_search.png) 0 0 no-repeat;-webkit-background-size:6rem auto;background-size:6rem auto;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.head_search .btn_del_txt{display:none;position:absolute;top:50%;right:.8rem;z-index:2;width:3rem;height:3rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.head_search .btn_del_txt:before,.head_search .btn_del_txt:after{display:block;position:absolute;top:50%;left:50%;width:1.3rem;height:2px;background-color:#999;content:'';-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}
.head_search .btn_del_txt:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.head_search .tf_keyword:placeholder-shown+.btn_del_txt{display:none}
.head_search .btn_srch_back{display:none;position:absolute;top:50%;left:.5rem;z-index:2;width:3rem;height:3rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.head_search .btn_srch_back:after{display:block;position:absolute;top:50%;left:50%;width:1rem;height:1rem;border:2px solid #999;border-width:0 2px 2px 0;content:'';-webkit-transform:translate(-20%,-50%) rotate(135deg);transform:translate(-20%,-50%) rotate(135deg)}
.head_search .btn_srch_close{display:none;position:absolute;top:.2rem;right:.6rem;width:3rem;height:3rem}
.head_search .btn_srch_close:before,.head_search .btn_srch_close:after{display:block;position:absolute;top:50%;left:50%;width:1.4rem;height:1px;background-color:#010101;content:'';-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}
.head_search .btn_srch_close:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
@media all and (min-width:641px){
    .head_search.on{display:block !important}
}
#container { background-color: #fff }
#container .inner{width:108rem;/* padding-top:4rem; */margin:0 auto}
#container .inner:after{display:block;clear:both;content:''}
#container.main .inner{padding-top:0}
.content{float:left;width:74rem;padding-top: 3rem;padding-right: 2rem;}
.aside{float:right;width: 34rem;border-left: 1px solid #e3e3e3;padding-left: 2rem;padding-top: 3rem;}
#footer{color: #fff;font-size: 1.4rem;line-height: 3.8rem;background-color: #3a322c;}
#footer .inner{position:relative;width:108rem;padding:2.3rem 0 3.2rem;margin:0 auto}
#footer .foot_logo{overflow:hidden;position:absolute;top:3rem;left:0}
#footer .foot_logo img{width:auto;height:11.8rem;margin:0 -4.9rem}
#footer .info_corp ul{font-size:0}
#footer .info_corp li{display:inline-block;margin-right:1.6rem;vertical-align:top}
#footer .info_corp li:last-child{margin-right:0}
#footer .info_corp li a{display:block;font-weight:700;font-size: 1.6rem;/* line-height:2.2rem; */}
#footer address{margin-top:1.2rem;line-height:1.8rem}
#footer address span{display:inline;margin-right:.5rem}
#footer .copyright,#footer .info{letter-spacing:0}
#footer .copyright{position:absolute;top:5rem;right:0}
#footer .info{margin-top:2rem}
#header,#container,#footer{min-width:118rem;}


/**
*  main banner
*/

.main_banner{margin-bottom: 0;}
.main_banner input[id*=slide]{display:none}
.main_banner .slidelist{overflow:hidden;position:relative;font-size:0;white-space:nowrap}
.main_banner .slidelist>li{display:inline-block;overflow:hidden;position:relative;width:100%;height:50rem;vertical-align:middle;transition:all .5s}
.main_banner .slidelist>li:before{display:block;position:absolute;right:0;bottom:0;left:0;z-index:1;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.3)));background-image:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.3));content:'';pointer-events:none}
.main_banner .slidelist>li>a{display:block}
.main_banner .slidelist>li>a img{min-height:50rem;width:100%;object-fit:cover;object-position:top}
.main_banner .slidelist label{position:absolute;top: 54%;z-index:10;padding: 3.8rem;cursor:pointer;transform:translateY(-50%)}
.main_banner .slidelist .textbox{position:absolute;top:55%;left:50%;z-index:2;width:71rem;height:22rem;white-space:normal;transform:translate(-50%,-50%)}
.main_banner .slidelist .textbox h2{display:inline-block;padding-bottom:1rem;border-bottom:2px solid #fff;color:#fff;font-size:1.4rem;line-height:1.3}
.main_banner .slidelist .textbox h3{display:block;display:-webkit-box;overflow:hidden;height:4.2rem;padding:0 1.5rem;margin:2rem -1.5rem 1rem;/* background-color:rgba(0,0,0,0.7); */color:#fff;font-size: 4rem;line-height:4.2rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;transform:translateY(3rem);transition:all .5s;}
.main_banner .slidelist .textbox p{display:block;display:-webkit-box;overflow:hidden;max-height:7.2rem;color:#fff;font-size:1.6rem;line-height:2.4rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;opacity:0;transform:translateY(3rem);transition:all .5s}
.main_banner .slidelist .textbox span{display:inline-block;margin-top:2rem;color:#fff;font-size:1.4rem;line-height:1.3;vertical-align:top;opacity:0;transform:translateY(3rem);transition:all .5s}
/* input에 체크되면 슬라이드 효과 */
.main_banner input[id=slide01]:checked~.slidewrap .slidelist>li{transform:translateX(0%)}
.main_banner input[id=slide02]:checked~.slidewrap .slidelist>li{transform:translateX(-100%)}
.main_banner input[id=slide03]:checked~.slidewrap .slidelist>li{transform:translateX(-200%)}
.main_banner input[id=slide04]:checked~.slidewrap .slidelist>li{transform:translateX(-300%)}
/* input에 체크되면 텍스트 효과 */
.main_banner input[id=slide01]:checked~.slidewrap li:nth-child(1) .textbox h3,
.main_banner input[id=slide02]:checked~.slidewrap li:nth-child(2) .textbox h3,
.main_banner input[id=slide03]:checked~.slidewrap li:nth-child(3) .textbox h3,
.main_banner input[id=slide04]:checked~.slidewrap li:nth-child(4) .textbox h3{opacity:1;transform:translateY(0);transition-delay:.2s}
.main_banner input[id=slide01]:checked~.slidewrap li:nth-child(1) .textbox p,
.main_banner input[id=slide02]:checked~.slidewrap li:nth-child(2) .textbox p,
.main_banner input[id=slide03]:checked~.slidewrap li:nth-child(3) .textbox p,
.main_banner input[id=slide04]:checked~.slidewrap li:nth-child(4) .textbox p,
.main_banner input[id=slide01]:checked~.slidewrap li:nth-child(1) .textbox span,
.main_banner input[id=slide02]:checked~.slidewrap li:nth-child(2) .textbox span,
.main_banner input[id=slide03]:checked~.slidewrap li:nth-child(3) .textbox span,
.main_banner input[id=slide04]:checked~.slidewrap li:nth-child(4) .textbox span{opacity:1;transform:translateY(0);transition-delay:.4s}
/* 좌,우 슬라이드 버튼 */
.slide-control>div{display:none}
.main_banner .left{left: 0rem;background:url(../images/ico/left.png) center center / 100% no-repeat}
.main_banner .right{right: 0rem;background:url(../images/ico/right.png) center center / 100% no-repeat}
.main_banner input[id=slide01]:checked~.slidewrap .slide-control>div:nth-child(1),
.main_banner input[id=slide02]:checked~.slidewrap .slide-control>div:nth-child(2),
.main_banner input[id=slide03]:checked~.slidewrap .slide-control>div:nth-child(3),
.main_banner input[id=slide04]:checked~.slidewrap .slide-control>div:nth-child(4){display:block}
/* 페이징 */
.slide-pagelist{display:table;position:relative;width:100%;table-layout:fixed;border-bottom: 3px solid #e3e3e3;border-left: 1px solid #e3e3e3;}
.slide-pagelist>li{display:table-cell;vertical-align:top}
.slide-pagelist>li>label{display:block;padding:2.5rem 2rem;border-bottom:1px solid #e3e3e3;border-right: 1px solid #e3e3e3;background-color:#fff;cursor:pointer}
.slide-pagelist>li>label h3{display:block;display:-webkit-box;overflow:hidden;height:4.2rem;color:#333;font-size:1.6rem;line-height:2.1rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.slide-pagelist>li>label span{display:block;margin-top:2rem;color:#666;font-size:1.4rem;line-height:1.3}
.main_banner input[id=slide01]:checked~.slidewrap .slide-pagelist>li:nth-child(1)>label,
.main_banner input[id=slide02]:checked~.slidewrap .slide-pagelist>li:nth-child(2)>label,
.main_banner input[id=slide03]:checked~.slidewrap .slide-pagelist>li:nth-child(3)>label,
.main_banner input[id=slide04]:checked~.slidewrap .slide-pagelist>li:nth-child(4)>label{border-bottom: 1px solid #3a322c;background-color: #3a322c;}
.main_banner input[id=slide01]:checked~.slidewrap .slide-pagelist>li:nth-child(1)>label h3,
.main_banner input[id=slide02]:checked~.slidewrap .slide-pagelist>li:nth-child(2)>label h3,
.main_banner input[id=slide03]:checked~.slidewrap .slide-pagelist>li:nth-child(3)>label h3,
.main_banner input[id=slide04]:checked~.slidewrap .slide-pagelist>li:nth-child(4)>label h3,
.main_banner input[id=slide01]:checked~.slidewrap .slide-pagelist>li:nth-child(1)>label span,
.main_banner input[id=slide02]:checked~.slidewrap .slide-pagelist>li:nth-child(2)>label span,
.main_banner input[id=slide03]:checked~.slidewrap .slide-pagelist>li:nth-child(3)>label span,
.main_banner input[id=slide04]:checked~.slidewrap .slide-pagelist>li:nth-child(4)>label span{color:#fff}


/**
 *  content
 */

/* list_headline_img_06 */
.list_headline_img_06{margin-bottom:4rem}
.list_headline_img_06 h3{position:relative;padding-bottom:2rem;color:#333;font-size:2.4rem;line-height:1.3}
.list_headline_img_06 .item_thumb li{margin-bottom:3.5rem}
.list_headline_img_06 .item_thumb li a{display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-decoration:none}
.list_headline_img_06 .thumb{overflow:hidden;position:relative;width: 24rem;height: 14rem;margin-right:3.2rem;background:#ebebeburl(../images/common/default_clip.png) 50% 50% no-repeat}
.list_headline_img_06 .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.list_headline_img_06 .thumb img{min-height:100%;width:100%;height:auto;object-fit:cover;-webkit-transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);image-rendering:-webkit-optimize-contrast}
.list_headline_img_06 .thumb:hover img{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.05);transform:scale(1.05)}
.list_headline_img_06 .info{overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right: 5rem;}
.list_headline_img_06 .tit{-webkit-flex-basis:100%;flex-basis:100%;display:block;display:-webkit-box;overflow:hidden;max-height:2.6rem;margin-bottom:1.5rem;color:#000;font-size: 2.4rem;line-height:2.6rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.list_headline_img_06 .tit:hover{text-decoration:underline}
.list_headline_img_06 .lede{display:block;display:-webkit-box;overflow:hidden;max-height: 15.0rem;color: #000;font-size: 1.6rem;line-height: 3.2rem;text-overflow:ellipsis;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.list_headline_img_06 .relate_news li{padding:1.5rem 0}
.list_headline_img_06 .relate_news li a{display:block;overflow:hidden;color:#000;font-weight: 400;font-size: 2.0rem;line-height:2.6rem;text-overflow:ellipsis;white-space:nowrap}
.list_headline_img_06 .relate_news li em{color:#007cff}

/* list_headline_01 */
.list_headline_01{margin-bottom:4rem}
.list_headline_01 li{padding: 1.5rem 0;border-bottom: 1px solid #e3e3e3;}
.list_headline_01 li:first-child{padding-top:0}
.list_headline_01 li a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-decoration:none}
.list_headline_01 .thumb{overflow:hidden;position:relative;width: 28rem;height: 14.2rem;margin-right:3rem;background:#ebebeb url(../images/common/default_clip.png) 50% 50% no-repeat}
.list_headline_01 .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.list_headline_01 .thumb img{min-height:100%;width:100%;height:auto;object-fit:cover;-webkit-transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);image-rendering:-webkit-optimize-contrast}
.list_headline_01 .thumb:hover img{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.05);transform:scale(1.05)}
.list_headline_01 .info{overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.list_headline_01 .press{display: inline-block;margin-bottom:1rem;color: #fff;background-color: #5c58a6;font-weight:700;font-size:1.4rem;padding: 0.2rem 0.8rem;}
.list_headline_01 .tit{display:block;display:-webkit-box;overflow:hidden;max-height:3rem;color:#333;font-size:1.8rem;line-height:3rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.list_headline_01 .tit:hover{text-decoration:underline}
.list_headline_01 .lede{display:block;display:-webkit-box;overflow:hidden;max-height:4.8rem;margin-top:.8rem;color: #333;font-size:1.4rem;line-height:2.4rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.list_headline_01 .meta{margin-top:.7rem}
.list_headline_01 .date,.list_headline_01 .byline{display:inline-block;color: #333;font-size:1.4rem;line-height:1.3;vertical-align:top}
.list_headline_01 .date+.byline{margin-left:1rem}


    
/* list_headline_img_05 */
.list_headline_img_05 {
    margin-bottom: 3rem
}

.list_headline_img_05 h3 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    position: relative;
    max-width: 100%;
    padding-bottom: 2rem;
    color: #333;
    font-size: 2.4rem;
    line-height: 1.3
}

.list_headline_img_05>ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 0
}

.list_headline_img_05>ul>li:first-child {
    padding-top: 0
}

.list_headline_img_05>ul>li:last-child {
    padding-bottom: 0
}

.list_headline_img_05>ul>li+li {
    border-top: 1px solid #e3e3e3;
}

.list_headline_img_05 .item_thumb {
    width: 22rem;
    margin-right: 3rem
}

.list_headline_img_05 .item_thumb a {
    display: block
}

.list_headline_img_05 .item_thumb a:hover .thumb img {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.list_headline_img_05 .thumb {
    overflow: hidden;
    position: relative;
    height: 14rem;
    background: #ebebeb url(../images/common/default_clip.png) 50% 50% no-repeat
}

.list_headline_img_05 .thumb:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.05);
    content: '';
    pointer-events: none
}

.list_headline_img_05 .thumb img {
    min-height: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    image-rendering: -webkit-optimize-contrast
}

.list_headline_img_05 .info {
    padding: 1rem 0
}

.list_headline_img_05 .tit {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 1.8rem;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.list_headline_img_05 .relate_news {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.list_headline_img_05 .relate_news li+li {
    margin-top: 1.5rem
}

.list_headline_img_05 .relate_news li a {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    color: #000;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}


/* list_vod */
.list_vod{overflow:hidden;margin-bottom:4rem}
.list_vod h3{position:relative;padding-bottom:2rem;color:#000;font-size:2.4rem;line-height:1.3}
.list_vod ul{display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;margin:0 -1rem}
.list_vod li{width:33.33333%;padding:0 1rem 1.2rem}
.list_vod li a{display:block}
.list_vod .thumb_wrap{overflow:hidden;position:relative;padding-bottom:58.42%;background:#000 url(../images/common/default_clip.png) 50% 50% no-repeat}
.list_vod .thumb_wrap:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.list_vod .thumb_wrap img{position:absolute;top:50%;left:0;width:100%;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.list_vod .info{padding:1rem 0}
.list_vod .tit{display:block;display:-webkit-box;overflow:hidden;max-height: 4.4rem;color:#333;font-size: 1.6rem;line-height: 2rem;font-weight: 400;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* news_view */
.news_view{margin-bottom:6rem}
.view_head{position:relative;padding: 1rem 3rem 0;}
.view_head:after{display:block;clear:both;content:''}
.view_head .press{display:block;margin-bottom:2rem;color:#333;font-weight:700;font-size:1.8rem;line-height:1.5}
.view_head .tit{color:#000;font-size:3.6rem;line-height:4.8rem;padding: 0 0 0 2rem;border-left: 16px solid #3a322c;}
.view_head .byline{margin-top:2rem;color: #fff;font-size:1.4rem;line-height:1.3;text-align:right}
.view_head .name,.view_head .email,.view_head .date{display:inline-block;vertical-align:top}
.view_head .name{padding-right:1rem;font-weight:400}
.view_head .email{letter-spacing:0}
.view_head .date{color: #000;letter-spacing:0}
.news_content{padding:2.5rem;color:#333;font-size:1.7rem;line-height:3rem}
.news_content img{display:block;max-width:100%;}
.news_content .img_caption{padding:1rem 0;color: #666;font-size:1.2rem;line-height:1.3;text-align:center}
.news_writer{padding-top:2rem;border-top: 1px solid #999;line-height:1.3}
.news_writer .byline{color:#000;font-size:1.2rem;text-align:right}
.news_writer .name{display:inline-block;font-weight:400;vertical-align:middle}
.news_writer .email{display:inline-block;padding-left:1rem;letter-spacing:0;vertical-align:middle}
.news_writer .copyright{margin-top:1rem;color:#808080;font-size:1.3rem}

/* 광고배너 */
.ad_vert_wide{clear:both;position:relative;margin-bottom:4rem}
.ad_vert_wide a{display:inline-block;position:relative;vertical-align:top}
.ad_vert_wide img{max-width:100%;}
.ad_vert{position:relative;margin-bottom:4rem}
.ad_vert a{display:block}
.ad_vert a img{width:100%;height:auto}
[class*=list_news] .ad_vert_wide{margin-top:2rem;margin-bottom:2rem}
[class*=list_news] ul .ad_vert_wide{margin-right:0;margin-left:0}
.banner_ad{position:absolute;top:2px;right:2px; height: 16px; z-index:1;cursor:pointer}

/* wing banner */
.wing_lft{position:fixed;top:27.3rem;left:50%;z-index:100;margin-left:-76rem}
.wing_rgt{position:fixed;top:27.3rem;left:50%;z-index:100;margin-left:60rem}
.wing_lft a,.wing_rgt a{display:inline-block;position:relative;vertical-align:top}

/* wing banner */
.wing_lft{position:fixed;top: 26.0rem;left: 52%;z-index:100;margin-left:-76rem;animation-name: wing_ani;/* animation-duration: 1s; *//* animation-delay: 0s; */}

@keyframes wing_ani{
  0%   {top:40.3rem;opacity:0}
  100%  {top:27.3rem; opacity:1}
}


@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    @media screen and (max-width:320px){
        html{font-size:56%}
    }
    @media screen and (min-width:405px){
        html{font-size:70%}
    }
}
@media all and (max-width:640px){
	*{text-decoration:none !important}
	*:hover .thumb img,.thumb:hover img{-webkit-transition-duration:0s !important;transition-duration:0s !important;-webkit-transform:scale(1) !important;transform:scale(1) !important}
	
    .slide_thumb li .thumb img {
    border-radius: 0rem;
}
    
    /**
     * layout
     */
	
	#header.fixed .head_search .btn_srch_close{display:none}
    #header .inner{width:100%}
    #header .logo{display:inline-block !important;vertical-align:top}
    #header .logo img{height: 6.1rem !important;margin: .6rem -.4rem .6rem !important;}
	#header .btn_srch{display:block;top:1.6rem;right:1.4rem}
	#header .btn_srch:after{background-position:-3rem 0}
	#header .srch_tit{display:block}
	.head_bn,.gnb,.today_weather{display:none}
	.nav{}
    .nav ul{ width: auto;  overflow:hidden;overflow-x:auto;padding:.8rem 1rem .9rem;white-space:nowrap}
    .nav li a{padding:0 .7rem;margin:0;font-size: 1.5rem;line-height: 3.6rem;}
	.nav li a:hover,.nav li.on a{-webkit-border-radius:5px;border-radius: 0;}
	.nav li.view_all{margin-right:.8rem}
	.nav li.view_all a{padding:0;margin-right:0}
	.nav li.view_all a:after,.nav .ico_menu:after,.nav li.view_all span{display:none}
	.nav .ico_menu{width:3.4rem;height:2.1rem;margin: 0.8rem 0 0 0;}
	.nav .ico_menu:before{width:2rem;/* height:.8rem; *//* border:1px solid #262626; */border-width: 3px 0;}
    .head_search{display:none;top:0;right:0;bottom:auto;left:0;width:auto;padding:1.2rem 1.5rem 1.3rem !important;background-color:#fff}
    .head_search .box_search{height:3.5rem;padding:0 4rem;-webkit-border-radius:50px;border-radius:50px}
	.head_search .tf_keyword{margin-top:.6rem;font-size:1.5rem;font-weight:400}
    .head_search .btn_search{display:none;right:0;width:3.3rem;height:3.3rem}
    .head_search .btn_del_txt,.head_search .btn_srch_back{display:block}
	#container .inner{width:100%;padding-top:0}
    #container.main .inner{padding-top:0}
    .content,.aside{float:none;width:100%;padding-right: 0;padding-left: 0;}
	#footer{font-size: 1.3rem;}
    #footer .inner{width:100%;padding:1.8rem 2rem 2.4rem}
    #footer .info_corp li{margin-right:1rem}
    #footer .info_corp li a{font-size: 1.3rem;}
    #footer address{margin-top:1.2rem;line-height:1.5rem}
    #footer address span{display:inline-block;margin-right:1rem;line-height: 2rem;}
    #footer address br{display:none}
    #footer .copyright{position:static;margin-top:1.2rem}
	#footer .info{margin-top:1.7rem}
    #header,#container,#footer{min-width:auto}
	
    /**
    *  main banner
    */

	.main_banner{margin-bottom:2rem}
    .main_banner .slidewrap{background-color:rgba(0,0,0,0.2)}
    .main_banner .slidelist>li{height:46rem;}
	.main_banner .slidelist>li:before{display:none}
    .main_banner .slidelist>li>a img{max-height: 100%;}
    .main_banner .slidelist label{top:auto;bottom:0;padding:1.6rem;background-color:#000;transform:unset}
    .main_banner .slidelist .textbox{position:absolute;top:auto;bottom:0;left:0;width:100%;/* height:24rem; */padding:2rem 2rem 0;background-color: rgba(0,0,0,0.5);transform:unset}
    .main_banner .slidelist .textbox h2{padding-bottom:.7rem;font-weight:400;font-size:1.5rem}
    .main_banner .slidelist .textbox h3{padding:0;background:none;height:5.2rem;margin:1.5rem 0 1.3rem;font-size:2rem;line-height:2.6rem;-webkit-line-clamp:2}
    .main_banner .slidelist .textbox p{max-height:3.8rem;font-size:1.4rem;line-height:1.9rem;-webkit-line-clamp:2;transform:translateY(1.5rem)}
    .main_banner .slidelist .textbox span{font-size:1.4rem;transform:translateY(1.5rem)}
    /* 좌,우 슬라이드 버튼 */
    .main_banner .left{right:3.2rem;left:auto}
    .main_banner .right{right:0;left:auto}
    /* 페이징 */
	.slide-pagelist{display:none}
    .slide-pagelist>li>label{padding:1rem}
    .slide-pagelist>li>label h3{height:3rem;font-size:1.1rem;line-height:1.5rem}
    .slide-pagelist>li>label span{display:none;margin-top:.6rem;font-size:1rem}
	

    .main_banner{margin-bottom:1.5rem}
    .slide_thumb li .thumb{width:100%;height:22.5rem}
    .slide_thumb li .info{height:auto;padding:1.6rem 2rem}
    .slide_thumb li .info .tit{max-height: 5.4rem;font-size: 2.4rem;line-height: 2.8rem;-webkit-line-clamp:2}
    .slide_thumb li .info .desc{max-height:5.4rem;margin-top:.5rem;font-size:1.2rem;line-height:1.8rem}
    .slide_pagelist{display:none}
    .main_banner .swiper-pagination{display:-webkit-box;display:-webkit-flex;display:flex;bottom:-.3rem !important;font-size:0}
	.main_banner .swiper-pagination-bullet{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:25%;height:.3rem;margin:0 0 0 .5rem !important;border-radius:0;background-color:#ccc;opacity:1}
	.main_banner .swiper-pagination-bullet:first-child{margin-left:0 !important}
	.main_banner .swiper-pagination-bullet-active{background-color:#165432;opacity:1}
    
    /**
     *  content
     */
	
    /* list_headline_img_06 */ 
	.list_headline_img_06{margin-bottom:3rem}
    .list_headline_img_06 h3{padding-bottom:1.5rem;margin:0 2rem}
	.list_headline_img_06 .item_thumb li{margin-bottom:0;}
	.list_headline_img_06 .item_thumb li:after{display:table;width:100%;height: .1rem;/*background-color: #ada00e;*/table-layout:fixed;content:''}
	.list_headline_img_06 .item_thumb li a{padding:1.5rem 2rem}
	.list_headline_img_06 .thumb{width:12.5rem;height:7.5rem;margin-right:1.7rem;-webkit-background-size:30% auto;background-size:30% auto}
    .list_headline_img_06 .info{padding-right:0}
	.list_headline_img_06 .tit{max-height:4.8rem;margin-bottom:1rem;font-size: 2rem;line-height:2.4rem;-webkit-line-clamp:2}
	.list_headline_img_06 .lede{max-height: auto;font-size: 1.8rem;line-height: 2.4rem;word-break:break-all;-webkit-line-clamp:3}
	.list_headline_img_06 .relate_news{padding:1rem 2rem 0}
	.list_headline_img_06 .relate_news li{padding:0}
	.list_headline_img_06 .relate_news li a{font-weight:700;font-size: 1.8rem;line-height:3.6rem}

    /* list_headline_01 */
    .list_headline_01{margin: 1.5rem 0 3rem;}
    .list_headline_01 ul{padding: 0 1.8rem;border-top:0}
    .list_headline_01 li{padding: .8rem 0;}
	.list_headline_01 li+li{}
	.list_headline_01 li a{/* -webkit-flex-direction:row-reverse; *//* flex-direction:row-reverse; */}
    .list_headline_01 .thumb{width: 12.5rem;height: 7rem;margin-right: 1.8rem;-webkit-border-radius:.8rem;border-radius: 0;-webkit-background-size:30% auto;background-size:30% auto}
    .list_headline_01 .thumb:after{-webkit-border-radius:inherit;border-radius:inherit;}
    .list_headline_01 .press{display:none;margin-bottom:1rem;font-size:1.2rem}
    .list_headline_01 .tit{max-height: 4.8rem;font-size: 1.6rem;line-height: 2.4rem;-webkit-line-clamp:2}
    .list_headline_01 .lede{display:none;max-height:3.6rem;margin-top:1rem;font-size:1.4rem;line-height:1.8rem}
    .list_headline_01 .meta{display:none;margin-top:1rem}
    .list_headline_01 .date,.list_headline_01 .byline{font-size:1.2rem}
    .list_headline_01 .date+.byline{margin-left:.5rem}
    
    

    
    

    /* list_headline_img_05 */
    .list_headline_img_05 {
        margin-bottom: 2.5rem
    }

    .list_headline_img_05 h3 {
        padding-bottom: 1.5rem;
        text-align: center
    }

    .list_headline_img_05>ul {
        padding: 0 2rem
    }

    .list_headline_img_05>ul>li {
        flex-wrap: nowrap;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 2rem 0
    }

    .list_headline_img_05 .item_thumb {
        width: 100%;
        margin-right: 0
    }

    .list_headline_img_05 .thumb {
        height: auto;
        min-height: 20rem;
    }

    .list_headline_img_05 .info {
        padding: 1rem 0
    }

    .list_headline_img_05 .tit {
        max-height: 4.8rem;
        font-size: 1.8rem;
        line-height: 2.4rem;
        -webkit-line-clamp: 2
    }

    .list_headline_img_05 .relate_news {
        padding-top: .5rem
    }

    .list_headline_img_05 .relate_news li+li {
        margin-top: 0
    }

    .list_headline_img_05 .relate_news li a {
        display: block;
        font-size: 1.5rem;
        line-height: 3rem
    }
    
    
    
    /* list_vod */
    .list_vod{margin-bottom:3rem}
    .list_vod h3{padding:2rem 0;margin:0 2rem;border-top:1px solid #ccc}
    .list_vod ul{padding:0 1.6rem;margin:0}
    .list_vod li{width:50%;padding:0 .4rem 1rem}
    .list_vod .thumb_wrap{-webkit-background-size:30% auto;background-size:30% auto}
    .list_vod .info{padding:.5rem 0}
    .list_vod .tit{max-height: 3.6rem;font-size: 1.6rem;line-height: 1.8rem;}

   	/* news_view */
    .news_view{padding:0 2rem;margin-bottom:5rem}
    .view_head{padding: 0;border-bottom:0}
    .view_head .press{margin-bottom:1.9rem;font-size:1.2rem}
    .view_head .tit{font-size: 2.4rem;line-height: 3.2rem;border-left: 10px solid #3a322c;}
    .view_head .byline{margin-top:.5rem;font-size: 1.1rem;}
    .view_head .name{padding-right:.5rem}
    .news_content{padding:2rem 0;font-size: 1.8rem;line-height: 2.8rem;}
    .news_writer{padding-top:1.8rem}
    .news_writer .byline{font-size: 1.1rem;}
    .news_writer .email{padding-left:.5rem}
    .news_writer .copyright{margin-top:.5rem}
        
    /* 광고배너 */
    .ad_vert_wide{margin-bottom: 1rem;}
    .ad_vert{margin:0 2rem 3rem}
	.news_view .ad_vert_wide{margin-right:0;margin-left:0}
    .banner_ad{}
	
	/* wing banner */
	.wing_lft,.wing_rgt{display:none}
}