@charset "utf-8";
@import url('plugin.css');

#wrap{position:relative; width:100%; height:100%}
#header{position:relative; width:100%; z-index:501}
#container{position:relative}
#footer{position:relative}
#contents{position:relative;}
.grid{position:relative; width:1200px; margin:0 auto}
.wide{position:relative; width:100%;}
.view_mobile{display: none;}
.dsp, .t_dsp, .m_dsp{display:none}
/* ==========================================================================
   HEADER
   ========================================================================== */
#header .inner_header{padding-bottom:30px}
#header .inner_header .top_bar{height:36px; background-color:#f5f5f5}
#header .inner_header .top_bar .sc_left > div{float:left;}
#header .inner_header .top_bar .link,
#header .inner_header .top_bar .update{display:inline-block; font-size:12px; font-weight:400; color:#888; line-height:36px}
#header .inner_header .top_bar .menu_set{margin:0 10px 0 15px}
#header .inner_header .top_bar .menu_set a{margin:0 4px}
#header .inner_header .top_bar .select_lang{padding-top:9px}
#header .inner_header .top_bar .update:before{content:""; display:inline-block; position:relative; top:2px; width:1px; height:12px; background-color:#e2e2e2; margin:0 15px 0 0}
/*#header .inner_header .top_bar .favorite{padding-left:21px; background:url('../images/common/ico_star1.png') no-repeat 0 center; background-size:14px auto}*/
#header .inner_header .top_bar .sc_right > div{float:left; }
#header .inner_header .top_bar .sc_right .btn_set_member a{margin-left:11px}
#header .inner_header .top_bar .login{padding-left:20px; background:url('../images/common/ico_user1.png') no-repeat 0 center; background-size:12px auto}
#header .inner_header .top_bar .r_share{position:relative; margin-left:14px; padding-top:3px; padding-left:7px;}
#header .inner_header .top_bar .r_share:before{content:""; position:absolute; left:0; top:13px; display:inline-block; width:1px; height:12px; background-color:#e6e6e6}
#header .inner_header .top_bar .r_share > ul{display: flex; align-items: center; gap: 5px;}
#header .inner_header .top_bar .r_share li{padding:0 2px;}
#header .inner_header .top_bar .r_share li a{display:block; line-height:1; padding:5px; cursor:pointer}
#header .inner_header .top_bar .r_share li:last-child{padding-right:0}
#header .inner_header .top_bar .r_share li:last-child a{padding-right:0}
#header .inner_header .top_bar .r_share .ytube{width: 22px;}
#header .inner_header .top_bar .r_share .blog{width: 21px;}
#header .inner_header .top_bar .r_share .facebook{width: 11px;}
#header .inner_header .top_bar .r_share .instagram{width: 20px;}
#header .inner_header .top_bar .r_share .tx{width: 19px;}
#header .inner_header .logo_bar{position:relative; display: flex; justify-content: space-between; align-items: center; text-align:center; padding-top: 30px; padding-bottom: 30px;}
#header .inner_header .logo_bar logo img{width: 284px}
#header .inner_header .logo_bar .left_set,
#header .inner_header .logo_bar .right_set{width: 250px;}

