@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.color {color:#2687F0} /*테마색*/
.tcolor {color:#333333} /*테마글자색*/
.bcolor {color:#666666} /*게시판 배경색*/
.btcolor {color:#FFFFFF} /*게시판 글자색*/

.color_b {background-color:#2687F0} /*테마색*/
.tcolor_b {background-color:#333333} /*테마글자색*/
.bcolor_b {background-color:#666666} /*게시판 배경색*/
.btcolor_b {background-color:#FFFFFF} /*게시판 글자색*/

/*background 대표테마색*/
.img_bgc{background-color:#2687F0}

/*탭 bgcolor 대표테마색*/
.prd_tabs li{background-color:#666666;color:#FFFFFF}
.prd_tabs li a{color:#FFFFFF}
.agency_tab li.tab_choice{background-color:#666666}
#tab_choice{background-color:#666666!important}

/*좌측메뉴 타이틀+라인 대표테마색*/
.l_tit,.l_tit2{color:#2687F0}
.text_menu{border-bottom:2px solid #2687F0}

/*서브우측컨텐츠 타이틀+블릿+라인 대표테마색*/
.tit_bullet{background-color:#2687F0;border: 1px solid #2687F0;_background:#2687F0}

/*서브 컨텐츠 타이틀+블릿색상 대표테마색*/
.bullet_img{background-color:#2687F0}

/*메인 배경색 및 타이틀*/
.col_basic{background-color:#2687F0}
.tab_wrap li{color:#2687F0}
.con_tit{color:#2687F0}

/* 웹진테두리 */
.bd_bgc{background-color:#666666}

/*배경색+타이틀명 라인색*/
.cla_bg{background-color:#666666;color:#FFFFFF}
.bd_tit,.t_bgcolor,.t_bgcolor th,.t_bgcolor tr td{background-color:#666666;color:#FFFFFF}
.Form_top,.Form_top2{border-top:2px solid #666666}
.Form_box{border:2px solid #666666}

/*form 게시판색*/
.subtitle {color:#666666}

/*쇼핑몰추가*/
.bcolor_b2{border:1px solid #666666;color:#666666}
.shop_bt2{border:1px solid #666666;}
.brd_b{border-top:2px solid #666666;}


/* 메인비쥬얼 하단 컨테이너 색상 */
/*#main_container {*/
/*    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#2687F0, EndColorStr=#4eafff);*/
/*    background: -ms-linear-gradient(top, #2687F0, #4eafff);*/
/*    background: -moz-linear-gradient(top, #2687F0, #4eafff);*/
/*    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2687F0), to(#4eafff));*/
/*}*/

/* gnb frame */
#css_gnb_frame {
    text-align: left; margin: 0 auto;
}
/* main-menu */
#css_gnb_frame div.mm_wrap {
    height: 70px;
    text-align: center;
    margin-top:12px;
}
#css_gnb_frame ul.mm {
    list-style: none;
    margin: 0;
    white-space: nowrap;
    line-height: 70px;
    height: 70px;
}
#css_gnb_frame ul.mm li {
    display: inline;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    letter-spacing: -1px;
    font-weight: bold;
    float:left;
    width: 200px;
}
#css_gnb_frame ul.mm li.first {
    margin-left: 0px;
}


/*#css_gnb_frame ul.mm li:hover {background:#ff6c00; color:#ffffff!important;}*/

/* sub-menu */
/*2012.10.15 브라우저 축소시 2depth 메뉴 nobr. class="sm_box" add (css_menu.in.php div add )*/
#css_gnb_frame .sm_box{
    position: absolute;
    margin-top: 0px;
    line-height: 1.3em;
    min-width:1000px;
    z-index:99;
}
#css_gnb_frame ul.sm {
    float: left;
    width:200px;
    border-right:1px solid #e2e2e2!important;
    height: 320px;
    padding-top:120px!important;
    border-top: 3px solid transparent!important;
    box-sizing: border-box;
}

#css_gnb_frame ul.sm:hover{border-top: 3px solid #1e91d1!important;box-sizing:border-box;}

#css_gnb_frame ul.sm.s1 {
    width:200px;
    border-left:1px solid #e2e2e2!important;
    background: url(/images/sm_bg1.png) no-repeat top;
}
#css_gnb_frame ul.sm.s2 {
    background: url(/images/sm_bg_2.png) no-repeat top;
}
#css_gnb_frame ul.sm.s3 {
    background: url(/images/sm_bg3.png) no-repeat top;
}
#css_gnb_frame ul.sm.s6 {
    background: url(/images/sm_bg4.png) no-repeat top;
}
#css_gnb_frame ul.sm.s5 {
    background: url(/images/sm_bg5.png) no-repeat top;
}
#css_gnb_frame ul.sm.s7 {
    background: url(/images/sm_bg6.png) no-repeat top; display:none;
}
#css_gnb_frame ul.sm.s94 {
    background: url(/images/sm_bg_7.png) no-repeat top;
}

#css_gnb_frame ul.sm.s1:hover {
    background:#fff url(/images/sm_bg_h1.png) no-repeat top;
}
#css_gnb_frame ul.sm.s2:hover {
    background:#fff  url(/images/sm_bg_2h.png) no-repeat top;
}
#css_gnb_frame ul.sm.s3:hover {
    background:#fff  url(/images/sm_bg_h3.png) no-repeat top;
}
#css_gnb_frame ul.sm.s6:hover {
    background:#fff  url(/images/sm_bg_h4.png) no-repeat top;
}
#css_gnb_frame ul.sm.s5:hover {
    background:#fff  url(/images/sm_bg_h5.png) no-repeat top;
}
#css_gnb_frame ul.sm.s7:hover {
    background:#fff  url(/images/sm_bg_h6.png) no-repeat top;
}
#css_gnb_frame ul.sm.s94:hover {
    background:#fff  url(/images/sm_bg_7h.png) no-repeat top;
}

#css_gnb_frame ul.sm li {
    cursor: pointer;
    white-space:nowrap;
    font-size: 14px;
    line-height: 30px;
    *line-height: 1.1em;
    *height: 11px;
    text-align:center;

}
#css_gnb_frame ul.sm li.first {
    margin-left: 0;
}

.menu_w_wrap{
    position: absolute;
    top: 95px;
    left: 50%;
    width: 1920px;
    display: none;
    margin: 0px 0 0 -960px;
    z-index: 99999999;
    padding-bottom: 25px;
    background: #f3f5f6;
    border-bottom:1px solid #d7d7d7;
    height: 295px;
    overflow-x: hidden;
}


.menu_w{margin-left: 360px;}


#css_gnb_frame .menu_w_wrap .menu_w .sm.s76 {display:none;}
#css_gnb_frame .menu_w_wrap .menu_w .sm.s33 {display:none;}
#css_gnb_frame .menu_w_wrap .menu_w .sm.s35 {display:none;}


#main2 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#main2 > div.banner-wrap {
    margin-top: 0px;
}

#main2 > div.banner-wrap.first {
    margin-top: 0px;
}
#banner_41.banner-wrap {
    overflow: hidden;
    clear: both;
}

#banner_41.banner-wrap {
    width: 1400px;
    height: 158px;
    text-align: center;
}

#banner_41.banner-wrap div {
    margin-top: px;
}

