@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@charset "utf-8";
* {margin:0; padding:0;}
li{list-style:none;}
img{vertical-align:middle;}
a{text-decoration:none;}
body {background:#3370ad; font-family: "Noto Sans KR", sans-serif;}

/* 헤더 */
#header { height:25px; padding-top:63px; padding-bottom:10px;} /* 총 height:98px; */
#menu { width:1200px; margin: 0 auto; }
#menu h6 {float:left; width:200px; }
.bar {display:none;}
#menu ul {float:right; text-align:center;}
#menu li { float:left; width:80px; text-align:center; padding-bottom:8px; margin-left:25px; }
#menu li a {color:#f3ede2; font-size:17px; font-family: 'NanumSquare', sans-serif; font-weight:800; }

#menu li:hover { border-bottom:3px solid #f3ede2; }

/* 메인배너 */
#mb img {width:100%;}
#mb2 img {display:none;}
#mb3 img {display:none;}

#quick {display:none;}

/* --------------- 본문 시작 --------------- */

#grid {width:1200px;  margin:0 auto; padding:120px 0px;}
.txt {color:#f3ede2; font-size:14px;  line-height:29px;}
.txt2 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}
.txt3 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}
.txt4 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}


/* 푸터 */
footer {text-align:center; line-height:55px; padding-top:60px; padding-bottom:60px;}
.f_info {color:#f3ede2; font-weight:400}
.f_icon li {display:inline-block; margin-right:13px;}
.f_icon li a {font-size:40px; color:#f3ede2;}



/* 타블렛 */
@media screen and (min-width:768px) and (max-width:1024px){

    
/* ------------------ 헤더 시작 ------------------ */
/* 헤더 */
#header {height:25px; padding-top:30px; padding-bottom:30px; } /* 총 height:98px; */
#menu { width:1024px; margin: 0 auto;}
#menu h6 {position:absolute; top:60px; left:63px;}
#menu .bar {display:block;}
#menu .bar a {position:absolute; top:56px; right:0px; padding-right:63px; color:#f3ede2; font-size:30px;}
#menu ul {display:none;}
    /* 메인배너 */
    #mb img {display:none;}
    #mb2 img {display:block; width:100%;}
    #mb3 img {display:none;}


 /* ------------------ 퀵메뉴 시작 ------------------ */
#quick {display:block;}
#quick { position:fixed; top:0; width:180px; height:100vh; background:#f3ede2; border-left:3px #dbd5c8 solid; right:-366px; z-index:999; }
a {font-size:18px; color:#3370ad; font-family: 'NanumSquare', sans-serif; font-weight:800}

.close {position:absolute; top:30px; right:30px; font-size:20px; color:#3370ad;}

#quick_menu {position:absolute; top:120px; right:30px;}
#quick_menu ul {width:220px; padding-bottom:50px; text-align:right;}   


/* --------------- 본문 시작 --------------- */

#grid {width:768px;  margin:0 auto;padding:0px 0px; }
.txt {color:#f3ede2; font-size:14px;  line-height:29px;}
.txt2 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}
.txt3 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}
.txt4 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}


/* 푸터 */
footer {text-align:center; line-height:55px; padding-top:159px; padding-bottom:60px;}
.f_info {color:#f3ede2; font-weight:400}
.f_icon li {display:inline-block; margin-right:13px;}
.f_icon li a {font-size:40px; color:#f3ede2;}

    
    
    
}
    
    
    
    
    /* 모바일 */
    @media screen and (min-width:320px) and (max-width:768px){
    
    
    
    
    /* ------------------ 헤더 시작 ------------------ */
/* 헤더 */
#header {height:25px; padding-top:63px; padding-bottom:10px;} /* 총 height:98px; */
#menu { width:355px; margin: 0 auto; }
#menu h6 {position:absolute; top:60px; left:63px;}
#menu .bar {display:block;}
#menu .bar a {position:absolute; top:56px; right:0px; padding-right:63px; color:#f3ede2; font-size:30px;}
#menu ul {display:none;}
        /* 메인배너 */
        #mb img {display:none;}
        #mb2 img {display:none;}
        #mb3 img {display:block; width:100%;}


/* ------------------ 퀵메뉴 시작 ------------------ */
#quick {display:block;}
#quick { position:fixed; top:0; width:180px; height:100vh; background:#f3ede2; border-left:3px #dbd5c8 solid; right:-366px; z-index:999; }
a {font-size:18px; color:#3370ad; font-family: 'NanumSquare', sans-serif; font-weight:800}

.close {position:absolute; top:30px; right:30px; font-size:20px; color:#3370ad;}

#quick_menu {position:absolute; top:120px; right:30px;}
#quick_menu ul {width:220px; padding-bottom:50px; text-align:right;}



        /* --------------- 본문 시작 --------------- */
        
        #grid {width:356px;  margin:0 auto; padding:0px 0px;}
        .txt {color:#f3ede2; font-size:14px;  line-height:29px;}
        .txt2 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}
        .txt3 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}
        .txt4 {color:#f3ede2; font-size:14px; line-height:29px; padding-top:40px;}
        
        
        /* 푸터 */
        footer {text-align:center; line-height:55px; padding-top:60px; padding-bottom:60px;}
        .f_info {color:#f3ede2; font-size:14px; font-weight:400}
        .f_icon li {display:inline-block; margin-right:13px;}
        .f_icon li a {font-size:28px; color:#f3ede2;}
        
    
    
    
        
    }