@charset "utf-8";
/* CSS Document */
body {}

/*#Wrap {width:1010px; margin:0 auto;}

#Header {height:170px;}
h1 {float:left; width:258px; padding-top:22px;}
.header {position:relative; width:1010px; margin:0 auto; text-align:left; height:100px;}*/

.Container {
    display                 : block;
    width                   : 100%;
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
}

.ContainerBegin {
    margin-top              : 20px;
    -webkit-margin-before   : 20px;
}

.Container .HeaderTop {
    position                : relative;
    height                  : 200px;
    width                   : 1200px; 
    margin                  : 0 auto; 
}

.HeaderTop .HeaderContainer {
    width                   : 1200px; 
    height                  : 150px;
    margin                  : 0 auto;
}

.HeaderContainer .HeaderContents {
    display                 : inline-block;
    padding                 : 50px 0 20px 0; 
    -webkit-padding-before  : 50px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 20px;
    -webkit-padding-start   : 0;
}

.HeaderContents .HeaderMark { 
    float                   : right; 
    margin-top              : -35px; 
    -webkit-margin-before   : -35px;
    margin-right            : 30px; 
    -webkit-margin-end      : 30px;
}

.HeaderContents .HeaderLogo { 
    float                   : left; 
    width                   : 400px; 
    margin-top              : -8px; 
    -webkit-margin-before   : -8px; 
}

.HeaderContents .HeaderSearch {
    float                   : left; 
    padding                 : 10px 40px 0 0; 
    -webkit-padding-before  : 10px; 
    -webkit-padding-end     : 40px; 
    -webkit-padding-after   : 0; 
    -webkit-padding-start   : 0; 
} 

.HeaderContents .HeaderSearch span {
    margin-right            : 6px; 
    -webkit-margin-end      : 6px; 
}

.HeaderContents .HeaderSearch span img {
    vertical-align          : top; 
    padding-top             : 4px; 
    -webkit-padding-before  : 4px; 
}

.HeaderContents .HeaderSearch input {
    vertical-align          : middle;
}

.HeaderSearch .HeaderSearchText {
    width                   : 200px; 
    height                  : 30px !important; 
    border                  : 1px solid #afafaf; 
    margin-top              : -1px; 
    margin-right            : 1px; 
    -webkit-margin-before   : -1px; 
    -webkit-margin-end      : 1px; 
    padding-right           : 5px; 
    padding-left            : 5px; 
    -webkit-padding-end     : 5px; 
    -webkit-padding-start   : 5px; 
}

.HeaderSearch .HeaderSearchButton {
    margin-left             : -5px; 
    -webkit-margin-start    : -5px;
}

.HeaderContents .HeaderLogin {
    float                   : right; 
    padding-top             : 10px; 
    -webkit-padding-before  : 10px; 
}

.HeaderContents .HeaderLogin span {
    margin-right            : 6px; 
    -webkit-margin-end      : 6px;
}

.HeaderContents .HeaderLogin span img {
    vertical-align          : top; 
    padding-top             : 4px; 
    -webkit-padding-before  : 4px;
}

.HeaderContents .HeaderLogin img {
    margin-top              : 1px; 
    -webkit-margin-before   : 1px;
}

.HeaderLogin .HeaderUserIdInput {
    width                   : 108px; 
    height                  : 20px; 
    border                  : 1px solid #afafaf;
    margin-top              : 1px;
    margin-right            : 2px;
    -webkit-margin-before   : 1px;
    -webkit-margin-end      : 2px;
    padding-left            : 7px;
    -webkit-padding-start   : 7px;
    font-family             : Tahoma;
    font-size               : 10px;
    color                   : #818181;
    font-weight             : bold;
}
.HeaderLogin .HeaderPasswordInput {
    width                   : 108px;
    height                  : 20px;
    border                  : 1px solid #afafaf;
    font-family             : Tahoma;
    font-size               : 10px;
    padding-left            : 7px;
    -webkit-padding-start   : 7px;
    color                   : #818181;
    font-weight             : bold;
}
.HeaderLogin .HeaderLoginContents {
    margin-top              : 7px;
    -webkit-margin-before   : 7px;
}

.HeaderLoginContents .HeaderIdSaveCheck {
    float                   : left;
    padding-right           : 30px;
    -webkit-padding-end     : 30px;
}

.HeaderLoginContents .HeaderIdSaveCheck input {
    vertical-align          : middle;
}

