body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;/*font-family:'NanumSquareR';font-size:100%;
  font-style:inherit;
  font-weight:inherit; */}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0} /*display:none*/
textarea, button{vertical-align:middle}
table{border-collapse:collapse;margin: 0 auto;}

 a{text-decoration:none;}
 a:visited{color:#333}
 a{color:#333; text-decoration:none}
a:hover, a:focus, a:active{color:#333; text-decoration:none}

/*new scc start :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*font baedalMinjok Dohyenche */
 @font-face {
  font-family: BaeMinche;
  src: url(../font/BMDOHYEON.eot); /* IE 6 ~ 8, IE 호환성 보기 */
  src: local(☺),
       url(../font/BMDOHYEON.woff2) format('woff2'), /* IE Edge, WOFF2 지원 브라우저 */
       url(../font/BMDOHYEON.woff) format('woff'), /* IE 9+, 모던 브라우저 */
       url(../font/BMDOHYEON.ttf) format('truetype');
	   font-style: normal;
  font-weight: normal;
}
/*malgun Gothic font*/
@font-face {
  font-family: Malgungothic;
  src: url(../font/MalgunGothic.eot); /* IE 6 ~ 8, IE 호환성 보기 */
  src: local(☺),
       url(../font/MalgunGothic.woff2) format('woff2'), /* IE Edge, WOFF2 지원 브라우저 */
       url(../font/MalgunGothic.woff) format('woff'), /* IE 9+, 모던 브라우저 */
       url(../font/MalgunGothic.ttf) format('truetype');
	   font-style: normal;
  font-weight: normal;
}
.lnb ul li a, .main_bn_box, .ntc_wrap h3{font-family: 'BaeMinche', sans-serif;}
body{font-family:Malgungothic, 'Malgungothic', dotum;}

#main_bn_bg{width:100%;height:323px;margin:0 auto;background:#5ec7a8;}
.main_bn_box{width:1000px;margin:0 auto;}
.main_bn_box dd{float:left;height:323px}
.main_bn_box dd.mv_01{background:url('../../images/visual_lefts01.jpg') no-repeat center;width:140px}
.main_bn_box dd.mv_02{background:url('../../images/visual_lefts02.jpg') no-repeat center;width:140px}
.main_bn_box dd.mv_03{background:url('../../images/visual_lefts03.jpg') no-repeat center;width:140px}
.main_bn_box dd.mv_04{background:url('../../images/visual_rights01.jpg') no-repeat center;width:580px}
.main_bn_box dd div{color:#fff;font-size:16px;}
.main_bn_box dd div.mvtxt{position:relative;top:94px;left:31px;}
.main_bn_box dd div.mvtxt h3{padding:0 0 12px 0;font-size:18px;color:#fff}


#main_ntc{margin:0 auto;max-width:1000px;}
.ntc_wrap{width:1000px;box-shadow:1px 10px 11px 2px #e0e0e0;height:252px;margin-top:22px;border-top:1px solid #e0e0e0}
.ntc_wrap dd{float:left;border-right:1px solid #cdcdcd;width:332px}
.ntc_wrap dd:last-child{border-right:0px;}
.ntc_wrap dd.greys{background:#f7f7f7}

.ntc_wrap h3{font-size:20px;padding:22px 0 5px 19px}
.ntc_wrap ul.ntc_mlist{padding:10px 15px;width:100%;height:100%;min-height:177px}
.ntc_wrap ul.ntc_mlist li{font-size:12px;/*font-family:'dotum';*/width:100%;padding:8px 0 7px 12px;background:url('../../images/icd_dott.png') no-repeat left center}
.ntc_wrap ul.ntc_mlist li p{text-align:left;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:75%;line-height:16px;color:#000}
.ntc_wrap h3 span{float:right;margin-right:19px}

#main_btm_bnr{margin:0 auto;width:100%;margin-top:22px}
ul.btm_bnlist{width:1000px;margin:0 auto}
ul.btm_bnlist li{float:left;width:200px}
ul.btm_bnlist li.suyo{background:#ff8f77;width:200px;height:100px;color:#fff;font-size:15px;}
b.textb{font-size:12px;}

#main_roll_bnr{margin:0 auto;width:100%;position:relative;overflow:hidden;margin-top:21px;margin-bottom:12px;}
.m_roll_box{margin-top:22px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f6f6f6;width:100%}

.mCon7 {
    position: relative;
    margin-bottom: 20px;
    width: 958px;
    height: 59px;
    overflow: hidden;
    padding: 5px 20px;
	border:0px;
	border-radius:0;
	top:0px;

    /*border-top: 1px solid #ddd;
	border-bottom:1px solid #ddd;
    border-radius: 7px;
    top: 13px;*/
	margin: 0 auto;
}

/*gnb 이미지변경 */
.gnb .gnb_m01 > a{width:142px; float:left; background:url(../../images/gnb1_off.gif) no-repeat center}
.gnb .gnb_m01 > a:hover, .gnb .gnb_m01 > a:focus, .gnb .gnb_m01 > a:active, .gnb .gnb_m01.active > a{width:142px; float:left; background:url(../../images/gnb1_on.gif) no-repeat center}
.gnb .gnb_m02 > a{width:142px; float:left; background:url(../../images/gnb2_off.gif) no-repeat center}
.gnb .gnb_m02 > a:hover, .gnb .gnb_m02 > a:focus, .gnb .gnb_m02 > a:active, .gnb .gnb_m02.active > a{width:142px; float:left; background:url(../../images/gnb2_on.gif) no-repeat center}
.gnb .gnb_m03 > a{width:142px; float:left; background:url(../../images/gnb3_off.gif) no-repeat center}
.gnb .gnb_m03 > a:hover, .gnb .gnb_m03 > a:focus, .gnb .gnb_m03 > a:active, .gnb .gnb_m03.active > a{width:142px; float:left; background:url(../../images/gnb3_on.gif) no-repeat center}
.gnb .gnb_m04 > a{width:142px; float:left; background:url(../../images/gnb4_off.gif) no-repeat center}
.gnb .gnb_m04 > a:hover, .gnb .gnb_m04 > a:focus, .gnb .gnb_m04 > a:active, .gnb .gnb_m04.active > a{width:142px; float:left; background:url(../../images/gnb4_on.gif) no-repeat center}
.gnb .gnb_m05 > a{width:142px; float:left; background:url(../../images/gnb5_off.gif) no-repeat center}
.gnb .gnb_m05 > a:hover, .gnb .gnb_m05 > a:focus, .gnb .gnb_m05 > a:active, .gnb .gnb_m05.active > a{width:142px; float:left; background:url(../../images/gnb5_on.gif) no-repeat center}
.gnb .gnb_m06 > a{width:142px; float:left; background:url(../../images/gnb6_off.gif) no-repeat center}
.gnb .gnb_m06 > a:hover, .gnb .gnb_m06 > a:focus, .gnb .gnb_m06 > a:active, .gnb .gnb_m06.active > a{width:142px; float:left; background:url(../../images/gnb6_on.gif) no-repeat center}
.gnb .gnb_m07 > a{width:142px; float:left; background:url(../../images/gnb7_off.gif) no-repeat center}
.gnb .gnb_m07 > a:hover, .gnb .gnb_m07 > a:focus, .gnb .gnb_m07 > a:active, .gnb .gnb_m07.active > a{width:142px; float:left; background:url(../../images/gnb7_on.gif) no-repeat center}
.gnb .gnb_m08 > a{width:142px; float:left; background:url(../../images/gnb8_off.gif) no-repeat center}
.gnb .gnb_m08 > a:hover, .gnb .gnb_m08 > a:focus, .gnb .gnb_m08 > a:active, .gnb .gnb_m08.active > a{width:142px; float:left; background:url(../../images/gnb8_on.gif) no-repeat center}
.gnb .gnb_m09 > a{width:142px; float:left; background:url(../../images/gnb9_off.gif) no-repeat center}
.gnb .gnb_m09 > a:hover, .gnb .gnb_m09 > a:focus, .gnb .gnb_m09 > a:active, .gnb .gnb_m09.active > a{width:142px; float:left; background:url(../../images/gnb9_on.gif) no-repeat center}
.gnb .gnb_m10 > a{width:332px; float:left; background:url(../../images/gnb10_off.gif) no-repeat center}
.gnb .gnb_m10 > a:hover, .gnb .gnb_m10 > a:focus, .gnb .gnb_m10 > a:active, .gnb .gnb_m10.active > a{width:332px; float:left; background:url(../../images/gnb10_on.gif) no-repeat center}

/*new scc End :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*=========== asp site css ================================================*/

#nav_gnb .gnb_div ul, .spoke_wrap h3.skwh3, .main_mdl_box, .mivs_02 h4, .suro_bn h3, .bnntitle, .tbv_btm_bnn td h4, .lnb li, ul.btmmtdlist li h5{font-family: 'BaeMinche', sans-serif;}
body{font-family:Malgungothic, 'Malgungothic', dotum;}
#nav_gnb .gnb_div>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li>a {font-family:Malgungothic, 'Malgungothic', dotum;}

#main_mdl_bg{width:100%;height:323px;margin:0 auto;background:#f5f4f4;}
.main_mdl_box{width:1000px;margin:0 auto;}
.main_mdl_box dd{float:left;height:323px}
/* .main_mdl_box dd.mivs_01{background:url('../../images/visual-pic6.jpg') no-repeat bottom center #fffbe8;width:712px} */
.main_mdl_box dd.mivs_01{width:712px}
.main_mdl_box dd.mivs_02{background:url('../../images/rgt_sg_banner.png') no-repeat bottom center #7dcc7b;width:288px}
.main_mdl_box dd.mivs_02 h4{color:#fff;font-size:20px;top:67px;text-align:center;position:relative;font-weight:500}

.main_mdl_box dd div.mvstxt{position:relative;top:84px;left:84px;font-size:18px;color:#053863;font-weight:500}
.main_mdl_box dd div.mvstxt h3{padding:0 0 12px 0;font-size:24px;color:#053863;font-weight:500}



#main_spoke{margin:0 auto;max-width:1000px;}
.spoke_wrap{width:1000px;height:258px;margin-top:22px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
.spoke_wrap dd{float:left;border-right:1px solid #cdcdcd;width:355px}
.spoke_wrap dd:last-child{border-right:0px;}
/*.spoke_wrap dd.greys{background:#f7f7f7}*/

.spoke_wrap h3.skwh3{font-size:20px;padding:15px 0 15px 19px;background:#f4f4f4;border-bottom:1px solid #cdcdcd;font-weight:500}
.spoke_wrap ul.ntc_mlist{padding:10px 15px;width:100%;height:100%;min-height:180px}
.spoke_wrap ul.ntc_mlist li{font-size:14px;/*font-family:'dotum';*/width:100%;padding:8px 0 7px 12px;background:url('../../images/ic_dott3.png') no-repeat left center}
.spoke_wrap ul.ntc_mlist li p{text-align:left;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:75%;line-height:16px;color:#000}
.spoke_wrap ul.ntc_mlist li p a{color:#111;}
.spoke_wrap ul.ntc_mlist li p a:hover{color:#888 !important;}
.spoke_wrap ul.ntc_mlist li p a:focus{color:#111 !important;}
.spoke_wrap ul.ntc_mlist li p a:link{color:#111 !important;}
.spoke_wrap h3 span{float:right;margin-right:19px}

.spoke_wrap dd.suro_bn{background:url(../../images/rgt_cert_pic.png) no-repeat center 52px #46b6c4;height:260px;width:287px;position: relative;top: -1px;}
.spoke_wrap dd.suro_bn h3{color:#fff;font-size:20px;font-weight:500;margin-left:85px;position:relative;top:16px;}


#main_undd_bnr{margin:0 auto;width:100%;margin-top:22px}
table.tbv_btm_bnn{border-collapse: collapse;width:1000px;padding:0;}
.tbv_btm_bnn td{}
.tbv_btm_bnn td.srher{width:104px}
.tbv_btm_bnn td.basic{background:url('../../images/btm_b_bnr01.jpg') no-repeat center;margin-right:7px;width:294px;height:80px;}
.tbv_btm_bnn td.theme{background:url('../../images/btm_b_bnr02.jpg') no-repeat center;margin-right:7px;width:294px;height:80px;}
.tbv_btm_bnn td.micro{background:url('../../images/btm_b_bnr03.jpg') no-repeat center;width:294px;height:80px;}
.tbv_btm_bnn td h4{color:#fff;font-size:16px;font-weight:700;margin-left:65px;font-weight:500;}
.bnntitle{font-size:17px;color:#777777;font-weight:500;}

.btmmtdlist{}
	ul.btmmtdlist li{float:left;border:3px solid #46b6c4;text-align:center;width:289px;margin-right:5px;padding:19px 0;border-radius:0px 3px 0 3px}

	ul.btmmtdlist li.basics{background:url('../../images/bttm_bnn_icon1.png') no-repeat 94% center;background-size:36px}
	ul.btmmtdlist li.themes{background:url('../../images/bttm_bnn_icon2.png') no-repeat 94% center;background-size:36px}
	ul.btmmtdlist li.micros{background:url('../../images/bttm_bnn_icon3.png') no-repeat 94% center;background-size:36px;margin-right:0px}
	ul.btmmtdlist li h5{font-size:17px;color:#2081c1;font-weight:500;}/*#2d97a4*/

ul.btmmtdlist li .tags{
content: '';
    display: block;
	clear:both;
    position: absolute;
    /*left: 0;*/
	margin-top:-21px;
	margin-left:-3px;
    width: 0;
    height: 0;
    border-top: 18px solid #2081c1;
    border-right: 18px solid transparent;
}

/*asp gnb 이미지변경   11,12,13 으로 이미지명 변경*/

.gnb .gnb_m11 > a{width:332px; float:left; background:url(../../images/gnb11_off.gif) no-repeat center}
.gnb .gnb_m11 > a:hover, .gnb .gnb_m11 > a:focus, .gnb .gnb_m11 > a:active, .gnb .gnb_m11.active > a{width:332px; float:left; background:url(../../images/gnb11_on.gif) no-repeat center}
.gnb .gnb_m12 > a{width:332px; float:left; background:url(../../images/gnb12_off.gif) no-repeat center}
.gnb .gnb_m12 > a:hover, .gnb .gnb_m12 > a:focus, .gnb .gnb_m12 > a:active, .gnb .gnb_m12.active > a{width:332px; float:left; background:url(../../images/gnb12_on.gif) no-repeat center}
.gnb .gnb_m13 > a{width:332px; float:left; background:url(../../images/gnb13_off.gif) no-repeat center}
.gnb .gnb_m13 > a:hover, .gnb .gnb_m13 > a:focus, .gnb .gnb_m13 > a:active, .gnb .gnb_m13.active > a{width:332px; float:left; background:url(../../images/gnb13_on.gif) no-repeat center}


.subLayer_m11:after{display:block;clear:both;content:""}
.subLayer_m12:after{display:block;clear:both;content:""}
.subLayer_m13:after{display:block;clear:both;content:""}
.subLayer_m01, .subLayer_m02, .subLayer_m03, .subLayer_m04, .subLayer_m05, .subLayer_m06, .subLayer_m07, .subLayer_m08, .subLayer_m09,
.subLayer_m11, .subLayer_m12, .subLayer_m13
{background-color:#fff; border:3px solid #71abdd; }
.subLayer_m11 {position:absolute; top:45px; left:0; width:999px; z-index:2}
.subLayer_m12 {position:absolute; top:45px; left:0; width:999px; z-index:2}
.subLayer_m13 {position:absolute; top:45px; left:0; width:999px; z-index:2}

/*=========== asp site css End ================================================*/


/* ///////////////////////////////////////////////////////////////old ss*/
.foot_roll {
    position: relative;
    margin: 0 auto;
    text-align: center;
    height: 50px;
    width: 980px;
}
.banner_control {
    position: absolute;
    left: 0;
    top: 1px;
    width: 95px;
}
.banner_control li {
    float: left;
    width: 31px;
}
.banner_control button {
    width: 31px;
    height: 33px;
    border: none;
}
.banner_stop {
    background: url(../../images/foot_roll_stop.gif) no-repeat;
}
.banner_play {
    background: url(../../images/foot_roll_play.gif) no-repeat;
}
.banner {
    width: 900px;
    overflow: hidden;
    height: 50px;
    padding-left: 80px;
    margin-top: 11px;
}
.banner ul li{display:inline-block;padding-left:6px}

#footer {
    position: relative;
    width: 100%;
    height: 120px;
    z-index: 120;
}
#footer {
    clear: both;
}
#footer .content_wrap {
    padding: 20px 0;
}
#footer h1#logo_b {
    position: absolute;
    top: 40px;
    left: 0px;
}
#footer ul.blink {
    float: right;
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}
#footer ul.blink li {
    float: left;
}
#footer ul.blink li a {
    color: #9a9a9a;
    font: normal 11px dotum;
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration: none;
}
.clr {
    clear: both;
}
.text-right {
    text-align: right;
}
/* ///////////////////////////////////////////////////////////old ss end*/