.banner_image_0 {
    margin: 0px !important;
}

#banner_43.banner-wrap {
    overflow: hidden;
    clear: both;
}

#banner_43.banner-wrap {
    width: 1400px;
    height: 240px;
    text-align: left;
}

#banner_43.banner-wrap div {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 HACK*/
    _display: inline; /*IE6 HACK*/
    margin-left: 0px;
}

.banner_image_0 {
    margin: 0px !important;
}

#banner_44.banner-wrap {
    overflow: hidden;
    clear: both;
}

#banner_44.banner-wrap {
    width: 1400px;
    height: 240px;
    text-align: left;
}

#banner_44.banner-wrap div {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 HACK*/
    _display: inline; /*IE6 HACK*/
    margin-left: px;
}

.banner_image_0 {
    margin: 0px !important;
}

#main3 {
    margin-top: 50px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#main3 > div.banner-wrap {
    margin-top: 0px;
}

#main3 > div.banner-wrap.first {
    margin-top: 0px;
}

#banner_45.banner-wrap {
    overflow: hidden;
    clear: both;
}

#banner_45.banner-wrap {
    width: 100%;
    height: 140px;
    text-align: center;
}

#banner_45.banner-wrap div {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 HACK*/
    _display: inline; /*IE6 HACK*/
    margin-left: 0px;
}

.banner_image_0 {
    margin: 0px !important;
}

#banner_53.banner-wrap {
    overflow: hidden;
    clear: both;
}

#banner_53.banner-wrap {
    width: 1400px;
    height: 500px;
    text-align: left;
}

#main2 .section-2-wrap {
    display: flex; /* 가로로 배치하려면 flex */
    flex-wrap: wrap; /* 필요 시 줄바꿈 */
}

#main2 .section-2-wrap > div {
    margin: 0;
    padding: 0;
}

#main2 .section-2-wrap img {
    display: block;
}

/* gnb frame */
#css_gnb_frame {
    width: 1200px;
    height: 80px;

}
/* main-menu */
#css_gnb_frame div.mm_wrap {
    /* none */
    border: 0px transparent solid;
    background-color: transparent;
}
#css_gnb_frame ul.mm li {
    margin-left: 00px;
    font-size: 17px;
    color: #333333;
}
#css_gnb_frame ul.mm li:hover, #css_gnb_frame ul.mm li.hover {
    color: #1E91D1;
}
/* sub-menu */
#css_gnb_frame ul.sm {
    padding-top: 10px;
    /* none */
    border: 1px transparent solid;
    background-color: transparent;
}
#css_gnb_frame ul.sm li {
    margin-left: 00px;
    color: #333333;
}
#css_gnb_frame ul.sm li:hover, #css_gnb_frame ul.sm li.hover {
    color: #1E91D1;
}
/* sub-menu margin */
#css_gnb_frame ul.sm.s1 { margin-left: 0px; }
#css_gnb_frame ul.sm.s2 { margin-left: 0px; }
#css_gnb_frame ul.sm.s3 { margin-left: 0px; }
#css_gnb_frame ul.sm.s6 { margin-left: 0px; }
#css_gnb_frame ul.sm.s5 { margin-left: 0px; }
#css_gnb_frame ul.sm.s94 { margin-left: 0px; }