.HeaderLoginContents .HeaderIdPwSearch {
    background              : url(/Images/common/bg_top.gif) no-repeat right 1px;
    padding-right           : 5px;
    -webkit-padding-end     : 5px;
}

.HeaderContents .HeaderLoginInfo {
    text-align              : right;
    padding-top             : 0; 
    -webkit-padding-before  : 0; 
}

.Container .NaviContainer {
    position                : relative; 
    width                   : 100%; 
    height                  : 45px; 
    background              : #bb4848; 
    margin-top              : -1px;
}

.Container .Contents {
    position                : relative;
    width                   : 1010px; 
    margin                  : 0 auto; 
}

.Container .BannerLeft {
    position                : absolute; 
    left                    : -160px;
}

.BannerLeft .BannerLeftContainer { 
}

.BannerLeftContainer .BannerLeftContents {
}


#subWrap{position:relative; width:1010px; margin:0 auto;}

#popWrap{position:relative; width:100%; margin:0 auto; overflow:hidden;}
#pop_header {position:relative; margin:0 auto; }

#PartnerLogoText { 
	font-weight:bold; font-family:"NanumGothic", "나눔고딕", "돋움"; color:#333333; font-size:20pt; line-height:120%; border:0 solid #ccc;
}
#PartnerLogoSummary {
	font-weight:bold; font-family:"NanumGothic", "나눔고딕", "돋움"; color:#999999; font-size:14pt; line-height:130%; border:0 solid #ccc;
}

/* .BannerLeftContainer { width:100%; height:120px; background:url(/Images/common/bg_topBanner.jpg) 0 0 repeat-x; } */

/* .BannerLeftContainer { width:100%; height:100px; background:url(/Images/common/bn_top_02_bg.jpg) 0 0 repeat-x; } */

.BannerLeftContainer .eventBgLeft  { float:left; width:50%; height:100px; background:url('/Images/common/bn_top_03l_bg.jpg') 0 0 repeat-x; }
.BannerLeftContainer .eventBgRight { float:left; width:50%; height:100px; background:url('/Images/common/bn_top_03r_bg.jpg') 0 0 repeat-x; }
.BannerLeftContainer .eventLayer { position:absolute; width:100%; }
.BannerLeftContainer .eventLayer .eventContent { position:relative; width:1010px; height:100%; margin:0 auto; }

/*	.HeaderTopContainer { width:100%; height:130px; background-color:#f51439; }	*/
.HeaderTopContainer { 
    width                   : 100%; 
}

.HeaderTopContainer .HeaderTopContents { 
    width                   : 100%; 
    height                  : 25px; 
    border-bottom           : 1px solid #e3e3e3; 
    background-color        : #f4f4f4; 
    display                 : inline-block; 
}

.HeaderTopContents .HeaderTopContent { 
    width                   : 1200px; 
    height                  : 100%; 
    margin                  : 0 auto; 
    line-height             : 25px; 
    overflow                : hidden; 
    font-size               : 8pt !important; 
    font-size               : 0.625em; 
    font-family             : "돋움", "Dotum", "굴림", "Gulim", "AppleGothic", "sans-serif"; 
    color                   : #777777; 
}

.HeaderTopContent .HeaderTopContent1 {
    float                   : left; 
    padding-left            : 10px; 
    -webkit-padding-start   : 10px;
}

.HeaderTopContent .HeaderTopContent2 {
    float                   : right; 
    padding-right           : 10px; 
    -webkit-padding-end     : 10px;
}

.HeaderTopContents a {
    color                   : #777777; 
    text-decoration         : none;
}

.HeaderTopContents a:hover {
    text-decoration         : none;
}

.HeaderTopGuide {
    width                   : 100%; 
    overflow                : hidden; 
}

.HeaderTopGuideContents {
    display                 : none;
    width                   : 1010px;
    margin                  : 0 auto;
    overflow                : hidden; 
    padding-top             : 20px; 
    -webkit-padding-before  : 20px; 
}

.HeaderTopGuideContents h2 {
    display                 : inline-block; 
    width                   : 217px; 
    padding                 : 0; 
    -webkit-padding-before  : 0; 
    -webkit-padding-end     : 0; 
    -webkit-padding-after   : 0; 
    -webkit-padding-start   : 0; 
}

.HeaderTopGuideContents ul {
    overflow                : hidden; 
    width                   : 757px;
}

