@charset "utf-8";
@import url("font.css");
/* Default Layout */
#wrap {width:100%; min-width:1250px; height: 100%; overflow-x: auto;}
body {padding: 0 !important; margin: 0 !important;}
body#main {overflow-x:auto;}
.toparea {position: relative; width:100%;}
.floating_top ,
.floating_top span{display: none;}

/*메뉴*/
.toparea .gnb {display: block;}
.toparea .gnb h1 {z-index: 3; position: absolute; left: 50%; top: 50%; transform: translateX(-50%); margin-left: -450px; margin-top: -19px;}
.toparea .gnb h1 > a {display:block; width:213px; height:38px;}
.toparea .gnb h1 > a img {width: 100%;}
.toparea .gnb .topmenu {width: 1150px; height: 100px; margin: 0 auto; text-align: center;}
.toparea .topmenu > ul > li {display: inline-block;}
.toparea .login > li > a {padding: 35px 25px !important;} /*로그인시 메뉴간격*/
.toparea .topmenu > ul > li > a {display:block; width:100%; text-align:center; font-size:20px; color:#000; font-weight: 600; padding: 35px 45px;}
.toparea .topmenu > ul > li.on > a, .toparea .topmenu > ul > li > a:hover {color:#0468e2;}
.toparea .topmenu > ul > li > .smenu {display:none; position:absolute; left:0px; top:100px; z-index:90; width: 100%; height:auto; background: #f6f8fa;}
.toparea .topmenu > ul > li > .smenu ul li {}
.toparea .topmenu > ul > li > .smenu .smenu_box {overflow: hidden; width: 1250px; margin: 0 auto;}
.toparea .topmenu > ul > li > .smenu .smenu_box h3 {position: relative; float: left; padding: 30px 0 18px 40px; color: #025ac6; font-size: 30px;}
.toparea .topmenu > ul > li > .smenu .smenu_box h3:after {content: ''; position: absolute; left: 40px; bottom: 0; width: 17px; height: 1px; background: #025ac6; }
.toparea .topmenu > ul > li > .smenu .smenu_box h3 span {display: none;}
.toparea .topmenu > ul > li > .smenu .smenu_box > ul {overflow: hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap; float: right; width: 1000px; padding: 20px 0;}
.toparea .topmenu > ul > li > .smenu .smenu_box > ul > li {float: left; width: 180px; margin: 10px 0 10px 20px;}
.toparea .topmenu > ul > li > .smenu .smenu_box > ul > li > a {display: block; color:#025fd1; font-size:14px; line-height: 35px; font-weight: 600; padding-left: 10px; text-align: left; border: 1px solid #1572e4; background: url('/images/web/icon_smenu.png') right 10px center no-repeat;}
.toparea .topmenu > ul > li > .smenu .smenu_box > ul > li > ul {padding: 10px 0 0 10px;}
.toparea .topmenu > ul > li > .smenu .smenu_box > ul > li > ul > li {}
.toparea .topmenu > ul > li > .smenu .smenu_box > ul > li > ul > li > a {position: relative; display: block; padding-left: 10px; color: #6b6b6b; font-size: 14px; font-weight: 600; line-height: 26px; text-align: left;}
.toparea .topmenu > ul > li > .smenu .smenu_box > ul > li > ul > li > a:after {content: ''; position: absolute; left: 0px; top: 11px; width: 3px; height: 3px; background: #a6a7a7;}

.toparea .top_log {position: absolute; left: 50%; top: 25px; transform: translateX(-50%); margin-left: 395px;}
.toparea .top_log ul {float: left; border-right: 1px solid #ccc;}
.toparea .top_log ul li {float: left; width: 50px; height: 50px; border: 1px solid #ccc; border-right: 0;}
.toparea .top_log ul li button {width: 100%; height: 100%; font-size: 0; text-indent: -999px;}
.toparea .top_log .total_search {background: url('/images/web/icon_search.png') center center no-repeat;}
.toparea .top_log .total_search.active {background: url('/images/web/icon_search_c.png') center center no-repeat;}
.toparea .top_log .login {background: url('/images/web/icon_login.png') center center no-repeat;}
.toparea .top_log .logout {background: url('/images/web/icon_logout.png') center center no-repeat;}
.toparea .top_log .sitemap {background: url('/images/web/icon_menu.png') center center no-repeat;}
.toparea .top_log form {position: absolute;right: 150px;top: 0;background: #fff;}
.toparea .top_log form > div {position: relative;width: 260px;height: 50px;}
.toparea .top_log form > div input {padding: 0 50px 0 10px;width: 100%;height: 100%;border: 1px solid #d2d2d2;border-radius: 0;}
.toparea .top_log form > div button {display: block; position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: url('/images/web/icon_search.png') center center no-repeat;}
#language .zelect {display: inline-block; background: url('/images/web/icon_arrow.png') right 5px center no-repeat; width: 105px; cursor: pointer; line-height: 50px; position: absolute; z-index: 10; left: 50%; top: 25px; transform: translateX(-50%); margin-left: 550px; font-family: 'ng'; }
#language .zelected.placeholder {color: #848282;}
#language .dropdown {width: 100%; border: 1px solid #d7d7d7;position: absolute; left:0; top: 50px; z-index: 2; background: #fff;}
#language .dropdown li {line-height: 30px;}
#language .dropdown li.current {color: #0070e3;}

.toparea .sitemap_box {display: none; position: absolute; z-index: 120; left: 0; top: 0; padding: 70px 0 50px; width: 100%; background: #fff;}
.toparea .sitemap_box .sitemap_close {position: absolute; z-index: 130; left: 50%; top: 30px; transform: translateX(-50%); margin-left: 600px; width: 48px; height: 48px; background: url('/images/web/icon_close.png') center center no-repeat #3da2ef; font-size: 0; text-indent: -999px;}
.toparea .sitemap_box .list {overflow: hidden; width: 1250px; margin: 0 auto; padding-right: 50px;}
.toparea .sitemap_box .list li {float: left; width: 190px; margin-right: 50px;}
.toparea .sitemap_box .list li h3 {padding-bottom: 10px; color: #444; font-size: 22px; border-bottom: 2px solid #666;}
.toparea .sitemap_box .list li:hover h3 {color: #4293f3; border-bottom: 2px solid #4293f3;}
.toparea .sitemap_box .list li .smenu {}
.toparea .sitemap_box .list li .smenu > li {}
.toparea .sitemap_box .list li .smenu > li > a {font-size: 15px; line-height: 30px; font-weight: 600;}
.toparea .sitemap_box .list li .smenu > li > a:hover {color: #4293f3;}
.toparea .sitemap_box .list li .smenu > li .ssmenu {}
.toparea .sitemap_box .list li .smenu > li .ssmenu li {}
.toparea .sitemap_box .list li .smenu > li .ssmenu li a {position: relative; display: block; padding-left: 18px; color: #777; font-size: 14px; line-height: 22px;}
.toparea .sitemap_box .list li .smenu > li .ssmenu li a:after {content: ''; position: absolute; left: 8px; top: 8px; width: 3px; height: 3px; background: #529ad2;}
.toparea .sitemap_box .list li .smenu > li .ssmenu li > .lastmenu{}
.toparea .sitemap_box .list li .smenu > li .ssmenu li > .lastmenu li{ padding-left: 10px; line-height: 20px;}
.toparea .sitemap_box .list li .smenu > li .ssmenu li > .lastmenu li a{position: relative; display: block; color: #999; font-size: 13px;}
.toparea .sitemap_box .list li .smenu > li .ssmenu li > .lastmenu li a:after{content: ''; background-color: #999; width: 4px; height: 1px; left: 9px; top: 9px;}
.toparea .sitemap_box_bg {display: none; z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}

.toparea .mobile-category {display:none; position: absolute; left: 0; top: 0;}
.toparea.mobileOpen .mobile-category {position:fixed; top: 0; left: 0; z-index: 1100; height: 100% !important; overflow-y: scroll; background: rgba(0, 0, 0, 0.5);}
.toparea.mobileOpen .mobile-category::-webkit-scrollbar {display:none;}
.toparea.mobileOpen .mobile-category:-moz-scrollbar {display:none;}
.toparea.mobileOpen .mobile-category::-moz-scrollbar {display:none;}

.mobile-category .btn-category-holder {position:absolute; top:24px; right: 30px; z-index:101; width:50px; height:50px; background: url('/images/web/icon_menu.png') center center no-repeat; font-size:0; text-indent:-99999px; border: 1px solid #ccc;}
.mobile-category .mobild_menu {display: none; position: relative; z-index: 999; top:0;width:100%; background:#fff; overflow-y: scroll;-ms-overflow-style: none;}
.mobile-category .mobild_menu::-webkit-scrollbar {display:none;}
.mobile-category .mobild_menu:-moz-scrollbar {display:none;}
.mobile-category .mobild_menu::-moz-scrollbar {display:none;}
.mobile-category .mobild_menu .top_menu {overflow: hidden; height: 70px; border-bottom: 1px solid #a4abb1;}
.mobile-category .mobild_menu .top_menu > button {position: absolute;top: 24px; right: 25px; width: 18px; height: 18px; background: url('/images/web/icon_menu_c.png') 0 0 no-repeat; background-size: 18px; font-size: 0; text-indent: -999px;}
.mobile-category .mobild_menu .top_menu .mobild_log {overflow: hidden; padding: 20px 0 0 25px;}
.mobile-category .mobild_menu .top_menu .mobild_log li {float: left;}
.mobile-category .mobild_menu .top_menu .mobild_log li a {color: #555; font-size: 13px;}
.mobile-category .mobild_menu .top_menu .mobild_log li span {margin: 0 5px; font-size: 11px;}

.mobile_gnb {height: auto; min-height: auto !important;}
.mobile_gnb > li {display: block; margin: 0; border-bottom: 1px solid #a4abb1;}
.mobile_gnb > li > a {display: block; padding: 0 25px; height: 50px; line-height: 50px; font-size: 20px; font-weight: 600; color: #555; background: url('/images/web/icon_menu_on.png') no-repeat right 25px center; background-size: 15px;}
.mobile_gnb > li.active > a, .mobile_gnb > li:hover > a {color: #4494f7; background: url('/images/web/icon_menu_off.png') no-repeat right 25px center; background-size: 15px;}
.mobile_gnb > li > a > span{font-size: 0; text-indent: -999px;}
.mobile_gnb ul.smenu {display: none; padding: 10px 20px; overflow: hidden; background-color: #f7f7f7; border-top: 1px solid #a4abb1;}
.mobile_gnb ul.smenu > li {overflow: hidden; height: auto; border-bottom: 1px solid #cdd1d4;}
.mobile_gnb ul.smenu > li:last-child {border-bottom: 0;}
.mobile_gnb ul.smenu > li > a {position: relative; display: block; line-height: 50px; font-size: 15px; color: #555; font-weight: 600;}
.mobile_gnb ul.smenu > li > a > span {display: none;}
.mobile_gnb ul.smenu > li.active > a, .mobile_gnb ul.smenu > li:hover > a {color: #2585f7;}
.mobile_gnb ul.smenu > li > ul {display: none; padding: 15px 0; border-top: 1px solid #cdd1d4;}
.mobile_gnb ul.smenu > li > ul > li {}
.mobile_gnb ul.smenu > li > ul > li > a {position: relative; display: block; padding: 0 12px 0 22px; color: #333; font-size: 14px; line-height: 35px;}
.mobile_gnb ul.smenu > li > ul > li > a:after {content: ''; position: absolute; left: 12px; top: 14px; width: 3px; height: 3px; background: #529ad2; border-radius: 50%;}
.mobile_gnb ul.smenu > li > ul > li.active > a, 
.mobile_gnb ul.smenu > li > ul > li:hover > a {color: #2585f7;}
.mobile_gnb ul.smenu > li > ul > li.active > a:after, 
.mobile_gnb ul.smenu > li > ul > li:hover > a:after {background: #2585f7; }
.mobile_gnb ul.smenu > li > ul > li a > span{padding-left: 5px;}
.mobile_gnb ul.smenu > li > ul > li .lastmenu{padding-left: 30px; position: relative; display: none;}
.mobile_gnb ul.smenu > li > ul > li .lastmenu li{line-height: 28px;}
.mobile_gnb ul.smenu > li > ul > li .lastmenu li a{position: relative; display: block; color: #666; font-size: 14px;}
.mobile_gnb ul.smenu > li > ul > li .lastmenu li a:after{content: ''; background-color: #333; position: absolute; width: 4px; height: 1px; left: -10px; top: 12px;}
.midarea .main_img {position: relative; overflow: hidden; width: 100%; height: 460px; background: #000;}
.midarea .main_img ul {position: relative;}
.midarea .main_img .slick-slide {overflow: hidden;}
.midarea .main_img .slick-slide li {position: relative; height: 460px;}
.midarea .main_img .slick-slide li img {position: absolute; left: 50%; transform: translateX(-50%);}
.midarea .main_img .slick-arrow {position: absolute; z-index: 10; top: 50%; margin-top: -45px; left: 50%; transform: translateX(-50%);width: 46px; height: 90px; font-size: 0; text-indent: -999px;}
.midarea .main_img .slick-arrow.slick-prev {margin-left: -640px; background: url('/images/web/arrow_prev.png') 0 0 no-repeat;}
.midarea .main_img .slick-arrow.slick-next {margin-left: 640px; background: url('/images/web/arrow_next.png') 0 0 no-repeat;}
.midarea .main_img .slick-dots {position: absolute; width: 100%; text-align: center; bottom: 10px;}
.midarea .main_img .slick-dots li {display: inline-block; margin: 0 2px;}
.midarea .main_img .slick-dots li button {width: 13px; height: 13px; border-radius: 13px; border: 2px solid #fff; font-size: 0; text-indent: -999px;}
.midarea .main_img .slick-dots li.slick-active button {width: 40px; background: #fff;}

.maincontents {margin: 0 auto; padding: 60px 0; width: 1250px;}
.maincontents .section1 > ul {overflow: hidden;}
.maincontents .section1 > ul > li {float: left; width: 14.285%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.maincontents .section1 > ul > li a {display: block; padding-top: 150px; color: #555; text-align: center; font-size: 15px; font-weight: 600; background-repeat: no-repeat; background-position: center top;}
.maincontents .section1 > ul > li.icon1 a {background-image: url('/images/web/main_icon01.png');}
.maincontents .section1 > ul > li.icon1 a:hover {background-image: url('/images/web/main_icon01_on.png');}
.maincontents .section1 > ul > li.icon2 a {background-image: url('/images/web/main_icon02.png');}
.maincontents .section1 > ul > li.icon2 a:hover {background-image: url('/images/web/main_icon02_on.png');}
.maincontents .section1 > ul > li.icon3 a {background-image: url('/images/web/main_icon03.png');}
.maincontents .section1 > ul > li.icon3 a:hover {background-image: url('/images/web/main_icon03_on.png');}
.maincontents .section1 > ul > li.icon4 a {background-image: url('/images/web/main_icon04.png');}
.maincontents .section1 > ul > li.icon4 a:hover {background-image: url('/images/web/main_icon04_on.png');}
.maincontents .section1 > ul > li.icon5 a {background-image: url('/images/web/main_icon05.png');}
.maincontents .section1 > ul > li.icon5 a:hover {background-image: url('/images/web/main_icon05_on.png');}
.maincontents .section1 > ul > li.icon6 a {background-image: url('/images/web/main_icon06.png');}
.maincontents .section1 > ul > li.icon6 a:hover {background-image: url('/images/web/main_icon06_on.png');}
.maincontents .section1 > ul > li.icon7 a {background-image: url('/images/web/main_icon07.png');}
.maincontents .section1 > ul > li.icon7 a:hover {background-image: url('/images/web/main_icon07_on.png');}
.maincontents .section2 {padding: 50px 0;}
.maincontents .section2 .notice {overflow: hidden;}
.maincontents .section2 .notice > li {position: relative; float: left; padding: 30px; width: 290px; height: 290px; background: #f4f4f4;}
.maincontents .section2 .notice > li.left {width: calc(100% - 580px);}
.maincontents .section2 .notice > li h3 {margin-bottom: 10px; padding-bottom: 10px; color: #222; font-size: 20px; font-weight: 600;}
.maincontents .section2 .notice > li .more {position: absolute; z-index:5; right: 30px; top: 35px; width: 21px; height: 21px; border: 1px solid #a8a8a8; background: url('/images/web/icon_more01.png') center center no-repeat;}
.maincontents .section2 .notice > li .tab_box {width: 100%; height: 100%;}
.maincontents .section2 .notice > li .tab_list {position: relative;}
.maincontents .section2 .notice > li .tab_list:before {position: absolute; content: ''; top: 35px; left: 0; width: 100%; height: 1px; background: #c1c1c1;}
.maincontents .section2 .notice > li .tab_list > li {overflow: hidden; display: inline-block;}
.maincontents .section2 .notice > li .tab_list > li > a {position: relative; z-index: 100; display: block; padding: 0 10px 8px; color: #888; font-size: 20px; font-weight: 600;}
.maincontents .section2 .notice > li .tab_list > li.active > a {color: #0361d8; border-bottom: 2px solid #2170d4; }
.maincontents .section2 .notice > li .tab_list > li .tab-pane {display: none; position: absolute; top: 60px; left: 0; width: 100%;}
.maincontents .section2 .notice > li .tab_list > li.active .tab-pane {display: block;}
.maincontents .section2 .notice > li.left .list li {position: relative; line-height: 34px;}
.maincontents .section2 .notice > li.left .list li a {overflow: hidden; display: block; padding-right: 85px; color: #555; font-size: 17px; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section2 .notice > li.left .list li .date {position: absolute; right: 0; top: 0; color: #777; font-size: 15px;}
.maincontents .section2 .notice > li.left .list li:hover a {color: #0070e3;}
.maincontents .section2 .notice > li.left .list li:hover .date {color: #0070e3;}
.maincontents .section2 .notice > li.center {background: #2170d4;}
.maincontents .section2 .notice > li.center h3{color: #fff5cc; font-size: 24px; margin-bottom: 5px;}
.maincontents .section2 .notice > li.center h4{font-size: 16px; color: #fff;}
.maincontents .section2 .notice > li.center .magazine{overflow: hidden;}
.maincontents .section2 .notice > li.center .magazine li{float: left;} 
.maincontents .section2 .notice > li.center .magazine li img{width: 125px; height: 170px; display: block;}
.maincontents .section2 .notice > li.center .magazine li.text{vertical-align: text-top; color: #fff; padding-left: 15px; position: relative; width: 105px;}
.maincontents .section2 .notice > li.center .magazine li.text dt{font-size: 15px; font-weight: 600; padding-top: 5px; }
.maincontents .section2 .notice > li.center .magazine li.text dt:before{content: ''; width: 20px; height: 1px; background-color: #fff; position: absolute; top: 0; }
.maincontents .section2 .notice > li.center .magazine li.text dl{padding-top: 15px; font-size: 13px; word-break: break-all; font-family: '나눔바름돋움'; letter-spacing: -1px; line-height: 20px;}
.maincontents .section2 .notice > li.center .magazine li.text .allview{ border:1px solid #fff; color: #fff; font-size: 13px; padding: 5px 15px 5px 8px; margin-top: 15px; background: url(/images/web/icon_allview.png) no-repeat 90%;}
.maincontents .section2 .notice > li.center .list {margin-top: 20px;}
.maincontents .section2 .notice > li.center .list li a {display: block; overflow: hidden; color: #fff; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; line-height: 34px;}
.maincontents .section2 .notice > li.right {padding: 0;}
.maincontents .section2 .notice > li.right h3 {margin: 0; padding: 0 20px; color: #7f99a8; line-height: 55px;}
.maincontents .section2 .notice > li.right .slick-dots {position: absolute; right: 20px; top: 15px;}
.maincontents .section2 .notice > li.right .slick-dots li {display: inline-block; margin-left: 5px;}
.maincontents .section2 .notice > li.right .slick-dots li button {width: 10px; height: 10px; background: #c5ccd0; border-radius: 10px; font-size: 0; text-indent: -999px;}
.maincontents .section2 .notice > li.right .slick-dots li.slick-active button {background: #3f8def;}
.maincontents .section3 {position: relative; overflow: hidden; width: 100%; height: 175px; background: url('/images/web/main_contents01.jpg') center center no-repeat; background-size: cover;}
.maincontents .section3 .title_box {padding-top: 45px; text-align: center; line-height: 40px;}
.maincontents .section3 .title_box p {color: #545556; font-size: 24px;}
.maincontents .section3 .title_box h3 {color: #0350b1; font-size: 32px; font-weight: 600;}
.maincontents .section3 > ul {overflow: hidden; position: absolute; top: 40px; right: 60px;}
.maincontents .section3 > ul li {float: left; margin-left: 20px;}
.maincontents .section3 > ul li a {position: relative; display: block; padding-top: 58px; width: 100px; height: 100px; background-color: #2975d5; background-repeat: no-repeat; border-radius: 116px; color: #fff; font-size: 16px; text-align: center;}
.maincontents .section3 > ul li:nth-child(1) a {background-image: url('/images/web/main_icon08.png'); background-position: center 16px;}
.maincontents .section3 > ul li:nth-child(2) a {background-image: url('/images/web/main_icon09.png'); background-position: center 20px;}

.bottomarea {background: #474d5d;}
.bottomarea .bottom_pri {width: 100%; height: 40px; margin: 0 auto; background: #646a7b; text-align: center; line-height: 40px;}
.bottomarea .bottom_pri li {display: inline-block;}
.bottomarea .bottom_pri li a {color: #d8dce4; font-size: 15px; font-family: 'nsB'}
.bottomarea .bottom_pri li a.privacy {color: #f0d165;}
.bottomarea .bottom_pri li .line {padding: 0 5px; color: #979caa; font-size: 12px; line-height: 12px;}
.bottomarea .bottom_box {position: relative; width: 1250px; margin: 0 auto; padding: 35px 0;}
.bottomarea .bottom_box h2 {position: absolute; left: 0; top: 35px; width: 180px;}
.bottomarea .address_box {padding-left: 235px;}
.bottomarea .address_box address p {color: #c6c9d2; font-size: 14px; line-height: 20px;}
.bottomarea .address_box address p.copy {color: #a6aab6; font-size: 13px;}

.mobileoff {display: block !important;}
.mobileon {display: none !important;}
.mobileoff_in {display: inline-block !important;}
.mobileon_in {display: none !important;}
.web_only {display: block !important;}
.mobile_only {display: none !important;}

/*팝업*/
.main_popup{display: block !important; }
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 11050; -webkit-overflow-scrolling: touch; outline: 0; }
.modal .popup {overflow: hidden; overflow-y: auto; position: absolute; left: 50%; transform: translateX(-50%); top: 50%; background: #fff;}
.modal .popup.viewarea{margin-top: -400px; padding-bottom: 20px; transform: none;border:1px solid #999;}
.modal .popup.viewarea .popup_inner{border-bottom: 1px solid #999;}
.modal .popup.viewarea .file{padding-left: 20px; font-size: 14px;}
.modal .popup.viewarea .file a{text-decoration: underline; background: url(/images/web/icon_file.png) no-repeat 0 5%; padding-left: 20px; padding-bottom: 10px;}
.modal .popup.viewarea .btn_area{overflow: hidden; text-align: right; padding-right: 15px;}
.modal .popup.viewarea .btn_area .pop_check{display: inline-block;}
.modal .popup.viewarea .btn_area .btn{padding: 8px 30px; height: auto;}
.modal .popup.board {margin-top: -197px; width: 385px; height: auto;}
.modal .popup.password {margin-top: -120px; width: 400px; height: 240px;}
.modal .popup.qnaboard {margin-top: -450px; width: 1150px; height: auto;}
.modal .popup.broadcast {margin-top: -250px; width: 400px; height: auto;}
.modal .popup.contract{margin-top: -250px; width: 400px; height: auto;}
.modal .popup.writer_info{margin-top: -250px; width: 550px; height: auto;}

.modal.modal_you_tube{left:0% !important; transform: translateX(0);}
.modal.modal_you_tube .popup{overflow-y: hidden; margin: 10px auto; top: 90px; width:800px; height: 505px; left: 25%; transform: translateX(0);}/*intro 동영상*/
.modal.modal_you_tube .popup .popup_inner {padding:0; overflow:hidden;}
.modal.modal_you_tube .popup .board_detail {position:fixed; height:415px; width:800px;}
.modal.modal_you_tube .popup p.ac {position:absolute; bottom: 8px; right: 12px;}

.modal .popup .popup_title {padding: 10px 15px; background: #0173bc; }
.modal .popup .popup_title h3 {color: #fff; font-size: 18px;}
.modal .popup .close {position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; border: 1px solid #fff; background: url('/images/web/icon_close2.png') center center no-repeat;}
.modal .popup .popup_inner {padding: 15px 20px;}
.modal .popup .popup_inner .boardwrite > ul > li > dl > dt {font-size: 13px; line-height: 15px;}
.modal .popup .popup_inner .boardwrite > ul > li > dl > dd {padding: 5px 10px; font-size: 13px;}
.modal .popup .popup_inner .boardwrite > ul > li > dl > dd .inpbox input.txt {font-size: 13px;}
.modal .popup .popup_inner .boardwrite > ul > li > dl > dd .optionbox select {font-size: 13px;}
.modal .popup .popup_inner .writer_info {margin: 10px 0 30px; }
.modal .popup .popup_inner .password_box,
.modal .popup .popup_inner .broadcast_box,
.modal .popup .popup_inner .contract_box{margin: 10px 0 30px; text-align: center;}
.modal .popup .popup_inner .password_box p,
.modal .popup .popup_inner .broadcast_box p,
.modal .popup .popup_inner .contract_box p {margin-bottom: 20px; color: #444; font-size: 13px;}
.modal .popup .popup_inner .password_box .inpbox{display: inline-block; width: 200px; border: 1px solid #d2d2d2;}
.modal .popup .popup_inner .password_box .inpbox input.txt,
.modal .popup .popup_inner .broadcast_box .inpbox input.txt {padding: 0 10px; font-size: 13px;}
.modal .popup .popup_inner .broadcast{}
.modal .popup .popup_inner .broadcast_box .inpbox {display: inline-block; border: 1px solid #d2d2d2;}
.modal .popup .popup_inner .broadcast_box .serch_list1{margin-top: 15px; border-top: 1px solid #ececec; }
.modal .popup .popup_inner .broadcast_box .serch_list1 li.first{background-color: #eee;}
.modal .popup .popup_inner .broadcast_box .serch_list{clear: both; overflow-y:scroll; height: 280px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; white-space:nowrap;}
.modal .popup .popup_inner .broadcast_box .serch_list1 li,
.modal .popup .popup_inner .broadcast_box .serch_list li{float: left; text-align: left; font-size: 13px; height: 40px; padding: 5px 10px; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.modal .popup .popup_inner .broadcast_box .serch_list1 li:nth-child(odd),
.modal .popup .popup_inner .broadcast_box .serch_list li:nth-child(odd){width: 43%;}
.modal .popup .popup_inner .broadcast_box .serch_list1 li:nth-child(even),
.modal .popup .popup_inner .broadcast_box .serch_list li:nth-child(even){border-right: none; width: 57%; }
.modal .popup .popup_inner .broadcast_box .serch_list li a{font-weight: 600; font-size: 13px;}
.modal .popup .popup_inner .broadcast_box .serch_list li a:hover{text-decoration: underline;}
/*에러페이지*/
.error {overflow: hidden; width: 100%; height: auto; margin-top: -125px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.error .error_box {width: 640px; margin: 0 auto; padding: 50px;}
.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}

/*팝업페이지*/

.popup_area{position: relative; overflow: hidden; width: 100%; height: 100%;}
.popup_area .popup_con{overflow: hidden; padding: 15px;}
.popup_area .btn_area{position: absolute; bottom: 5px; right: 5px; z-index: 5; }


@media screen and (min-width:320px) and (max-width:1017px){
	.mobileoff {display: none !important;}
	.mobileon {display: block !important;}
	.mobileon_in {display: block !important;}
	.web_only {display: none !important;}
	.mobile_only {display: block !important; width:100%; padding-bottom: 10px;}
	
	body#main {overflow-x:visible;}
	#wrap {width:100%; min-width:100%; overflow-x:visible;}

	/*메뉴*/
	.toparea .gnb h1 {position: absolute; left: 20px; transform: translateX(0); margin-left: 0;}
	.toparea .gnb .topmenu {width: 100%;}
	.toparea .top_log {display: none;}
	#language .zelect {left: inherit; right: 100px; top: 25px; transform: translateX(0); margin-left: 0; }
	.toparea .top_log {width: 100%; top: 10px; right: inherit;}
	.toparea .top_log ul {display: none;}
	
	.toparea .mobile-category {display:block; width: 100% !important;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu {display: block;}
	
	.midarea .main_img .slick-arrow {left: 30px; transform: translateX(0); margin-left: 0 !important;}
	.midarea .main_img .slick-arrow.slick-next {left: inherit; right: 30px;}
	
	.maincontents {padding: 50px 0 30px; width: 100%;}
	.maincontents .section1 > ul > li {padding-top: 30px; margin-bottom: 20px; width: 25%;}
	.maincontents .section1 > ul > li a{font-size: 16px;}
	.maincontents .section1 > ul > li:nth-child(n+5) {margin-bottom: 0;}
	.maincontents .section2 {padding: 30px 0;}
	.maincontents .section2 .notice > li {width: 50%;}
	.maincontents .section2 .notice > li.left {width: 100%;}
	.maincontents .section2 .notice > li.right {background: #e5e7e8;}
	.maincontents .section2 .notice > li .tab_list > li > a {font-size: 16px; padding-left:0;}
	.maincontents .section2 .notice > li.left .list li a {font-size: 15px;}
	.maincontents .section2 .notice > li.center .list li a { font-size: 15px;}

	.maincontents .section3 {padding: 20px 0; height: auto; text-align: center;}
	.maincontents .section3 .title_box {padding: 0 0 10px; line-height: 30px;}
	.maincontents .section3 .title_box p {font-size: 15px;}
	.maincontents .section3 .title_box h3 {font-size: 24px;}	
	.maincontents .section3 > ul {display: inline-block; position: relative; top: 0; right: inherit;}
	.maincontents .section3 > ul li {float: none; display: inline-block; margin: 0 10px;}
	
	.bottomarea .bottom_box {width: 100%; padding: 30px 10px;}
	.bottomarea .bottom_box h2 {position: relative; left: inherit; top: 0; margin: 20px 0; width: 100%; text-align: center;}
	.bottomarea .bottom_box h2 img {display: inline-block;}
	.bottomarea .address_box {padding-left: 0; text-align: center;}
	.bottomarea .address_box address {margin-top: 10px;}
	.bottomarea .address_box address p {word-break: keep-all; color: #c6c9d2 !important;}
	
	.mobileoff {display: none;}
	.mobileon {display: block;}
	.mobileoff_in {display: none;}
	.mobileon_in {display: inline-block;}
	.web_only {display: block;}
	
}
@media screen and (min-width:320px) and (max-width:784px){
		/*모바일하단*/
	.floating_top {display: block !important; z-index: 700; position: fixed; text-align: center; bottom: 0; left: 0; width: 100%; height: 40px; background: #3571af;}
	.floating_top span {display: block; padding-left: 20px; color: #fff; font-size: 15px; line-height: 40px; background: url('/images/web/icon_floating.png') 60% center no-repeat; background-size: 12px;}

	/*에러페이지*/
	.error {overflow: hidden; width: 100%; height: auto; margin-top: -65px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
	.error .error_box {width: 100%; margin: 0 auto; padding: 30px 20px;}
	.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
	.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
	.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}

	/*월간방송작가웹진*/
	.maincontents .section2 .notice > li { padding: 30px 15px; }
	.maincontents .section2 .notice > li.center .magazine li img {width: 95px; height: 135px;}
	.maincontents .section2 .notice > li.center .magazine li.text { padding-left: 10px; width: 105px;}
	.maincontents .section2 .notice > li.center .magazine li.text dt {font-size: 14px; padding-top: 5px;}
	.maincontents .section2 .notice > li.center .magazine li.text dl{padding-top: 7px; line-height: 18px;}

	.modal.modal_you_tube .popup{overflow-y: hidden; margin: 0; top: 0; left: 0; transform: translateX(0); width: 100%; height: 80%;}/*intro 동영상*/
	.modal.modal_you_tube .popup .board_detail {position:fixed; height:85%; width:100%;}
	}

@media screen and (min-width:320px) and (max-width:640px){
	/*집필리스트팝업*/
	.modal .popup.writer_info{margin-top: -285px; width: 100%; }
	
	/*메뉴*/
	.toparea .gnb h1 {margin-top: -16px; left: 10px;}
	.toparea .gnb h1 > a {width:160px; height:auto;}
	.toparea .gnb .topmenu {height: 60px;}
	
	#language .zelect {right: 45px; top: 16px; transform: translateX(0); margin-left: 0; line-height: 30px; }
	#language .dropdown {top: 44px;}
	
	.toparea .mobile-category .btn-category-holder {top:16px; right: 10px; width:30px; height:30px; background-size: 14px;}

	.midarea .main_img {height: 200px;}
	.midarea .main_img .slick-slide li {height: 200px;}
	.midarea .main_img .slick-slide li img {height: 100%;}
	.midarea .main_img .slick-arrow {margin-top: -22px; width: 23px; height: 45px; background-size: 100% !important;}
	.midarea .main_img .slick-arrow.slick-prev {left: 10px;}
	.midarea .main_img .slick-arrow.slick-next {right: 10px;}

	/*방송작가웹진*/	
	.maincontents .section2 .notice > li.center .magazine li.text{padding-left: 20px; position: relative; width: 55%;}
	.maincontents .section2 .notice > li.center .magazine li.text dt{font-size: 18px;}
	.maincontents .section2 .notice > li.center .magazine li.text dl{padding-top: 15px; font-size: 15px;}
	.maincontents .section2 .notice > li.center .magazine li.text .allview{margin-top: 25px;}

	.maincontents {padding: 10px 0;}
	.maincontents .section1 > ul > li {width: 50%; margin-bottom: 20px !important;}
	.maincontents .section1 > ul > li:nth-child(n+7) {margin-bottom: 0 !important;}
	.maincontents .section2 {padding: 20px 0;}
	.maincontents .section2 .notice > li {float: none; padding: 20px 10px; width: 100%;}
	.maincontents .section2 .notice > li h3 {font-size: 18px; height: auto;}
	.maincontents .section2 .notice > li .more {right: 10px; top: 25px;}
	.maincontents .section2 .notice > li.left {height: 360px;}
	.maincontents .section2 .notice > li.left .list li {margin-bottom: 10px; line-height: 22px;}
	.maincontents .section2 .notice > li.left .list li:last-child {margin-bottom: 0;}
	.maincontents .section2 .notice > li.left .list li a {padding-right: 0;}
	.maincontents .section2 .notice > li.left .list li .date {position: relative; right: inherit; font-size: 12px;}
	.maincontents .section2 .notice > li.center .list li a .date {font-size: 12px;}
	.maincontents .section2 .notice > li.right {height: auto; padding:0 10px;}
	.maincontents .section2 .notice > li.right li img {width: 100%;}
	
	.bottomarea .bottom_pri {height: auto; padding: 10px; line-height: 20px;}
	.bottomarea .bottom_pri li {display: inline-block;}
	.bottomarea .bottom_pri li a {color: #d8dce4; font-size: 15px; font-family: 'nsB'}
	.bottomarea .bottom_pri li a.privacy {color: #f0d165;}
	.bottomarea .bottom_pri li .line {padding: 0 5px; color: #979caa; font-size: 12px; line-height: 12px;}
	.bottomarea .bottom_box {padding: 30px 10px 70px;}
	.bottomarea .bottom_box h2 {margin: 0 0 20px;}

	.modal.modal_you_tube .popup{overflow-y: hidden; margin: 0; top: 0; left: 0; transform: translateX(0); width: 100%; height: 100%;}/*intro 동영상*/
	.modal.modal_you_tube .popup .board_detail {position:fixed; height:82%; width:100%;}

	/*에러페이지*/
	.error {width: 100%; height: auto; margin: -150px auto 0; padding: 0 10px; position: absolute; left: 0; top: 50%; transform: translateX(0);}
}
@media screen and (min-width:320px) and (max-width:480px){

	
	
}