html{}
body{text-align:center;}

.blind{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);opacity:1;z-index:9998;display:none;}
.m-block{display:none;}

#wrap{padding-top:100px; min-width:1200px;}

.fl{float:left;}
.fr{float:right;}

#header{width:100%; min-height:100px; position:fixed; left:0; top:0; right:0; z-index:99; background-color:#fff; font-family:'NotoSans-R'; min-width:1200px;}
#header .topArea{max-width:1200px; margin:0 auto;}
#header .topArea:after{display:block;content:'';clear:both;}
#header .top-logo{float:left;}
#header .top-navi{float:right;}

.gnav{float:left; position:relative; margin-right:20px;}
.gnav > li{float:left;position:relative;}
.gnav > li > a{display:block; height:100px; line-height:100px; padding:0 25px; font-size:17px; position:relative; font-weight:600; color:#000; text-align:left; position:relative;}
.gnav > li.on > a{color:#3170b4;}

.snav{float:left; margin-top:37px; background-color:#eeeeee; height:28px; border-radius:15px; padding:0 5px;}
.snav li{float:left;}
.snav a{display:block; line-height:28px; padding:0 15px; color:#959595; font-size:13px;}

#mobile-menu{position:absolute;;right:0;top:0; display:none;}
#mobile-menu button{display:block;width:60px;height:60px;background:url(../img/layout/btn_menu.png) center center no-repeat;background-size:20px 20px;text-align:left;text-indent:-9999px;}

.sidr{position:fixed; top:0; left:-320px; bottom:0; z-index:9999; width:320px; font-size:15px; background:#fff; overflow-y:auto;}
.m-navi-top{height:60px; padding:0 20px; text-align:left; font-weight:600; color:#fff; background-color:#3c3c3c; position:relative;}
.m-navi-top h2{line-height:60px; font-size:20px;}
.m-navi-top .m-navi-close{position:absolute;right:0;top:0;}
.m-navi-top .m-navi-close button{width:60px; height:60px; text-align:left; text-indent:-9999px; background:url(../img/layout/btn_close.png) center center / 20px 20px no-repeat;}
.m-navi-link{padding:10px; border-bottom:1px solid #ccc;}
.m-navi-link .before{background-color:#43aad8;}
.m-navi-link .before a{color:#fff; display:inline-block; width:48%; position:relative; line-height:40px; font-size:14px;}
.m-navi-link .before a + a:before{display:block; width:1px; height:13px; content:''; background-color:#a1d5ec; position:absolute; left:-3px; top:50%; margin-top:-6px;}
.m-navi{text-align:left; }
.m-navi > li{border-bottom:1px solid #ccc; text-align:left;}
.m-navi > li > a{display:block; padding:12px 0 12px 20px; font-size:16px; color:#222; position:relative; font-weight:600;}
.m-navi > li > a:before{position:absolute;right:21px;top:50%;margin-top:-6px;width:1px;height:13px;content:'';background-color:#222;}
.m-navi > li > a:after{position:absolute;right:15px;top:50%;width:13px;height:1px;content:'';background-color:#222;}
.m-navi > li > a{display:block; padding:12px 0 12px 20px; font-size:16px; color:#222; position:relative;}
.m-navi .m-navi-sub{background:#f1f1f1;padding:10px 0 10px 20px; display:none; border-top:1px solid #ccc;}
.m-navi .m-navi-sub a{display:block;padding:8px 0;color:#222;font-size:14px;}
.m-navi .m-navi-sub .on a{text-decoration:underline;}
.m-navi > li.on > a{color:#1980bb;}
.m-navi > li.on > a:before{display:none;}
.m-navi > li.on > a:after{position:absolute;right:15px;top:50%;width:13px;height:1px;content:'';background-color:#1980bb;}
.m-navi > li.on > ul{display:block;}
.m-navi > li.on > ul a{color:#1980bb;}



.sub-visual{height:260px; box-sizing:border-box; text-align:center;background: url(../img/layout/sub_visual.jpg) center top no-repeat; font-family:'NotoSans-R';}
.sub-visual h2{font-size:48px; color:#fff; line-height:260px;}

#container{min-height:300px; padding:60px 0;}
#container.wide{padding-top:0;}

/* 탭 */
.con-tab{position:relative; border-bottom:2px solid #3170b4; height:54px; background-color:#fff; max-width:1200px; margin:0 auto 50px auto; font-family:'NotoSans-R';}
.con-tab > ul > li{float:left;box-sizing:border-box; position:relative;}
.con-tab > ul > li + li:before{display:block; width:1px; height:25px; background-color:#dbdbdb; content:''; position:absolute; left:0; top:16px;}
.con-tab > ul > li > a{display:block;text-align:center;height:54px;line-height:54px; border-top:1px solid #dbdbdb; white-space:nowrap;}
.con-tab > ul > li:first-child > a{border-left:1px solid #dbdbdb;}
.con-tab > ul > li:last-child > a{border-right:1px solid #dbdbdb;}
.con-tab > ul > li.on{}
.con-tab > ul > li.on > a{color:#fff; background-color:#3170b4; font-weight:bold; z-index:10; position:relative; border:none;}
.con-tab > ul > li.on a:after{position:absolute; left:50%; bottom:-11px; content:''; width:18px; height:9px; margin-left:-9px; background:url(../img/content/tab_arr.png) 0 0 / 18px auto no-repeat;}
.con-tab > ul > li > a:hover{}
.con-tab ul:after{clear:both;display:block;content:'';}
.con-tab .t2 > li{width:50%;}
.con-tab .t3 > li{width:33%;}
.con-tab .t3 > li:nth-child(3){width:34%;}
.con-tab .t4 > li{width:25%;}
.con-tab .t5 > li{width:20%;}

.contentTop{margin-bottom:50px; padding:0 20px;}
.contentTop h3{font-size:36px ;color:#222; margin-bottom:15px; font-weight:600; font-family:'NotoSans-R';}
.contentTop h3.line{}
.contentTop h3.line:after{display:block; margin:30px auto; width:50px; height:1px; background-color:#111; content:'';}
.contentTop .sub-txt{font-size:14px; color:#787878;}

.contents{width:1200px;margin:0 auto;text-align:left;word-wrap:normal;word-break:keep-all; line-height:1.25em;}
.contents.wide{width:auto;margin:0 auto;text-align:center;}

#footer{border-top:1px solid #f1f4f6; padding:35px 0;}
#footer footer{max-width:1200px; margin:0 auto; text-align:left;}
#footer footer:after{display:block;content:'';clear:both;}

.site-info{float:left;font-size:13px; color:#808080;}
.site-info p{margin-bottom:5px;}
.site-info p span{margin-right:15px;}

.related-site{float:right;}
.related-site a img{border:1px solid #e7e7e7;}
.related-site a + a{margin-left:6px;}

/*
@media all and (max-width:1200px){


    .gnav > li > a{font-size:16px; padding:0 15px;}

    .contents{width:auto; padding:0 20px; box-sizing:border-box;}
    .contents.wide{width:auto;padding:0;}

    #footer{padding:30px 20px;}


}

@media all and (max-width:1000px){

    #wrap{padding-top:80px;}

    #header{min-height:80px;}
    #header .topArea{height:80px;}
    #header .top-logo{padding:0 10px;}
    #header .top-logo img{height:80px;}
    #header .top-navi{display:none;}

    #mobile-menu{display:block;right:20px;top:10px;}

    .sub-visual{height:200px; background-size: auto 100%;}
    .sub-visual h2{font-size:32px;}

    .contents{word-break:break-all; word-wrap:break-word;}

}



@media all and (min-width:800px) and (max-width:1040px){


}


@media all and (min-width:600px) and (max-width:800px){


}


@media all and (max-width:800px){

    #wrap{padding-top:60px;}

    #header{min-height:60px;}
    #header .topArea{display:none;}
    #header .navArea{height:60px;}
    #header .navArea .top-logo{padding:0 10px;}
    #header .navArea .top-logo a{padding:10px 0;}
    #header .navArea .top-logo img{height:40px;}

    .btn-menu{right:5px;top:0;}

    .subTop{height:100px; background-size: auto 100%;}
    .subTop h2{font-size:26px; padding:35px 0;}

    .subTopNav{display:none;}

    .contentTop{margin-bottom:30px;}
    .contentTop h3{font-size:24px;}

    .footer-links .quick-link{clear:both; float:none; margin-bottom:10px; }
    .footer-links .quick-link a{padding:0 5px;}
    .footer-links .site-link{clear:both;float:none;}

    .footer-links .site-select select{border:1px solid #222;}

    .site-info{padding:20px 0 0;}
    .site-info .info{font-size:11px;}
    .site-info .info .row span{margin:0 0 5px 0; display:block;}
    .site-info .logo{display:none;}


}


@media all and (max-width:600px){

    .m-block{display:block;}

    .subTop{height:70px;}
    .subTop h2{font-size:24px; padding:20px 0;}

    .contentTop h3{font-size:20px; margin-bottom:10px;}
    .contentTop .sub-txt{font-size:12px;}

    #popWrap{padding:20px;}
    #popWrap .popHeader{height:30px; margin-bottom:20px;}
    #popWrap .popHeader h1{font-size:16px;}

}

@media all and (min-width:600px){


}
*/