.HeaderTopGuideContents ul li {
    float                   : left; 
    width                   : 104px; 
    height                  : 100px; 
    text-align              : center;
}

.HeaderTopGuideContents ul li img {
    vertical-align          : top;
}

.HeaderTopGuideClose {
    background              : url(/Images/main/bg_colse.gif) no-repeat center top; 
    width                   : 100%; 
    height                  : 27px; 
    overflow                : hidden; 
    cursor                  : pointer;
    text-align              : center; 
    line-height             : 27px; 
    font-weight             : bold; 
    color                   : #FFF;
    margin-bottom           : 0; 
    -webkit-margin-after    : 0; 
}

#sub_container {overflow:hidden; margin:0 auto;}
#sub_container #Leftcon {float:left; margin-right:30px; -webkit-margin-end:30px; width:210px;}
#sub_container #Contents {float:left; margin-top:24px; margin-bottom:40px; -webkit-margin-before:24px; -webkit-margin-after:40px; width:770px;}
#sub_container #Contents .title {width:770px; border-bottom:1px solid #afafaf; margin-bottom:35px; -webkit-margin-after:35px; padding-bottom:10px; -webkit-padding-after:10px;}

#pop_container {overflow:hidden; margin:0 auto; padding:0; -webkit-padding-before:0; -webkit-padding-end:0; -webkit-padding-after:0; -webkit-padding-start:0;}

