#header{width:100%;min-width:1250px;position:relative}
.header{position:relative;height:100px}
.header .logo{display:inline-block;top:27px;position:relative;z-index:500;left: 50%;margin-left: -625px;}
.header .logo img{width:270px}
.top-menu{position:absolute;right:70px;top:20px;}
.top-menu li{display:inline-block;line-height:24px;vertical-align:middle}
.top-menu li:after{content:"|";color:#f3f3f3;font-size:10px;vertical-align:top}
.top-menu li:last-child:after{content:"";}
.top-menu li>a{color:#92959a;padding:0 10px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.top-menu li>a:hover{color:#02253b}

.main-menu-wrap{width:100%;height:60px;position:absolute;bottom:0px;left:0;}
.main-menu{position:absolute;height:100px;left:50%;margin-left:-400px;bottom:0;}
.main-menu>.act2:after{position:absolute;bottom:0;left:0;width:100%;height:5px;background: #02253b;display:inline-block;content:""}
.main-menu>.act2>a{opacity:0.5 !important}
.main-menu li{position:relative;display:inline-block;margin-left:105px;height:100px;line-height:100px;}
.main-menu li:hover{border-bottom:5px solid #02253b}
.main-menu li:hover a{opacity:0.5}

.main-menu>.act{border-bottom:5px solid #02253b}
.main-menu>.act>a{opacity:0.5}

.main-menu li>a{color:#02253b;font-size:17px;font-weight:500;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}

.main-menu-wrap:hover .down-menu-bg{height:270px;}
.down-menu-bg{position:absolute;top:60px;left:0;width:100%;height:0;background:#fff;border-bottom:1px solid #02253b;z-index:200;overflow:hidden;border-top:1px solid #ddd}
.down-menu-wrap{width:1250px;height:276px;margin:0 auto;position:relative;overflow:hidden}
.down-menu-event{width:257px;position:relative;margin-top:30px;}
.down-menu-event .mark{width:34px;height:34px;background:#f49e17;color:#fff;font-size:12px;font-weight:600;text-align:center;line-height:34px;margin:0 auto;position:absolute;top:7px;left:7px;z-index:100}
.down-menu-event .slick-slide{position:relative}
.down-menu-event .slick-slide p{color:#677c89;text-align:center;margin-top:5px}
.down-menu-wrap .down-menu{position:absolute;right:30px;top:-8px}
.down-menu-wrap .down-menu>li{float:left;text-align:right;;padding-top:30px}
.down-menu-wrap .down-menu>li>a{display:none}
.down-menu-wrap .down-menu>li>ul>li>a{font-size:14px;color:#677c89;line-height:38px;display:block;height:38px;position:relative}
.down-menu-wrap .down-menu>li>ul>li>a:before{content:">";opacity:0;text-indent:-9999px;display:inline-block;overflow:hidden;width:8px;height:13px;background:url("/image/site/sub/new-next.png") no-repeat;background-size:8px 13px;vertical-align:-1px;margin-right:10px;color:#fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.down-menu-wrap .down-menu>li>ul>li>a:hover:before{opacity:1}
.down-menu-wrap .down-menu .dm-2{margin-left:27px}
.down-menu-wrap .down-menu .dm-3{margin-left:50px}
.down-menu-wrap .down-menu .dm-4{margin-left:59px}
.down-menu-wrap .down-menu .dm-5{margin-left:86px}
.down-menu-wrap .down-menu .dm-6{margin-left:91px}
.down-menu-bg .sns_lst{display:none}

#content{overflow:hidden}
#footer{position:relative;}
#footer .company_wrap{position:relative;;text-align:center;background:#f8f8f8;padding:20px 0}
#footer .company_wrap ul{display:inline-block;margin:0 auto}
#footer .company_wrap ul li{display:inline-block;margin:0 8px;width:65px;vertical-align: top}
#footer .company_wrap ul li p{font-size:13px}
#footer .company_wrap ul li img{max-width:100%}
#footer .footer_wrap{position:relative;background:#eaeaea;padding:40px 0}
#footer .footer_wrap .inner{position:relative;width:1250px;margin:0 auto}
#footer .footer_wrap #f_logo{vertical-align: top;display:inline-block;width:230px;margin-top:15px}
#footer .footer_wrap #f_logo img{width:100%}
#footer .footer_wrap .info{vertical-align: top;display:inline-block;margin-left:35px;padding-left:20px;border-left:1px solid #000}
#footer .footer_wrap .info .pc_lst{display:block}
#footer .footer_wrap .info .m_lst{display:none}
#footer .footer_wrap .info p{font-size:14px;white-space:pre-wrap;}
#footer .footer_wrap .info p span{font-size:13px;font-weight:300;letter-spacing:0px}
#footer .footer_wrap .info ul li{display:inline-block;margin-right:5px}
#footer .footer_wrap .info ul li a{display: inline-block;font-size:14px;font-weight:bold;color:#222}
#footer .footer_wrap .sns_lst{position:absolute;top:-10px;right:10px}
#footer .footer_wrap .sns_lst a{margin-left:10px;display:inline-block;}
#footer .footer_wrap .sns_lst a img{max-width:24px}
#footer .m_quick_menu{display:none}

/* sub */
.sub_content{padding:100px 0}
.sub_content p{white-space:pre-wrap}

.sub_content .t1{font-size:45px;font-weight:300;line-height:55px}
.sub_content .t2{font-size:20px;font-weight:300;line-height:28px}
.sub_content .pc_img{display:block}
.sub_content .m_img{display:none}

.sub_key{text-align:left;position:relative;font-size:30px;color:#02253b;font-weight:bolder;width:1250px;margin: 0 auto}
.sub_key:after{position:absolute;left:0;bottom:-14px;box-shadow: inset 0 0 0 0 #02253b;width:52px;height:3px;content:"";display:inline-block;animation-name: fill-lr ;animation-duration: 2s;animation-fill-mode: both;}

@-webkit-keyframes fill-lr {
  0% {
    -webkit-box-shadow: inset 0 0 0 0 #02253b;
            box-shadow: inset 0 0 0 0 #02253b;
  }
  100% {
      -webkit-box-shadow: inset 52px 0 0 0 #02253b;
              box-shadow: inset 52px 0 0 0 #02253b;
  }
}

/* aside */
#aside{width:140px;padding:10px;position:fixed;left:50%;margin-left:700px;top:235px;background:#fff;z-index:200;border:1px solid #e0dcd3}
#aside .txt1{font-size:16px;color:#022539}
#aside .txt2 img{width:100%;margin-top:5px}
#aside .aside_chk{cursor:pointer}
#aside .aside_chk span{color:#222;font-size:14px;margin-left:4px;}
#aside .aside_chk:hover>span{color:#1187ff}
#aside .aside-wrt,#aside .join-wrt{color:#fff;width:100%;margin-top:10px;background:#f49e17;font-size:16px;font-weight:bold;text-align:center;line-height:35px;height:35px;display:block;}
#aside .aside-wrt:hover{background:#02253b;}
#aside .join-wrt{width:138px;margin-top:5px;border:1px solid #455f6e;background:#fff !important;color:#022539;font-weight:500}
#aside .join-wrt:hover{background:#022539 !important;color:#fff}

#aside .text_input{width:99%;background:#fff;border:1px solid #000;color:#222 !important;padding:0;margin:0;height:30px;line-height:30px;text-indent:10px;font-size: 14px;border-radius:0px;}
#aside select{font-size:14px;width:100%;background:#fff;border:1px solid #000;color:#222 !important;padding:0;margin:0;height:30px;line-height:30px;border-radius:0px;background: #fff url('/image/site/index/slt_arw.png') 90% no-repeat;-webkit-appearance: none;background-size: 10px;padding-left:10px;border-radius:0 !important;-moz-appearance: none;appearance: none;}
#aside select::-ms-expand {
    display: none;
}

.aside-link{width:100%;height:59px;padding-top:70px;background:url('/image/site/index/aside_bg.png') no-repeat center;background-size:cover;margin-top:10px;text-align:left}
.aside-link p{display:none;padding:10px 0 0 10px;font-size:20px;color:#352c2b;font-weight:300;letter-spacing:-1px;line-height:25px}
.aside-link p>span{font-size:25px;font-weight:400;line-height:25px}
.aside-link a{display:block;width:115px;height:25px;margin-left:8px;margin-top:20px;text-indent:5px;background:#f49e17;color:#ffffff;line-height:25px; font-size: 11px;}
.aside-link img{margin-left: 5px; margin-bottom:2px;}

/* pri */
.tac_cont{background:#fff;max-width:960px;position:relative;min-height:300px;margin:30px auto}
.tac_cont pre{padding:20px;line-height:150%;}
.tac_title{width:100%;height:50px;background:#02253b;line-height:50px !important;text-indent:20px;color:#fff;font-size:20px}
.mfp-close{color:#fff !important;width:50px !important;height:50px !important;font-size:40px !important}
.pre_wrap{white-space: pre-wrap;padding:30px}

.btn{width:380px;margin:0 auto}

/* UI Object */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
.tbl_type caption{display:none}
.tbl_type tfoot{background-color:#f5f7f9;font-weight:bold}
.tbl_type th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_type td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
.tbl_type td.ranking{font-weight:bold}
/* //UI Object */

@media all and (max-width:1730px) {
    #aside{left:auto;margin-left:0;right:20px}
}


@media all and (max-width:1200px) {
    .pre_wrap{white-space: pre-wrap;padding:30px 15px;font-size:14px}

    #open-button{position:fixed;right:0;top:0;z-index:10000;width:50px;height:50px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;cursor:pointer;display:block;}
    #open-button:after{clear:both}
    .navicon-line{position:absolute;width:28px;height:3px;border-radius:1px;background:#022539;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
    .nl1{top:15px;left:12px}
    .nl2{top:24px;left:12px}
    .nl3{top:33px;left:12px}
    .act>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:35px;position:absolute;top:24px;left:8px;margin:0;padding:0;background:#022539}
    .act>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
    .act>div>div:last-child{opacity:0;}
    .roof{display:none;position:fixed;left:0;top:50px;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.7)}

    #header{min-width:auto;position:fixed;top:0;left:0;z-index:100}
    .header{position:relative;height:50px;background:#fff;border-bottom:1px solid #c5c5c5}
    .header .logo{top:8px;left:10px;margin-left:0;}
    .header .logo img{width:200px}

    .main-menu-wrap{width:100%;height:60px;position:absolute;bottom:0px;left:0;}
    .main-menu{display:none;}

    .main-menu-wrap:hover .down-menu-bg{height:100%;}
    .down-menu-bg{position:fixed;top:51px;left:auto;right:-200px;width:200px;height:100%;background:#fff;border-bottom:none;z-index:200;overflow-y:scroll;border-top:none}
    .down-menu-bg.navi_act{right:0 !important}
    .down-menu-wrap{width:auto;height:auto}
    .down-menu-wrap .down-menu{position:relative;right:0;top:0}
    .down-menu-wrap .down-menu>li{float:none;text-align:left;padding-top:0;}
    .down-menu-wrap .down-menu>li>a{display:block;font-size:16px;color:#000;height:45px;line-height:45px;padding-left:20px;border-bottom:1px solid #ddd;background:url('/image/site/sub/membership/faq_arw.png')no-repeat;background-position: 94% center;background-size:12px}
    .down-menu-wrap .down-menu>li>ul{display:none;border-bottom:1px solid #ddd;padding-bottom:10px}
    .down-menu-wrap .down-menu>li>ul>li>a{font-size:14px;color:#5e5e5e;text-indent:10px;line-height:30px;display:block;height:30px;position:relative}
    .down-menu-wrap .down-menu>li>ul>li>a:hover:before{opacity:0}
    .down-menu-wrap .down-menu .dm-2{margin-left:0}
    .down-menu-wrap .down-menu .dm-3{margin-left:0}
    .down-menu-wrap .down-menu .dm-4{margin-left:0}
    .down-menu-wrap .down-menu .dm-5{margin-left:0}
    .down-menu-wrap .down-menu .dm-6{margin-left:0}
    .down-menu-bg .sns_lst{display:block;text-align:center;position: absolute;bottom: 60px;  left: 40px;}
    .down-menu-bg .sns_lst a{display:inline-block;vertical-align: top;margin-right:10px}
    .down-menu-bg .sns_lst a img{height:25px}

    #aside{display:none}

    #footer .company_wrap{display:none;text-align:center;padding:20px 15px}
    #footer .company_wrap ul li{margin:0 4px;width:32px}

    #footer .footer_wrap{position:relative;background:#eaeaea;padding:20px 15px 80px 15px}
    #footer .footer_wrap .inner{width:auto;}
    #footer .footer_wrap #f_logo{vertical-align: top;display:inline-block;width:190px;margin-top:0px}
    #footer .footer_wrap #f_logo img{width:100%}
    #footer .footer_wrap .info{vertical-align: top;display:inline-block;margin-left:0;padding-left:0;border-left:none}
    #footer .footer_wrap .info p{font-size:14px;white-space:normal;margin-top:10px;line-height:23px}
    #footer .footer_wrap .info p span{font-size:13px;font-weight:300;letter-spacing:0px}
    #footer .footer_wrap .info .pc_lst{display:none}
    #footer .footer_wrap .info .m_lst{display:block}
    #footer .footer_wrap .info ul li{display:inline-block;margin-right:5px}
    #footer .footer_wrap .info ul li a{display: inline-block;font-size:14px;font-weight:bold;color:#222}
    #footer .footer_wrap .sns_lst{top:5px;right:0;}
    #footer .footer_wrap .sns_lst a{margin-left:6px;display:inline-block;}
    #footer .footer_wrap .sns_lst a:first-child{margin-left:0}
    #footer .footer_wrap .sns_lst a img{max-width:20px;max-height: 20px}
    #footer .m_quick_menu{display:block;position:fixed;bottom:0;left:0;width:100%;height:55px;background:#fff;z-index:200;box-shadow: -21px 19px 9px 17px rgba(0,0,0,0.5)}
    #footer .m_quick_menu li {display:inline-block;width:19%;text-align:center;vertical-align:top}
    #footer .m_quick_menu li a{display:block;font-size:11px;color:#333;height:55px}
    #footer .m_quick_menu li img{height:26px;display:block;margin:0 auto;margin-bottom:3px;padding-top:5px}


    /* sub */
    #sub_content{margin-top:50px}
    .sub_content{padding:30px 0}
    .sub_content p{white-space:normal}
    .sub_content .t1{font-size:25px;font-weight:300;line-height:34px}
    .sub_content .t2{font-size:14px;font-weight:300;line-height:22px}

    .sub_key{font-size:20px;width:auto;padding-left:15px}
    .sub_key:after{left:15px}

    .sub_content .pc_img{display:none}
    .sub_content .m_img{display:block}
}