@font-face{font-family: "NanumBarunRoboto"; font-style:normal; font-weight:300; src:local("※"), url(./images/font_nanumbarunroboto_light.woff) format("woff")}
@font-face{font-family: "NanumBarunRoboto"; font-style:normal; font-weight:400; src:local("※"), url(./images/font_nanumbarunroboto_regular.woff) format("woff")}
@font-face{font-family: "NanumBarunRoboto"; font-style:normal; font-weight:700; src:local("※"), url(./images/font_nanumbarunroboto_bold.woff) format("woff")}

body,html{font-family:NanumBarunRoboto, Roboto, NanumBarunGothic, "나눔바른고딕", "Apple SD Gothic Neo", "Helvetica Neue",Helvetica,Arial,sans-serif;width:100%;height:100%}body{background-color:#fff;color:#454545;font-size:18px}footer{font-size:12px;padding-top:25px;padding-bottom:25px;background-color:#F8F8F8}a{color:inherit;-webkit-transition:all 0.3s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}a:active,a:focus,a:hover{color:#FFaa00;text-decoration:none}a:visited{text-decoration:none}a:hover{-webkit-transition:all 0.3s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}::selection{background:#FFaa00;color:#FFF;text-shadow:none}::-moz-selection{background:#FFaa00;color:#FFF;text-shadow:none}::-webkit-selection{background:#FFaa00;color:#FFF;text-shadow:none}

body.no-scroll{overflow:hidden;position:fixed;}

ol,ul{list-style:none;padding:0;margin:0}p{margin:0}.txt1{color:#FFaa00}.txt2{color:#206776}.txt3{color:#5CBED2}.txt_category{font-size:13px;font-weight:bold}.txt_title{margin-top:20px;margin-bottom:40px;font-size:32px;font-weight:700;color:#fff}.txt_title2{margin-top:20px;margin-bottom:40px;font-size:32px;font-weight:700;}h1.txt_title{margin-top:10px;margin-bottom:20px;font-size:32px;font-weight:700;color:#fff}h1.txt_title2{margin-top:10px;margin-bottom:20px;font-size:32px;font-weight:700}.txt_date{color:#ddd;font-size:12px}.txt_date2{color:#999;font-size:12px;margin-bottom:5px;}.txt_subtitle{font-size:20px}.caption{padding:10px 0;height:160px}blockquote {padding: 10px 20px;margin: 20px!important;font-size: inherit; border-left: 5px solid #206776;font-style: italic}.shorthr{width:80px;margin-top:40px} 

/*.bq {color: #454545; margin: 10px 20px !important; padding: 0 15px 0 24px; background: url("./images/quote.png") top left no-repeat; border: 0;} .bqbox{font-style: italic; margin:0 15px; padding:20px 15px; border:1px solid #206776; border-left:8px solid #206776; background:rgba(240, 240, 240, .25);} */

.bq {margin: 10px 20px 0px 15px !important; padding: 0 15px 0 24px; background: url("./images/quote.png") top left no-repeat; border: 0;} .bqbox{font-style: italic; margin:10px 20px 0px 15px !important; padding:20px 15px; border:1px solid #206776; border-left:8px solid #206776; background:rgba(240, 240, 240, .25);} 

/*.bq p{font-size: 1em !important; color: #454545;}*/

figcaption {font-size: 11pt!important; color: rgb(140, 140, 140); margin-left: 15px; margin-right: 15px; text-align: justify!important;}

.no-js #loader {display: none;}.js #loader{display: block; position: absolute; left: 100px; top: 0; }.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(./images/preloader.gif) center no-repeat #fff;}

.bg-primary{background-color:#FFaa00!important}.bg-dark{background-color:#212529!important}.text-faded{color:rgba(255,255,255,.7)}
section{padding:4rem 0;}.section-heading{margin-top:0}

#mainNav{border-color:transparent;background-color:transparent;} /*#mainNav div.dropdown:hover > .dropdown-menu {display: block;}*/ #mainNav .navbar-brand{font-weight:900;color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav form{padding:.5rem 1rem}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus, #mainNav i, #mainNav .dropdown-toggle{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:*#fff} #mainNav .btn{background-color:transparent!important; color:rgba(255,255,255,.7); border:0;box-shadow:none;-moz-box-shadow: none;-webkit-box-shadow:none;} #mainNav .nav_search{display:none; background-color:transparent;border:0; border-radius:0px} #mainNav .search_box_underline{border:0; border-bottom:1px solid rgba(255,255,255,.7)} #mainNav ::placeholder{color:rgba(255,255,255,.7);} #mainNav :-ms-input-placeholder{color:rgba(255,255,255,.7);} #mainNav ::-ms-input-placeholder{color:rgba(255,255,255,.7);} #mainNav input[type="text"]:focus{color:rgba(255,255,255,.7); border-color: #206776;  box-shadow: none; -webkit-box-shadow: none;} #mainNav .navbar-toggler{color:rgba(255,255,255,.7);border:0}#mainNav.navbar-shrink{display:show;border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#206776;}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#FFaa00}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus,  #mainNav.navbar-shrink i, #mainNav.navbar-shrink .dropdown-toggle{color:#212529}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#FFaa00} #mainNav.navbar-shrink .btn{background-color:transparent!important; color:#212529; border: 0;}#mainNav.navbar-shrink ::placeholder{color:#212529;} #mainNav.navbar-shrink :-ms-input-placeholder{color:#212529;} #mainNav.navbar-shrink ::-ms-input-placeholder{color:#212529;} #mainNav.navbar-shrink input[type="text"]:focus{color:#212529; box-shadow: none; -webkit-box-shadow: none;} #mainNav.navbar-shrink .navbar-toggler{color:#212529;border:0!important} #mainNav.navbar-shrink .search_box_underline{border:0; border-bottom:1px solid #212529;}

@media (max-width: 767.98px){.fixed-top .navbar-collapse{background-color:#fff;width:100%;max-height:92.5vh;overflow:auto!important;}.fixed-top .navbar-collapse::-webkit-scrollbar{width:1em;}}

.dropdown.notouch:hover > .dropdown-menu {display: block;} .dropdown-menu{width:225px; padding:15px;} .navbar_category ul > li > a > span.c_cnt{font-size:12px; color:#206776;} .navbar_category ul > li > ul > li > ul > li > a {padding: 0 0 32px 16px;} 

.mobile_category ul > li > a {padding: 0 0 32px 16px;} .mobile_category ul > li > ul > li > ul > li > a {padding: 0 0 32px 32px;} .mobile_category ul > li > a > span.c_cnt{font-size:12px; color:#206776;}

header.masthead{padding-top:8rem;padding-bottom:calc(10rem - 56px);background-image:url(./images/header.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px;}header.masthead h1{font-size:1.8rem}header.masthead p{font-weight:300; text-align:justify;} @media (min-width:768px){header.masthead p{font-size:1.15rem;margin:0;}} header.masthead hr{max-width:50px;border-width:3px;border-color:#FFF;} header.masthead hr.light{border-color:#fff} @media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}} @media (min-width:1200px){header.masthead h1{font-size:4rem}} header.masthead .text-primary{color:#FFaa00!important}

header.masthead .btn{font-weight:400;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-transform: uppercase;border-radius: 0;} 

header.masthead .btn-primary{font-size: 26px;width: 55px;height: 55px;margin-top: 15px;line-height: 45px;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;color: white;border: 2px solid white;border-radius: 100% !important;background: transparent} header.masthead .btn-primary:focus, .btn-primary:hover {color: white;outline: none;background: rgba(255, 255, 255, 0.1);}

.blink_me{animation:blinker 1.5s linear infinite;} @keyframes blinker{50%{opacity: 0;}}

.card_wrapper{margin-bottom: 30px;}.idx_card{box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);transition:0.3s; border-radius: 5px; min-height:415px;} .card-header{background-color:rgba(255, 255, 255, 1); padding: 0 16px 16px 16px; height:30px;}.card-body{padding: 16px 16px 16px 16px;}

.zoom{overflow:hidden; !important;min-height:180px; background-color:#ffaa00;} 

.idx_thumb{-webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);-moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);max-width: 100%;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}.idx_thumb:hover, .idx_thumb .hasHover{transform: scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}

.idx_thumb_day{position:absolute;top:25px;z-index:150;max-height:100px;width:100%;margin:0 -10px;padding:0 25px;overflow:hidden;font-size:36px;color:#fff}
.idx_thumb_month{position:absolute;top:65px;z-index:150;max-height:100px;width:100%;margin:0 -10px;padding:0 25px;overflow:hidden;font-size:11px;color:#fff}

.idx_content,.idx_title{text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.idx_title{font-weight:700;margin-bottom:5px;font-size:18px;-webkit-line-clamp:2}.idx_content{font-size:13px;color:#777;-webkit-line-clamp:5}.idx_detail{margin-bottom:25px}

.gen_thumb{max-width:100%;min-height:180px;background-position:center;background-size:cover;text-align:center}

.lh, .ph, .gh{position:absolute; top:0px; left:0px; width:100%;} .ph{display:none;}

.list_container{margin-top:215px;} .list_wrapper{margin-top:100px;} .list_title_wrapper{top:40%; width:auto; max-width:700px!important;height:400px;word-break:keep-all;} @media screen and (max-width:767.98px){.list_container{margin-top:75px;} .list_wrapper{margin-top:125px;} .list_title_wrapper{height:192px;}}

header.posthead, header.listhead{height:550px;background:no-repeat center center;background-color:#868e96;background-attachment:scroll;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;overflow:hidden;} header.listhead{height:350px;} header.posthead .overlay, header.listhead .overlay {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#212529;opacity:.5}

.article_title_wrapper{width:auto; max-width:700px!important;padding:20px;word-break:keep-all;} .article_title_wrapper.hero{width:auto; max-width:700px!important;margin:125px 0 190px 0;word-break:keep-all;}.txt_category.hero{color:#5CBED2}.article_title.hero{margin-top:20px;margin-bottom:40px;font-size:32px;font-weight:700;color:#fff} .article_date.hero{color:#ddd;font-size:12px} .shorthr.hero{display:none;}

.article_wrapper{width:auto;max-width:700px!important;}

@media screen and (max-width:1199.98px){header.posthead{height:400px;} header.listhead{height:250px;} .article_title_wrapper.hero{width:auto; max-width:700px!important;margin:25px 0 115px 0;word-break:keep-all;} .article_title_wrapper h1{font-size:24px;} .article_wrapper{width:auto;max-width:100%!important;margin-top:24px;}}

.article_body{padding:0;} .article_body table,.article_body iframe{max-width:100%!important;} .article_body table{margin-bottom:0;} .article_body a{color:#206776;} .article_body a:hover{color:#ffaa00; border-bottom: 0px; box-shadow: inset 0 -5.0px 0 #ffaa00; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word;}.article_body h1,.article_body h2,.article_body h3{BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 10px solid; PADDING-BOTTOM: 6px !important; BACKGROUND-COLOR: transparent; MARGIN: 0.8em 0px; PADDING-LEFT: 8px !important; PADDING-RIGHT: 0px !important; FONT-WEIGHT: bold; PADDING-TOP: 2px !important;}.article_body h4,.article_body h5,.article_body h6{padding:0px 15px}@media screen and (max-width:767.98px){body{overflow-x:hidden;font-size:18px} h1.txt_title{font-size:24px;}.article_body h3{font-size:20px}.txt_subtitle{font-size:20px}}

.adsense {margin-bottom:12px;} @media only screen and (min-width: 768px){.adsense {float: right; margin-left:15px; margin-bottom:0;}}

.youtube{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .youtube iframe, .youtube object, .youtube embed{position:absolute; top:0; left:0; width:100%; height:100%;} 

@media only screen and (max-width:600px){.hide-on-small-and-down,.hide-on-small-only{display:none!important}}@media only screen and (max-width:992px){.hide-on-med-and-down{display:none!important}}@media only screen and (min-width:601px){.hide-on-med-and-up{display:none!important}}@media only screen and (min-width:600px) and (max-width:992px){.hide-on-med-only{display:none!important}}@media only screen and (min-width:993px){.hide-on-large-only{display:none!important}}@media only screen and (min-width:1201px){.hide-on-extra-large-only{display:none!important}.show-on-extra-large{display:block!important}}@media only screen and (min-width:993px){.show-on-large{display:block!important}}@media only screen and (min-width:600px) and (max-width:992px){.show-on-medium{display:block!important}}@media only screen and (min-width:601px){.show-on-medium-and-up{display:block!important}}@media only screen and (max-width:992px){.show-on-medium-and-down{display:block!important}}@media only screen and (max-width:600px){.show-on-small{display:block!important}.center-on-small-only{text-align:center}}

.postbtn_ccl a{box-shadow: inset 0 0;}

.article_tag{margin-top:20px}.tag_title{font-weight:700;color:#FFaa00}

.article_reply{margin:60px 0px;}.reply_list li{padding:20px 0}.reply_thumb{float:left;margin-right:30px;margin-top:2px;display:block}.reply_profile{display:block;width:70px;height:70px;border-radius:70px}.reply_content{overflow:hidden;display:block}.reply_desc{margin-top:10px}.reply_relist{padding-left:30px}

.reply_fld{margin-top:0;}.reply_fld textarea, .reply_fld input{width:100%;border:0;border-bottom: 1px solid #aaa;border-radius: 0; padding:10px;}.reply_fld textarea{width:100%;border: 1px solid #aaa;border-radius: 0; padding:10px;} .reply_secret{padding:10px;}

.reply_chk{font-weight:normal}.reply_chk input{display:none}.reply_chk input:checked+span{color:#FFaa00}.reply_chk span{padding-bottom:5px;display:inline;white-space:nowrap;line-height:1;text-align:center;color:#999}

.reply_fld .btn{color: #454545;border: 1px solid #aaa;border-radius: 0;transition: all 0.2s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear} .reply_fld .btn.active, .reply_fld .btn-.active, .reply_fld .btn.focus, .reply_fld .btn:active, .reply_fld .btn:focus, .reply_fld .btn:hover{color: #fff;background-color: #206776;border: 1px solid #fff;-webkit-transition: all 0.3s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear}

.related_thumb_wrapper{padding:0 10px;}

.related_rep{padding:5px;} @media screen and (max-width:767.98px){.related_rep{padding:10px 5px;}}

.article_related{margin:40px 0 60px 0;} 

.related_title{margin-left:-5px}.related_sub{font-size:12px}

.related_detail{position:absolute;top:75px;z-index:150;max-height:100px;width:100%;margin:0 -10px;padding:0 20px;overflow:hidden;font-size:14px;text-align:center;color:#fff}.related_date{color:#ddd}

.thumb_wrapper{min-height:180px;background-color:#ffaa00;}

.gen_black{width:100%;height:100%;min-height:180px;background-color:#000;z-index:100;opacity:0.5;filter:alpha(opacity=50)}
.gen_black:hover{opacity:0.3;filter:alpha(opacity=30);-webkit-transition:all 0.3s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}

.guest_title_wrapper{top:45%; width:auto; max-width:700px!important;height:250px;word-break:keep-all;} @media screen and (max-width:1199.98px){.guest_title_wrapper{height:192px;}}

.guest_container{margin-top:300px;} @media screen and (max-width:767.98px){.guest_container{margin-top:200px;}}

.guest_container, .tag_container, .local_container{padding: 0 15px;} .guest_list {margin-top: 50px;} .guest_list li{padding: 40px 0;} .guest_list_li{margin-top:10px;border-bottom: 1px solid #eee;}.guest_thumb{float: left;margin-right: 25px;display: block;width: 60px;height: 60px;border-radius: 70px;text-align:center;font-size: 40px}.guest_content{display: block;overflow: hidden;
}.guest_relist{padding-left: 30px;}.guest_desc{margin-top: 10px;}

.paging_container {margin-top: 75px; word-spacing: 10px;} @media screen and (max-width:767.98px){.paging_container {margin-top: 125px;}} .paging_container .selected {color: #FFaa00; font-weight: 700}

.bottombox{margin-top:75px;padding-top:25px;padding-bottom:25px;background-color:#F8F8F8} .footer_profile{margin-bottom:20px} .footer_img{margin-top:-80px}