#header .inner_header .nav_bar{position:relative; width:100%; border-top:1px solid #152546; border-bottom:1px solid #e6e6e6; background-color:#fff; box-shadow: 0px 2px 2px 1px rgba(0,0,0,.05); box-sizing:border-box;}
#header .inner_header .nav_bar .grid{position:static;}
#header .inner_header .nav_bar nav{padding-left:50px;}
#header .inner_header .nav_bar nav > ul > li{display:inline-block; margin-left:-30px; }
#header .inner_header .nav_bar nav > ul > li > a{display:block; position:relative; padding:10px 19px 10px 47px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:bold; color:#152546; letter-spacing:-0.25px; line-height:34px}
#header .inner_header .nav_bar nav > ul > li:hover > a,
#header .inner_header .nav_bar nav > ul > li.on > a{color: var(--point-color01)}
#header .inner_header .nav_bar nav > ul > li.has_sub > a{background:url('../images/common/arw9.png') no-repeat right 26px; background-size:10px auto; }
#header .inner_header .nav_bar nav > ul > li .dp2{position:absolute; top:55px; left:0; width:100%; max-height:0; text-align:left; background-color:#fff; overflow:hidden; box-sizing:border-box; transition:max-height .4s ease-in-out}
#header .inner_header .nav_bar nav > ul > li:hover .dp2{max-height:270px}
#header .inner_header .nav_bar nav > ul > li .dp2 .inner_dp2{padding-bottom:30px; border-bottom:1px solid #e7e7e7;}
#header .inner_header .nav_bar .dp2 .wrap_subnav{padding-top:30px; table-layout:fixed}
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp1{width:166px; letter-spacing:-0.25px; vertical-align:top; }
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp1 .stit{font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:500; color: var(--point-color01)}
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp1 .title{margin-top:7px; font-family:'NanumSquareRound',sans-serif; font-size:24px; font-weight:900; color:#222}
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp2{border-left:1px solid #ebebeb}
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp2 li{float:left; width:20%; padding-left:40px; margin-bottom:8px; box-sizing:border-box; }
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp2 li a{display:block; font-family:'Malgun Gothic', '맑은 고딕'; font-size:14px; color:#666; line-height:24px; letter-spacing:-0.25px}
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp2 li a:hover,
#header .inner_header .nav_bar .dp2 .wrap_subnav .menu_dp2 li a.selected{font-weight:bold; color: var(--point-color01)}
#header .inner_header.fixed{height:207px}
#header .inner_header.fixed .nav_bar{position:fixed; top:0}

#btn_allmenu{position:absolute; top:0; left:50%; margin-left:-600px; z-index:500}
#btn_allmenu span{display:block; font-size:0; width:54px; height:54px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; background:url('../images/common/ico_hamburg1.png') no-repeat center; background-size:20px auto; cursor:pointer}
#btn_allmenu.btn_close span{background:url('../images/common/ico_x4.png') no-repeat center; background-size:15px auto}
#btn_search1{position:absolute; top:0; right:50%; margin-right:-600px; z-index:500;}
#btn_search1 span{display:block; font-size:0; width:54px; height:54px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; background:url('../images/common/ico_glass2.png') no-repeat center; background-size:17px auto; cursor:pointer}
#btn_search1 span.btn_close{background:url('../images/common/ico_x4.png') no-repeat center; background-size:15px auto}
#btn_search1 .searchbar{display:none; position:absolute; right:54px; top:0; width:260px; user-select:none}
#btn_search1 .searchbar.open{display:block;}
#allmenu{position:absolute; top:55px; width:100%; max-height:0; background-color:#fff; box-sizing:border-box; overflow:hidden; transition:.4s ease-in-out}
#allmenu.open{max-height:500px; border-bottom:1px solid #e1e1e1; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);}
#allmenu .inner_almenu{padding:14px 0 14px; z-index:501}
#allmenu .inner_almenu > ul > li{position:relative; width:100%; margin-bottom:0; letter-spacing:-0.25px}
#allmenu .inner_almenu > ul > li:before,
#allmenu .inner_almenu > ul > li:after {content:" "; display: table;}
#allmenu .inner_almenu > ul > li:after {clear: both;}
#allmenu .inner_almenu > ul > li .dp1{float:left; width:167px}
#allmenu .inner_almenu > ul > li .dp1 a{display:block; font-family:'NanumSquareRound',sans-serif; font-size:16px; font-weight:900; color:#152546; line-height:48px}
#allmenu .inner_almenu .dp2{float:left; width:calc(100% - 167px)}
#allmenu .inner_almenu .dp2 li{display:inline-block; margin-right:24px}
#allmenu .inner_almenu .dp2 li a{display:inline-block; font-size:14px; color:#333; line-height:48px;}
#allmenu .inner_almenu .dp2 li a:hover,
#allmenu .inner_almenu .dp2 li a.selected{font-weight:bold; color: var(--point-color01);}

/*MOBILE HEADER*/
#header .mobile_header{display:none; position:fixed; width:100%}
#header .mobile_header .m_row_header{position:relative; height:64px; border-bottom:1px solid #eaeaea; background-color:#fff; /*box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);*/}
#header .mobile_header .m_row_header h1{padding-top:19px; text-align:center;}
#header .mobile_header .m_row_header h1 img{width: 180px;}
#header .mobile_header .btn_allmenu,
#header .mobile_header .btn_login,
#btn_search{position:absolute;}
#header .mobile_header .btn_allmenu span,
#btn_search span,
#header .mobile_header .btn_login a{display:block; padding:5px; font-size:0; cursor:pointer}
#header .mobile_header .btn_allmenu{top:19px}
#header .mobile_header .btn_allmenu span{width:20px; height:17px; background:url('../images/common/ico_hamburg1_2.png') no-repeat center; background-size:20px auto}
#btn_search{top:19px}
#btn_search span{width:17px; height:17px; background:url('../images/common/ico_glass2.png') no-repeat center; background-size:17px auto}
/*#header .mobile_header .btn_login{top:16px}
#header .mobile_header .btn_login a{width:16px; height:20px; background:url('../images/common/ico_user1_1.png') no-repeat center; background-size:18px auto}*/

#lnb{position: relative; background: var(--point-color01)}
#lnb .nav{padding-right:42px; overflow:hidden}
#lnb .nav .swiper-slide{float:left; width:auto}
#lnb .nav .swiper-slide a{display:block; padding:0 20px}
#lnb .nav .swiper-slide span{display:inline-block; position:relative; height: 42px; padding:13px 4px; font-family: 'Noto Sans KR', sans-serif; color:rgba(255,255,255,.7); letter-spacing:0; box-sizing: border-box;}
#lnb .nav .swiper-slide.selected span{color:rgba(255,255,255,1)}
#lnb .nav .swiper-slide.selected span:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#fff}
#lnb .btn_more{position:absolute; top:0; right:0; width:42px; height:42px; font-size:0; border-left:1px solid #e5490e; background: var(--point-color01) url('../images/common/ico_plus3.png') no-repeat center; background-size:15px 15px; box-sizing:border-box; z-index:2; cursor:pointer}
#lnb .btn_more.on{background: var(--point-color01) url('../images/common/ico_minus1.png') no-repeat center; background-size:15px 1px}

/*숏컷*/
.sc_shorcut{display:none; position:relative; z-index:500; user-select:none}
.sc_shorcut.open{display:block}
.sc_shorcut .inner_sc{position:absolute;  top:0; left:0; width:100%; background:#fff}
.sc_shorcut .list_section{position:relative; padding:17px}
.sc_shorcut .list_section li{float:left; width:25%; padding:3px; box-sizing:border-box}
.sc_shorcut .list_section li a{display:block; line-height:38px; font-size:15px; color:#555; text-align:center; border:1px solid #e8e8e8}
.sc_shorcut .list_section li.selected a{color:#fff; border-color: var(--point-color01); background: var(--point-color01)}

/* ==========================================================================
   SIDEBAR & SEARCH LAYER
   ========================================================================== */
/*SIDEBAR*/
[data-sidebar]{display:none; position:fixed; top:0; left:0; width:84%; max-width:300px; height:100%; z-index:1051} /*너비 넣어야 함, sidebar 필수*/
[data-sidebar-overlay]{display:none; position:fixed; top:0; left:0; opacity:0; width:100%; height:100%; min-height:inherit; z-index:1048}
#sidebar + .overlay{background-color: #000; cursor:pointer}
#sidebar{display:block; background-color:#fff; overflow:hidden}
#sidebar .inner{position:relative; width:100%; height:100%; padding-bottom:40px; box-sizing:border-box; overflow-y:auto}
#sidebar .inner::-webkit-scrollbar{display: none}
#sidebar .top_sidenav{position:relative; padding:22px 20px 17px}
#sidebar .top_sidenav .logo img{width:100px}
#sidebar .top_sidenav .btn_x{position:absolute; top:26px; right:20px; cursor:pointer}
#sidebar .top_sidenav .btn_x img{width:14px}
#sidebar .sidenav{position:relative; padding:0 20px}

#main_menu{border-top:3px solid #222; padding-bottom:20px}
#main_menu [data-accordion] [data-control]{padding:18px 0; background:transparent; cursor:pointer}
#main_menu [data-accordion] [data-content]{background:transparent}
#main_menu [data-control]{border-bottom:1px solid #eaeaea; text-transform:uppercase}
#main_menu > li{font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:bold; color:#222}
#main_menu > li a{display:block; position:relative}
#main_menu > li.dp1{border-bottom: 1px solid #eaeaea; text-transform:uppercase}  /*단일메뉴일 시*/
#main_menu > li.dp1 > a{width:100%; padding:18px 0px; box-sizing:border-box}
#main_menu > li.dp1 a:after{content: ""; position: absolute;}
#main_menu > li.ico1 a:after {right:10px; top:22px; height:11px; width:8px; background:url('../images/common/ico_sidebar1.png') center center no-repeat; background-size:7px 11px;}
#main_menu > li.selected button,
#main_menu > li.selected > a,
#main_menu > li:hover button,
#main_menu > li:hover > a{color:#00428e}   /*1차 위치인식*/
#main_menu > li > ul > li,
#main_menu > li > ul > li > a{font-size:15px; font-weight:bold; color:#777; text-transform:uppercase}
#main_menu > li > ul > li{padding:0; border:none}
#main_menu > li > ul > li:first-child{padding-top:15px} 
#main_menu > li > ul > li:last-child{padding-bottom:17px; border-bottom: 1px solid #eaeaea}
#main_menu > li > ul > li > a,
#main_menu > li > ul > li > button{padding:8px 0; border-color:#eee}
#main_menu > li > ul > li.selected button,
#main_menu > li > ul > li.selected > a,
#main_menu > li > ul > li:hover button,
#main_menu > li > ul > li:hover > a{color:#003073}   /*2차 위치인식*/

/*SEARCH LAYER*/
#layer_search{display:none; position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,.98); z-index:1052; cursor:pointer; animation:fadeEffect .5s}
#layer_search.open{display:block}
#layer_search .btn_x{position:absolute; top:26px; right:20px; cursor:pointer}
#layer_search .btn_x img{width:20px}
#layer_search .inner_sc{position:relative; width:100%; height:100%;}
#layer_search .inner_sc .layer_center{width:100%; height:150px; padding:0 20px; box-sizing:border-box;}
/* ==========================================================================
  FOOTER
   ========================================================================== */
#footer .inner_footer{padding-bottom:70px}
#footer .inner_footer .top_footer{position:relative; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fafafa}
#footer .inner_footer .top_footer .grid{padding-top:10px; padding-bottom:10px;}
#footer .inner_footer .top_footer .footer_menu li{position:relative; display:inline-block; }
#footer .inner_footer .top_footer .footer_menu li a{display:block; padding:0 20px 0 16px; font-size:13px; color:#777; line-height:30px}
#footer .inner_footer .top_footer .footer_menu li:after{content:""; display:block; position:absolute; right:0 ; top:9px; width:1px; height:14px; background-color:#e0e0e0}
#footer .inner_footer .top_footer .footer_menu li:last-child:after{display:none;}
#footer .inner_footer .bottom_footer{padding-top:43px;}
#footer .inner_footer .bottom_footer .sc_address address{font-size:13px; color:#777; line-height:22px;}
#footer .inner_footer .bottom_footer .sc_address address span{color:#333; margin-left:10px}
#footer .inner_footer .bottom_footer .sc_address address span.ml0{margin-left:0}
#footer .inner_footer .bottom_footer .sc_copyright{position:relative; margin-top:23px}
#footer .inner_footer .bottom_footer .sc_copyright .copyright{margin-top:27px; font-size:12px; color:#333}
#footer .inner_footer .bottom_footer .sc_copyright .refer1{margin-top:10px; font-size:12px; color:#999}

#footer .inner_footer .sc_visitor_count{position:absolute; top:40px; right:0;}
.sc_visitor_count .inner_sc{width:218px; border:1px solid #ebebeb}
.sc_visitor_count .inner_sc .top_visitor{font-size:11px; font-weight:bold; color:#aaa; letter-spacing:0.5px; line-height:34px; text-align:center; background-color:#f3f3f3; text-transform:uppercase;}
.sc_visitor_count .inner_sc .ct_visitor{padding:9px 15px 6px; background-color:#fff}
.sc_visitor_count .inner_sc .ct_visitor li{line-height:24px}
.sc_visitor_count .inner_sc .ct_visitor li:before,
.sc_visitor_count .inner_sc .ct_visitor li:after {content:" "; display: table;}
.sc_visitor_count .inner_sc .ct_visitor li:after {clear: both;}
.sc_visitor_count .inner_sc .ct_visitor li .item{float:left; width:50%; font-size:11px; color:#999;}
.sc_visitor_count .inner_sc .ct_visitor li .item span{font-weight:bold; color:var(--point-color01)}
.sc_visitor_count .inner_sc .ct_visitor li .count{float:right; width:50%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; color:#333; text-align:right}
#footer .inner_footer .sc_right_bn{position:absolute; top:40px; right:0; width:170px;}
#footer .inner_footer .sc_right_bn > div{margin-bottom:6px}
#footer .inner_footer .sc_right_bn img{border:1px solid #ebebeb}

#gototop{position:absolute; top:-1px; right:0; width:52px; height:52px; background: var(--point-color01) url('../images/common/arw_up1.png') no-repeat center; background-size:11px auto; cursor:pointer}

#footer .mobile_footer{display:none; padding-top:35px; padding-bottom:240px; text-align:center; background:#000}
#footer .mobile_footer .footer_menu li{display:inline-block; position:relative;}
#footer .mobile_footer .footer_menu li a{display:block; padding:0 13px; font-size:12px; color:#999; line-height:29px}
#footer .mobile_footer .footer_menu li:after{content:""; display:block; position:absolute; right:0 ; top:9px; width:1px; height:10px; background-color:#444}
#footer .mobile_footer .footer_menu li:last-child:after{display:none;}
#footer .mobile_footer .copyright{margin-top:20px; font-size:12px; color:#999}

#footer .mobile_footer .footer_info li{color: #a9a9a9; font-size: 12px; line-height:29px;}
#footer .mobile_footer .footer_info li span{padding:0 5px; font-size:12px; color:#767676; line-height:29px}

/* ==========================================================================
  Grid Layout
   ========================================================================== */
.index_row:before,
.index_row:after {content:" "; display: table;}
.index_row:after {clear: both;}
.index_row .hm_col:before, .index_row .hm_col1_3:before,
.index_row .hm_col:after, .index_row .hm_col1_3:after {content:" "; display: table;}
.index_row .hm_col:after, .index_row .hm_col1_3:after {clear: both;}
.index_row .index_row:last-child .hm_col_wide{margin-bottom:0}
.index_row.top_gray{padding-top:40px; margin-bottom:40px; background-color:#f5f5f5}

.index_row.bg_black{padding-top:40px; background-color:#292e34}
.index_row.bg_gray{padding-top:40px; margin-bottom:40px; background-color:#f5f5f5}
.index_row.bg_gray1{padding-top:60px; margin-bottom:60px; background-color:#f7f7f7}
.index_row.bg_gray3{padding-top:20px; margin-bottom:40px; background-color:#f5f5f5}
.index_row.bg_gray.bd1{border-bottom: 1px solid #e8e8e8;}

.index_row .hm_col{position:relative; box-sizing:border-box}
.index_row .hm_col1_21.sticky{position: -webkit-sticky; position: sticky; top: 15px;}
.index_row .hm_col1_21.sticky > div{margin-bottom:20px}
.index_row .hm_col{width:50%; margin-bottom:40px}
/*.index_row .hm_col .hm_col{margin-bottom:0}*/
.index_row .col_left{float:left; padding-right: 20px}
.index_row .col_right{float:right; padding-left: 20px}
.index_row .hm_col_wide{width:100%; margin-bottom:40px}
.index_row .hm_col_wide1{width:100%; margin-bottom:60px}
.index_row .hm_col_wide2{width:100%; margin-bottom:20px}
.index_row .hm_col > .hm_col_wide1{margin-bottom:40px}
.index_row .hm_col > div{margin-bottom:20px}
.index_row .hm_col > div:last-child{margin-bottom:0}
.index_row .main_left{float:left; width:67%; padding-right:0}
.index_row .main_right{float:right; width:33%; padding-left:0}
.index_row .hm_col.rightSidebar > div > div{margin-bottom:20px}
.index_row .hm_col.rightSidebar > div > div:nth-last-child(2){margin-bottom:0}

/*3분할*/
.index_row .hm_col1_3{float:left; width:33.3333333333333%; margin-bottom: 40px}
.index_row .hm_col1_3:nth-child(1){padding-right:20px}
.index_row .hm_col1_3:nth-child(2){padding-left:10px; padding-right:10px}
.index_row .hm_col1_3:nth-child(3){padding-left:20px}
/*3번째 작게*/
.index_row .hm_col1_31{float:left; width: calc(50% - 165px); margin-bottom: 40px}
.index_row .hm_col1_31:nth-child(1){padding-right: 15px}
.index_row .hm_col1_31:nth-child(2){padding-left: 5px; padding-right: 10px}
.index_row .hm_col1_31:nth-child(3){width: 330px; padding-left:30px}

/*4분할*/
.index_row .hm_col1_4{float:left; width:25%; margin-bottom:20px}
.index_row .hm_col1_4:nth-child(1){padding-right:15px}
.index_row .hm_col1_4:nth-child(2){padding-left:5px; padding-right:10px}
.index_row .hm_col1_4:nth-child(3){padding-left:10px; padding-right:5px}
.index_row .hm_col1_4:nth-child(4){padding-left:15px}
/*측면고정*/
.index_row .hm_col_nf1,
.index_row .hm_col_f1{margin-bottom:40px}
.index_row .hm_col_nf1{float:left; width:calc(100% - 260px); padding-right:13px}
.index_row .hm_col_f1{float:right; width:260px; padding-left:13px}

/*뷰페이지*/
.index_row .hm_col1_21,
.index_row .hm_col2_21{float:left; margin-bottom:40px}
.index_row .hm_col1_21{width:33.3%; padding-left:20px}
.index_row .hm_col2_21{width:66.7%; padding-right:20px}
/*메인 2-1분할-패드5:5*/
.index_row .hm_colm1_3{width:33.3%}
.index_row .hm_colm2_3{width:66.7%}
/*메인 2-1분할-패드2:1*/
.index_row .hm_colm1_3-1{width:33.3%}
.index_row .hm_colm2_3-1{width:66.7%}

/*3분할-가운데 넒게*/
.index_row .hm_col1_41,
.index_row .hm_col2_41{float:left; width:22%; margin-bottom: 40px}
.index_row .hm_col1_41{width: 24%;}
.index_row .hm_col2_41{width: 52%; padding-left: 20px; padding-right: 20px;}
.index_row .hm_col1_41:first-child{padding-right: 20px;}
.index_row .hm_col1_41:last-child{padding-left: 20px;}

/*3분할-1*/
.index_row .hm_col1_3y1{float:left; width:25.6%; padding-right:26px; border-right:1px solid #efeff1}
.index_row .hm_col2_3y1{float:right; width:74.4%}
/*재분할*/
.index_row .col_big{float:left; width:68.7%; padding-left:26px; padding-right:27px}
.index_row .col_big > div{margin-bottom:39px}
.index_row .col_normal{float:right; width:31.3%}

/*3분할-2*/
.index_row .hm_col2_3y2{float:left; width:calc(74.4% + 27px); padding-right:27px}
.index_row .hm_col1_3y2{float:right; width:calc(25.6% - 28px)}



.sc_ad_wide{padding:7px 0}
.sc_ad_wide.pd0{padding: 0;}
.sc_ad_wide .img1{width:100%}

.sc_ad{position:absolute; top:107px; z-index:100}
.sc_ad.fixed{position:fixed; top:80px}
.sc_ad .item_ad{margin-bottom:10px}
.sc_ad.left_wing{left:50%; margin-left:-790px}
.sc_ad.right_wing{right:50%; margin-right:-790px}
.sc_ad.left_wing1{left:50%; margin-left:-780px}
.sc_ad.right_wing1{right:50%; margin-right:-780px}

.index_row .swiper-button-next,
.index_row .swiper-button-prev{left:auto; top:17px; width:29px; height:29px; margin-top:0; border:1px solid #e5e5e5; background-color:#fff; background-position:center; background-size:6px auto; box-sizing:border-box; transition:ease-in-out .2s}
.index_row .swiper-button-next:hover, .index_row .swiper-button-next:focus,
.index_row .swiper-button-prev:hover, .index_row .swiper-button-prev:focus{background-color:#fbfbfb; outline:none}
.index_row .swiper-button-prev{right:46px; background-image:url('../images/common/arw_prg3_1.png');}
.index_row .swiper-button-next{right:14;  background-image:url('../images/common/arw_prg3_2.png');}

.index_row .prg_s1 .swiper-button-next,
.index_row .prg_s1 .swiper-button-prev{left:auto; top:auto; bottom:16px; width:29px; height:29px; border:none; margin-top:0; box-sizing:border-box; transition:ease-in-out .2s}
.index_row .prg_s1 .swiper-button-prev{right:48px; background:url('../images/common/arw_prg1_1.jpg') no-repeat 0 0; background-size:29px auto}
.index_row .prg_s1 .swiper-button-next{right:16px;  background:url('../images/common/arw_prg1_2.jpg') no-repeat 0 0; background-size:29px auto} 

.index_row .prg_s2 .swiper-button-next,
.index_row .prg_s2 .swiper-button-prev{left:auto; top:auto; bottom:16px; width:29px; height:29px; border:none; margin-top:0; box-sizing:border-box; transition:ease-in-out .2s}
.index_row .prg_s2 .swiper-button-prev{right:48px; background:url('../images/common/arw_prg2_1.jpg') no-repeat 0 0; background-size:29px auto}
.index_row .prg_s2 .swiper-button-next{right:16px;  background:url('../images/common/arw_prg2_2.jpg') no-repeat 0 0; background-size:29px auto} 

.index_row .prg_s3 .swiper-button-next,
.index_row .prg_s3 .swiper-button-prev{left:auto; top:auto; bottom:16px; width:29px; height:29px; border:none; margin-top:0; box-sizing:border-box; transition:ease-in-out .2s}
.index_row .prg_s3 .swiper-button-prev{right:48px; background:url('../images/common/arw_prg3_1.jpg') no-repeat 0 0; background-size:29px auto}
.index_row .prg_s3 .swiper-button-next{right:16px;  background:url('../images/common/arw_prg3_2.jpg') no-repeat 0 0; background-size:29px auto} 

.index_row .prg_s4 .swiper-button-next,
.index_row .prg_s4 .swiper-button-prev{left:auto; top:0; width:29px; height:29px; border:none; margin-top:0; box-sizing:border-box; transition:ease-in-out .2s}
.index_row .prg_s4 .swiper-button-prev{right:30px; background:url('../images/common/arw_prg3_1.jpg') no-repeat 0 0; background-size:29px auto}
.index_row .prg_s4 .swiper-button-next{right:0;  background:url('../images/common/arw_prg3_2.jpg') no-repeat 0 0; background-size:29px auto} 

.index_row .prg_s5 .swiper-button-next,
.index_row .prg_s5 .swiper-button-prev{top:auto; bottom:0; width:29px; height:29px; border:none; margin-top:0; box-sizing:border-box; transition:ease-in-out .2s}
.index_row .prg_s5 .swiper-button-prev{left:calc(50% + 1px); background:url('../images/common/arw_prg6_1.jpg') no-repeat 0 0; background-size:29px auto}
.index_row .prg_s5 .swiper-button-next{left:calc(50% + 29px); background:url('../images/common/arw_prg6_2.jpg') no-repeat 0 0; background-size:29px auto} 

.index_row .prg_s6 .swiper-button-next,
.index_row .prg_s6 .swiper-button-prev{left:auto; top:0; width:29px; height:29px; border:none; margin-top:0; box-sizing:border-box; transition:ease-in-out .2s}
.index_row .prg_s6 .swiper-button-prev{right:31px; background:url('../images/common/arw_prg7_1.jpg') no-repeat 0 0; background-size:29px auto}
.index_row .prg_s6 .swiper-button-next{right:0;  background:url('../images/common/arw_prg7_2.jpg') no-repeat 0 0; background-size:29px auto} 

/*신문내 3차 카테고리*/
#sub_nav_dp3{position:relative; margin-bottom: 25px}
#sub_nav_dp3 > ul{display: flex; flex-wrap: wrap;}
#sub_nav_dp3 > ul > li{width: calc(20% - 5px); position:relative; border:1px solid #eaeaea; margin-right: 6px; margin-bottom: 6px; text-align:center; background:#fff; box-sizing:border-box}
#sub_nav_dp3 > ul > li:nth-child(5n){margin-right: 0;}
#sub_nav_dp3 > ul > li a{display:block; line-height:48px; font-size:14px; color:#555}
#sub_nav_dp3 > ul > li.selected{background:#ea5415}
#sub_nav_dp3 > ul > li.selected a,
#sub_nav_dp3 > ul > li.selected:hover a{font-weight:bold; color:#fff}
#sub_nav_dp3 > ul > li:hover a{color:#ea5415}

/* ==========================================================================
  기타 페이지
   ========================================================================== */
#sub_nav{position:relative; margin-bottom:45px}
#sub_nav li{position:relative; float:left; border:1px solid #eaeaea; border-right:0; text-align:center; background:#fff; box-sizing:border-box}
#sub_nav li:last-child{border-right:1px solid #eaeaea}
#sub_nav.dv2 li{width:50%}
#sub_nav.dv3 li{width:33.33333333333%}
#sub_nav.dv4 li{width:25%}
#sub_nav.dv5 li{width:20%}
#sub_nav.dv6 li{width:16.66666666666%}
#sub_nav.dv7 li{width:14.285714285714%}
#sub_nav.dv8 li{width:12.5%}
#sub_nav.dv9 li{width:11.111111111111111%}
#sub_nav li a{display:block; line-height:48px; font-size:14px; color:#555}
#sub_nav li.selected{background: var(--point-color01)}
#sub_nav li.selected a,
#sub_nav li.selected:hover a{font-weight:bold; color:#fff}
#sub_nav li:hover a{color:#014e9f}

#mobile_subnav{display:none; position:relative; width:100%; padding:0; box-sizing:border-box}
#mobile_subnav select{width:100%; height:49px; font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:500; color:#222; border:none; border-top:1px solid #014e9f; border-bottom:1px solid #e7e7e7; background:#fff url('../images/common/arw5.png') right 10px center no-repeat; zoom: 1; background:none; background-size:11px 7px;}
#mobile_subnav select:focus{outline:0;}

.sub_content{position:relative; width:900px; margin:0 auto; padding-top:45px; padding-bottom:75px}
.sub_content .pg_title{text-align:center; margin-bottom:50px}
.sub_content .pg_title .title{font-family: 'Noto Sans KR', sans-serif; font-size:36px; font-weight:bold; color:#333; line-height:1.3; margin-bottom:15px}
.sub_content .pg_title .stit{font-size:15px; color:#888}
.sub_content .sc_ct{font-size:15px; color:#555; line-height:26px; }
.sub_content .sc_ct .img100 img{width:100%}
.sub_content .sc_ct .image img{max-width:100%}
.sub_content .sc_ct p{margin-bottom:30px}
.sub_content .sc_ct .col_wide{position:relative;}
.sub_content .sc_ct .col_multi{column-count: 2; column-gap:60px; column-rule: 1px solid #eaeaea}

/* ==========================================================================
  게시판
   ========================================================================== */
.board{font-weight: 400;}
.board .item{width: 80px;}
.board .cb{width: 42px;}
.board .subject{flex: 1;}
.board .w40{width: 40px;}
.board .w50{width: 50px;}
.board .w60{width: 60px;}
.board .w70{width: 70px;}
.board .w80{width: 80px;}
.board .w100{width: 100px;}

.board .board_title{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.board .board_title .title{font-family: 'Noto Sans KR', sans-serif; font-size: 23px; font-weight: bold; color: #222;}
.board .empty_data{display: flex; justify-content: center; align-items: center; height:350px;}
.board .empty_data div{ padding-top: 80px; border-bottom:none; font-size:13px; color:#646466; text-align:center; background:url('../images/common/empty_data1.png') no-repeat center 0; background-size:60px auto}
.board .sec_button{display: flex; justify-content: space-between; margin-top: 30px;}
.board .sec_button > div{display: flex;}
.board .sec_button > div > a{width: 86px; line-height: 40px; font-size: 15px;}
.board .sec_button .sec_left > a{margin-right: 6px;}
.board .sec_button .sec_left > a:last-child{margin-right: 0;}
.board .sec_button .sec_right > a{margin-left: 6px;}
.board .sec_button .sec_right > a:first-child{margin-left: 0;}

.board1{font-size: 15px; border-top: 1px solid #222;}
.board1 .board_head,
.board1 .board_body > li{display: flex; align-items: center; min-height: 56px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #eceef1; text-align: center; box-sizing: border-box;}
.board1 .board_body{font-size: 14px;}
.board1 .board_body .subject{font-size: 16px; line-height: 1.3; text-align: left;}
/*.board1 .board_body .subject{display: flex; overflow: hidden; font-size: 16px; text-align: left;}
.board1 .board_body .subject > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
.board1 .img_file{width:16px}
.board1 .t_num{font-family:'Roboto', sans-serif; color: #555;}
.board1 .notice{background-color:#f3f5f8}
.board1 .notice .tag{display:inline-block; width:40px; line-height: 21px; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color:#fff; text-align:center; letter-spacing:-0.25px; border:1px solid #293042; background-color:#293042; border-radius:12px}

.board_view1{border-top:1px solid #222;}
.board_view1 .view_top{padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #eee;}
/*.board_view1 .view_top .title{max-width: 100%; font-size: 20px; font-weight: bold; color: #222; line-height: 24px; letter-spacing: -0.5px; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
.board_view1 .view_top .title{max-width: 100%; font-size: 20px; font-weight: bold; color: #222; line-height: 24px; letter-spacing: -0.5px;}
.board_view1 .view_top .info_article{margin-top: 14px;}
.board_view1 .view_top .info_article i{color: #ddd; margin: 0 11px;}
.board_view1 .view_body{padding:30px 0;}
.board_view1 .view_body p{font-size: 15px; color:#666; line-height: 28px; letter-spacing:-0.5px; margin-bottom:0}
.board_view1 .view_attach{padding: 15px 26px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color:#fbfbfa}
.board_view1 .view_attach .attach{display: flex; justify-content: space-between; align-items: center; padding: 5px 0;}
.board_view1 .view_attach .attach a{font-size: 14px; color:#222; line-height: 20px; letter-spacing:-0.5px; padding-left: 26px; background: url('../images/common/ico_file2.png') no-repeat 0 center; background-size: 16px auto; border-radius:19px; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-align:left}
.board_view1 .view_attach .attach .info{font-family:'Roboto', sans-serif; font-size: 12px; color: #999; letter-spacing: 0;}

.board_write1 .form_write > ul{border-top: 1px solid #222;}
.board_write1 .form_write > ul > li{display: flex; flex-wrap: wrap; min-height: 60px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.board_write1 .form_write > ul > li > div{box-sizing: border-box;}
.board_write1 .form_write .item{width: 130px; color: #666; padding-top: 12px; padding-left: 16px;}
.board_write1 .form_write .vl{width: calc(100% - 130px); font-weight: 400; color: #222; align-self: center;}
.board_write1 .form_write .vl input[type="text"]{width: 100%; height: 42px; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; color: #222; padding-left: 12px; background-color: #fff; border: 1px solid #eaeaea; border-radius: 3px;}
.board_write1 .form_write .vl textarea{height: 240px; padding: 12px; font-size: 14px; color: #222; border-color: #eaeaea; border-radius: 3px;}
.board_write1 .form_write .vl .file_input input[type=text]{width: calc(100% - 47px);}
.board_write1 .form_write .vl .file_input label{width: 42px; height: 42px;}
.board_write1 + .sec_button{justify-content: center;}
.board_write1 + .sec_button > div > a{width: 126px; margin: 0 2px;}

.gallery1{position: relative; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.gallery1 > ul{display: flex; flex-wrap: wrap;}
.gallery1 > ul > li{width: calc(25% - 15px); margin-right: 20px; margin-bottom: 40px; box-sizing: border-box;}
.gallery1 > ul > li:nth-child(4n){margin-right: 0;}
.gallery1 > ul > li a{display: block; height: 100%;}
.gallery1 .thumbnail{border: 1px solid #eaeaea}
.gallery1 .thumb_c:after{padding-bottom:67.2%}
.gallery1 .thumb_c img{position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.gallery1 .txt_set{position:relative; padding:10px 0 0; box-sizing:border-box}
.gallery1 .txt_set .title strong{display:inline-block; max-height:48px; font-size:16px; font-weight:bold; color:#222; line-height:24px; overflow:hidden;}
.gallery1 .txt_set .txt1{display: none; font-size:12px; color:#888; margin-top: 20px}
.gallery1 .txt_set .txt_date{display: none; font-size: 12px; color: #999; margin-top: 9px}
.gallery1 .info_article{display: flex; justify-content: space-between; font-size: 12px; color: #999; margin-top: 10px;}

.gallery1 .noimage{border: 1px solid #e5e5e5; border-top: 1px solid #222;}
.gallery1 .noimage a{display: flex; align-items: center;}
.gallery1 .noimage .thumbnail{display: none;}
.gallery1 .noimage .txt_set{text-align: center; padding: 0 18px;}
.gallery1 .noimage .txt_set .title strong{max-height:72px; line-height:24px;}
.gallery1 .noimage .txt1,
.gallery1 .noimage .txt_date{display: block;}
.gallery1 .noimage .info_article{display: none;}

/*검색*/
#search_bar1 .wrap_searchmenu{display: flex; border-top: 1px solid #222; border-bottom: 1px solid #ececec; background-color: #f5f5f5;}
#search_bar1 .searchmenu{position: relative; width: 96px;}
#search_bar1 .btn_option{display: flex; justify-content: center; align-items: center; height: 45px; font-size: 14px; color: #222;}
#search_bar1 .btn_option span{padding-right: 15px; background: url('../images/common/arw10_1.png') no-repeat right calc(50% + 3px); background-size: 9px auto;}
#search_bar1 .option_box{display: none; position: absolute; left: -14px; top: 41px; border: 1px solid #eaeaea; box-sizing: border-box; border-radius: 5px; background-color: #fff; box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.12); z-index: 10}
#search_bar1 .option_box .inner_box{padding: 16px 15px;}
#search_bar1 .option_box .inner_box > li{font-size: 14px; color: #222; margin-bottom: 8px;}
#search_bar1 .option_box .inner_box > li:last-child{margin-bottom: 0;}
#search_bar1 .option_box .item_o{font-size: 13px; margin-bottom: 7px;}
#search_bar1 .option_box input[type="text"],
#search_bar1 .option_box input[type="date"]{display: block; width: 100%; height: 35px; font-family: 'Noto Sans KR', sans-serif;}
#search_bar1 .option_box .btn_con{margin: -1px;}
#search_bar1 .option_box .btn_con button{display: flex; justify-content: center; align-items: center; height: 40px; font-size: 14px; font-weight: bold; color: #fff; background-color: #005bac; border-radius:  0 0 5px 5px;}
#search_bar1 .option_box .btn_con button:hover{color: #fff;}
#search_bar1 .option_box .add_date{display: none;}
#search_bar1 .option_box .add_date > ul{padding: 16px 15px; border-top: 1px solid #eaeaea;}
#search_bar1 .option_box .add_date > ul > li{margin-bottom: 12px;}
#search_bar1 .option_box .add_date > ul > li:last-child{margin-bottom: 0;}

#search_bar1 .list_option{left: 20px; min-width: 190px;}
#search_bar1 .list_option .inner_box{padding: 8px 15px;}
#search_bar1 .list_option button{color: #666; line-height: 28px;}
#search_bar1 .list_option button span{padding-right: 17px;}
#search_bar1 .list_option button:hover,
#search_bar1 .list_option button.active{font-weight: bold; color: #222;}
#search_bar1 .list_option button.active span{background: url('../images/common/ico_check2.png') no-repeat right center; background-size: 11px auto;}
#search_bar1 .cb_option{min-width: 160px;}
#search_bar1 .cb_option .inner_box{padding: 16px 15px;}
#search_bar1 .cb_option .inner_box > li{margin-bottom: 12px;}
#search_bar1 .cb_option label{display: block;}
#search_bar1 .ip_option{min-width: 190px;}

#search_bar1 .ip_option .inner_box > li{margin-bottom: 15px;}
#search_bar1 .searchmenu.open .btn_option span{background-image: url('../images/common/arw10_2.png')}
#search_bar1 .searchmenu.open .option_box{display: block;}
#search_bar1 .option_box .add_date.open{display: block;}
#search_bar1 .searchstate{padding: 10px 28px; border-bottom: 1px solid #ececec;}
#search_bar1 .searchstate .item_state{display: flex; font-size: 14px; color: #222; margin-bottom: 6px;}
#search_bar1 .searchstate .item_state:last-child{margin-bottom:0}
#search_bar1 .searchstate .item_state .item_o{width: 60px; font-weight: bold; line-height: 24px}
#search_bar1 .searchstate .item_state .vl_o{flex: 1; display: flex; flex-wrap: wrap; align-items: center;}
#search_bar1 .searchstate .item_state .vl_o > li{display: flex; align-items: center; line-height: 24px; margin-right: 12px}
#search_bar1 .searchstate .item_state .vl_o > li:last-child{margin-right: 0}
#search_bar1 .searchstate .item_state .vl_o .btn_del{width: 20px; height: 20px; background: url('../images/common/ico_x6.png') no-repeat center; background-size: 9px auto; margin-left: 3px;}


@media only screen and (max-width: 767px) { 
	#search_bar1 .searchmenu{position: static; flex: 1}
	#search_bar1 .btn_option{font-size: 13px}
	#search_bar1 .option_box{left: 0; top: 95px; min-width: 0; width: 100%}
	#search_bar1 .searchstate{padding: 10px 15px}
	#search_bar1 .searchstate .item_state .vl_o span{font-size: 13px}
	#search_bar1 .searchstate .item_state .vl_o .btn_del{margin-left: 0}
}