@charset "utf-8";

/* content layout */
#content { padding: 0px 0 0 0px;
           font-family: "Noto Sans CJK KR", "본고딕", "Noto Sans Korean", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, sans-serif;
}

.mainVisual { width: 1100px; height: 140px; margin-top: 35px; position: relative; }
    .mainVisual .m_img { float:left; position: relative; margin: 0 auto; width: 290px; border:1px solid #000 }
    .mainVisual .mb { float:right; position: relative; margin: 0 auto; width: 805px;height: 130px; background-color:#136fc5; border:1px solid #000;}
    .mainVisual .mb .tabs { float:left; padding: 15px 0 0 15px; width:700px;font-size:17px; font-weight:400;color:#ffffff;}
    .mainVisual .mb ul { float:left; padding: 15px 15px 0 15px;}
    .mainVisual .mb ul li {
                            font-size:13px; font-weight:300;color:#ffffff;}

#content .m_content { position: relative; width: 1100px; height: 380px; margin: 0 auto;}

.main_pop { width: 500px;height: 600px;position: absolute;top: 180px;left: 400px;text-align: center;background: #565656;color: #FFF;border: 2px solid #565656;z-index: 1000;}

.bannerzone_dot { position: absolute; top: 10px; right: 20px; width: 80px; HEIGHT: 15PX; text-align: right }
    .bannerzone_dot ul li { display: inline; width: 10px; HEIGHT: 10PX; PADDING-LEFT: 6PX; }

#content .cont_all1 {padding-top: 40px;position: relative; width: 1100px; height: 270px;float: left}
#content .cont_all2 {position: relative;width: 1100px;height: 60px;float: left;}
#content .cont_all3 {position: relative;width: 1100px;height: 80px;float: left;}
#content .cont_bg {width: 34px;text-align: center;float: left;padding-top: 15px}


/* cont_left */
#content .cont_left { float: left; width: 240px; height: 160px; }
    .cont_left .left_title {float: left;width: 230px;height: 40px; padding: 5px 0 0 5px;
                            font-size:17px; font-weight:500;color:#313b56;
                            border-top:4px solid #313b56;
    }
    .cont_left div.tabContent {float: left;width: 210px;height: 210px;padding: 0px 0px 0px 13px;}
        .cont_left div.tabContent ul {float: left;width: 210px;}
        .cont_left div.tabContent ul li {float: left;width: 210px;height: 30px;}
        .cont_left div.tabContent ul li a {border-bottom: dotted 1px #CBCBCB;display: block;width: 210px;padding-left: 0px;white-space: nowrap;color: #666;
                                           line-height: 28px; font-weight:300}
        .cont_left div.tabContent ul li.last a {border: 0}

#content .cont_all2 ul.banner {width: 1100px;height: 45px;float: left;padding: 10px 0 10px 0}
#content .cont_all2 ul li {width: auto;height: 45px;display: inline;float: left;}
#content .cont_all2 ul li img {border: 1px solid #cccccc}
#content .cont_all2 ul li.nono {width: 25px;height: 45px;}
#content .cont_all3 ul.banner {width: 1100px;height: 45px;float: left;padding: 10px 0 10px 0}
#content .cont_all3 ul li {width: auto;height: 45px;display: inline;float: left;}
#content .cont_all3 ul li img {border: 1px solid #cccccc}
#content .cont_all3 ul li.nono {width: 25px;height: 45px;}


#promotionBanner {width: 100%; height: 120px; background-color:#003567; color: #f1f1f1; overflow: hidden;}
.popContents {width: 1024px; margin: 0 auto; padding: 0; overflow: hidden; text-align: center;}
.popClose {width: 1024px; marign: 0 auto; text-align: right; font-size: 10pt; padding: 0;color:#FFf;}
#chkday {color: black;}
label[for=chkday] { cursor: pointer; color: #000; padding-right: 10px;}
.contents {width: 1024px; margin: 0 auto; height: 900px; background-color: #e0e0e0; overflow: hidden; padding: 20px;}