.lnbc {margin-bottom:30px; -webkit-margin-after:30px;}
.lnbc h2 {margin-bottom:3px; -webkit-margin-after:3px; background:url(/Images/common/bg_subtitle.gif) no-repeat left top; height:44px; font:18px 'dotum'; font-weight:bold; text-align:center; line-height:44px; width:210px; color:#FFF;}
.lnbc ul {overflow:hidden; border-top:1px solid #afafaf; border-left:1px solid #afafaf; border-right:1px solid #afafaf; background:#FFF url(/Images/common/bg_leftmenu.gif) no-repeat left top; width:208px; }
.lnbc ul li { font:12px 'dotum';border-bottom:1px solid #afafaf; height:40px; line-height:40px; background:url(/Images/common/bg_arrow.gif) no-repeat 175px 12px; padding-left:20px; -webkit-padding-start:20px; font-weight:bold;}
.lnbc ul li:hover { font-weight:bold; background:url(/Images/common/bg_arrow_on.gif) no-repeat 175px 12px; }
.lnbc ul li:hover a { color:#cc0000 !important; }
.lnbc ul li.on {font-weight:bold; background:url(/Images/common/bg_arrow_on.gif) no-repeat 175px 12px;}
.lnbc ul li.on a  { color:#cc0000 !important; }
.lnbc ul li.group { font:12px 'dotum';border-bottom:1px solid #afafaf; height:40px; line-height:40px; background:url(/Images/common/bg_plus_arrow.gif) no-repeat 171px 15px; padding-left:20px; -webkit-padding-start:20px; font-weight:bold;}
.lnbc ul li.group:hover { font-weight:bold; background:url(/Images/common/bg_plus_arrow_on.gif) no-repeat 171px 15px;}

.lnbc ul li.groupon {font-weight:bold; background:url(/Images/common/bg_plus_arrow_on.gif) no-repeat 171px 15px;}
.lnbc ul li.groupon a  { color:#cc0000 !important; }

.lnbc ul li.sub   { padding-left:35px; -webkit-padding-start:35px; }
.lnbc ul {overflow:hidden;}

.quick {margin-bottom:30px; -webkit-margin-after:30px;}
.quick h3 {margin-bottom:20px; -webkit-margin-after:20px;}
.quick .quickMenu {background:url(/Images/common/img_quickmenu.gif) no-repeat 1px 0; height:158px; width:210px;}
.quickF {margin-bottom:25px; -webkit-margin-after:25px;}
.quick .quick01 {display:inline-block; width:43px; height:62px; margin:1px 20px 0 18px; -webkit-margin-before:1px; -webkit-margin-end:20px; -webkit-margin-after:0; -webkit-margin-start:18px;}
.quick .quick02 {display:inline-block; width:43px; height:62px; margin-right:7px; -webkit-margin-end:7px;}
.quick .quick03 {display:inline-block; width:64px; height:62px; }
.quick .quick04 {display:inline-block; width:43px; height:64px; margin:1px 23px 0 18px; -webkit-margin-before:1px; -webkit-margin-end:23px; -webkit-margin-after:0; -webkit-margin-start:18px;}
.quick .quick05 {display:inline-block; width:43px; height:64px; margin-right:15px; -webkit-margin-end:15px;}
.quick .quick06 {display:inline-block; width:43px; height:64px; }

.customer {}
.customer h3 {margin-bottom:14px; -webkit-margin-after:14px;}

.subTop {overflow:hidden; width:770px;}
.subTab {float:left; margin-bottom:20px; -webkit-margin-after:20px;}
.subTab ul {overflow:hidden; background:url(/Images/edu/bar_sub.gif) no-repeat right 2px;}
.subTab ul li {float:left; background:url(/Images/edu/bar_sub.gif) no-repeat left 2px; padding:0 14px 0 15px; -webkit-padding-before:0; -webkit-padding-end:14px; -webkit-padding-after:0; -webkit-padding-start:15px;}
.position {float:right;}

.subTitle {
    overflow                : hidden; 
    width                   : 100%; 
    border-bottom           : 1px solid #afafaf;
	margin                  : 0 0 0 0 !important; 
    -webkit-margin-before   : 0; 
    -webkit-margin-end      : 0; 
    -webkit-margin-after    : 0; 
    -webkit-margin-start    : 0;
	padding                 : 0 0 10px 0; 
    -webkit-padding-before  : 0; 
    -webkit-padding-end     : 0; 
    -webkit-padding-after   : 10px; 
    -webkit-padding-start   : 0;
}

.subTitle .Subject {
    font-size               : 24px; 
    line-height             : 24px; 
    font-weight             : bold; 
    font-family             : "NanumGothic", "나눔고딕", "Dotum", "돋움", "Helvetica", "AppleGothic", "Sans-serif"; 
	vertical-align          : middle; 
}

.subTitle .Summary { font-family:"NanumGothic", "나눔고딕", "Dotum", "돋움", "Helvetica", "AppleGothic", "Sans-serif"; color:#999999; }

/* footer */
#Footer {width:100%; background:url(/Images/common/bg_footer.gif) repeat-x center top; height:220px; margin-top:40px; -webkit-margin-before:40px;}
.footer {width:1010px; margin:0 auto;}
.footer .fQuick {width:860px; height:65px; overflow:hidden; margin:0 auto;}
.footer .fQuick ul {overflow:hidden; padding-top:15px; -webkit-padding-before:15px;}
.footer .fQuick li {float:left; padding:0 35px; -webkit-padding-before:0; -webkit-padding-end:35px; -webkit-padding-after:0; -webkit-padding-start:35px; margin-top:2px; -webkit-margin-before:2px; background:url(/Images/common/bg_bar.gif) no-repeat right 0;}
.footer .fQuick li.last {background:none !important; padding-right:0 !important; -webkit-padding-end:0;} 

.footer .fmenu {margin:9px auto 0; -webkit-margin-before:9px; -webkit-margin-end:9px; -webkit-margin-after:9px; -webkit-margin-start:9px; width:430px;}
.footer .fmenu ul {overflow:hidden; margin-bottom:10px; -webkit-margin-after:10px; }
.footer .fmenu ul li {float:left; padding:0 13px; -webkit-padding-before:0; -webkit-padding-end:13px; -webkit-padding-after:0; -webkit-padding-start:13px;}

.footer .fbot {overflow:hidden; width:1010px; margin:28px auto 0; -webkit-margin-before:28px; -webkit-margin-end:28px; -webkit-margin-after:28px; -webkit-margin-start:28px;}
.footer .fbot .flogo {float:left;width:270px; height:100px;}
.footer .fbot .flogo img {margin:8px 0 0 0; -webkit-margin-before:8px; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;}
.footer .fbot .copyright {float:left;}
.footer .fbot .copyright .copy .add {margin-top:10px; -webkit-margin-before:10px; border:0 solid #ccc; font-weight:bold;}
.footer .fbot .footerMark {
    position                : absolute; 
    margin-left             : 1030px;
    -webkit-margin-start    : 1030px;
}


#familySite {width:100%; height:141px; background-color:#454545;}
#familySite .siteBanner {width:1010px; margin:0 auto;}
#familySite .siteBanner ul {overflow:hidden;}
#familySite .siteBanner ul li {float:left;}