@charset "UTF-8";

@font-face{
    font-family: 'Noto Sans Korean', sans-serif;
    src: url('../font/noto-sans-kr-v12-latin-regular.eot'),
         url('../font/noto-sans-kr-v12-latin-regular.woff')format('woff');
}

* {margin: 0; padding: 0; list-style: none; letter-spacing: -0.3px; text-decoration: none; border: none; font-family: 'Noto Sans Korean',sans-serif;}

.headerNav {position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 60px; background-color: #fff;}
.headerNav .menu {display: inline-block; font-size: 14px; font-family: 'Noto Sans Korean', sans-serif; color: #666565;}
.headerNav .menu .menuHead {position: fixed; display: block; top: 20px; left: 18px; height: 23px; cursor: pointer;}
.headerNav .menu .menuWord {position: fixed;  display: block; top: 18px; left: 65px; font-size: 15px; font-weight: bold;}
.headerNav .menu .headLogo {position: fixed; display: block; top: 15px; width: 100%; left: 43%;}
.headerNav .rightVol {display: block; position: fixed; top: 13px; right: 20px;}
.headerNav .rightVol ul li {float: left; margin-left: 5px;}
.headerNav .rightVol p {margin-top: -2px; border: 1px solid #d6d6d6; box-sizing: border-box; border-radius: 3px; padding: 10px; padding-top: 7px; display: block;}
.headerNav .rightVol a {color: #005183; font-weight: bold;}

.topDrop {position: fixed; top: 60px; z-index: 1000; background-color: rgb(255, 255, 255); max-width: 3000px; width: 100%;}
.primary-menu {text-align: center; padding-left: 0px; margin: 0px auto;}
/*pc와 모바일에서 드랍메뉴 바에 해당하는 영역 */
.menu-item.menu-item-type-custom {display: inline-block; margin: 30px 20px 150px 15px; vertical-align: top;}.floatR{
        width:90%;
        float: none;
    }

.menu-item.menu-item-type-custom a {color: rgb(0, 81, 131); font-size: 23px;}
.menu-item.menu-item-type-custom .sub-menu li {line-height: 40px;}
.menu-item.menu-item-type-custom .sub-menu a {font-size: 17px; color: rgb(51, 51, 51);}

.content {overflow: hidden; margin-top: 50px; background-color: #f8f8f8;}
.viewBox img {max-width: 100%;}
.title {border: 2px solid #e8e8e8; margin: 50px auto; padding: 20px; box-sizing: border-box; max-width: 940px;}
.title p {text-align: center; font-size: 19px; line-height: 1.8em; letter-spacing: -0.3px; font-weight: 300; color: #034d6a;}
.content > .tebBox {margin: auto; max-width: 940px;}
.content > .tebBox > div {max-width: 100%;}
.content > .tebBox > p {padding: 30px;  line-height: 35px; box-sizing: border-box;}
.tep {overflow: hidden; box-sizing: border-box; margin-bottom: 50px;}
 문학방 타이틀 글씨 부분 
span.tit {display: block; font-family: serif; font-weight: normal !important; font-size: 28px; color: #005183; letter-spacing: -1px; line-height: 45px !important;}
/* 섹션 1번, 마지막 파트 부분 적용*/
.tep > span {float: left; padding: 30px; box-sizing: border-box; line-height: 27px; width: 50%;}
/* 섹션 1번파트의 글씨 부분 */
.tep .text_1{
    width:55%;
    margin-top:40px;
    font-size: 18px;
    box-sizing: border-box; 
    padding: 0px 0px 0px 40px;    
}
.bleft_box img{
    width:30%;
    display: block;
    float: left;
    margin:0 4% 0 0;
}
.bright_box{padding: 5%;}
/*.tep > div {float: left; box-sizing: border-box; padding: 0px 30px 30px 30px; width: 50%;}*/
.tep > div > span {box-sizing: border-box; line-height: 27px;}
.tep > div > div > span {box-sizing: border-box; line-height: 27px;}
.tep > p {padding: 20px 30px 30px 30px; letter-spacing: -0.3px; box-sizing: border-box; line-height: 27px; text-align: justify; letter-spacing: -0.3px;}
/* 이미지 width값의 한계를 정하는 곳 섹션1번 파트 부분에 이미지와 마지막 이미지 적용*/
.tep > figure {
/*    display: block;*/
    margin: 0px auto;
    padding: 0px; 
    box-sizing: border-box; 
    max-width: 80%;
    margin-top:40px;
/*    text-align: center;*/
}
figure img{width:100%;}
figcaption{color:#666;}


/* 섹션 1번 파트부분에 float로 나누는 부분 */
.left_box{
    float:left;
    width:47%;
}
.right_box{float: right; width:45%;}
/* 섹션 5번 파트 부분에 float로 나누는 부분 */
.left_box1{
    float:left;
    width:42%;
    padding: 2%;
}
.right_box1{float: right; width:48%; margin-top:3%;}
/* 섹션 6번 파트 부분에 float 부분 */
.right_box3{
    float: right;
    width:39%;
    padding: 1%;
    margin-top:6%;
}
.left_box3{
    float: left;
    width:57%;
    
    padding: 1%;
}
/* 섹션 6번 파트 부분에 tip_box border부분 */
.tip_box{
    width:100%;
    height: 100%;
    border:2px solid #0e4712;
    border-radius: 20px;
    background-color: #f6f0f0;
}
.tip_box .tit{padding-left: 3px;}
.pd {padding: 60px 30px 10px 0px !important;}

.tep > div > p {line-height: 2.3em;}
.tep > div > div > img {vertical-align: text-top; max-width: 100%;}
.w100 {max-width: 100% !important; width: 100% !important; 1em;}
.p30 {padding: 30px 0 30px 30px !important; box-sizing: border-box;}

.floatR {margin:0 auto; border-top: 2px solid #333; padding: 2%; width: 95%; background-color: #fff;}
.floatR > p {font-size: 14px; padding: 10px; letter-spacing: -1px; text-align: justify; max-width: 100%;}
.floatR > p > span {font-weight: bold;}


.livechat {padding: 10px; background-color: #fff;}
.livechat > img {width: 100%;}
.livechat > p:nth-of-type(2n-1) {background-color: #f6f0f0;}
.livechat > p {font-size: 1rem; line-height: 28px; color: #333; letter-spacing: -0.3px; padding: 20px;}
.livechat > p > span {border-bottom: 1px solid #333; font-weight: bold;}

.finish {margin: 50px auto; padding: 30px; overflow: hidden; border: 3px solid #3abf6d; box-sizing: border-box; max-width: 940px; background-color: #ecf3ed;}
.finish > div {margin: auto; overflow: hidden; max-width: 1140px;}
.finish > div > p {float: left; line-height: 30px; text-align: justify; letter-spacing: -0.3px; min-height: 1px; width: 50%;}
.finish > div > p > span {display: block; border-left: 2px solid #335034; padding-left: 20px; font-style: italic; font-size: 1.1rem; font-weight: bold; color: #335034;}
.finish > div > div {float: right; width: 50%;}
.finish > div > div > img {margin-left: 20px; padding: 10px; max-width: 100%;}

/* 전 페이지 다음 페이지 부분*/
.nav_links {overflow: hidden; width: 100%; background-color: #fff;}
.nav_links > div {margin: auto; width: 54%;}
.nav_links > div > a {float: left; text-align: center; border: 1px solid #ccc; padding: 30px 0; margin: 30px 0; color: gray; width: 48%;}


footer {height: 46px; position: relative; padding: 45px 50px 65px; background: rgb(235, 235, 235);}
footer .leftWrap {float: left;}
footer .leftWrap .ftLogo {float: left;}
footer .leftWrap address {float: left; font-size: 12px; font-style: normal; color: rgb(155, 156, 158); margin-left: 20px; margin-top: 17px; font-family: "Noto Sans Korean", sans-serif;}
footer .rightWrap {float: right;}
footer select {margin-top: 5px; width: 300px; height: 30px;}


.fontResizer {position: fixed; left: 1%; bottom: 1%; visibility: visible; z-index: 9999;}
.fontResizer img {visibility: visible; height: 25px; width: 25px; margin-top: 2px; opacity: 0.8; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; display: block; border: none; z-index: 9999;}


span.tit {
    padding: 5% 0; 
    display: inline-block;
    font-size: 28px;
    color:#005183;
    width:100%;
}

/* 글씨 이텔릭체 부분 */
span.mob {font-weight:300; font-style: italic; padding-top: 20px; line-height: 30px; text-align: justify;}

.subWrap {max-width: 940px; margin: 0 auto; padding: 0 16px;}
.section-height {margin-bottom: 50px; position: relative; display: flex; padding: 10px; clear: both;}
.set-pd {padding: 0px!important;}
.db-quotes {color: #ef463f; font-size: 20px;}


    
/* 모바일 버전 숨기기(mob)가 붙여진 부분 디스플레이 논 해놓기 */
.mob_nav_links{display: none;}
.mob_footer{display: none;}
.mviewBox img{display: none; width:100%;}

.reple {
    width: 1200px;
    height: auto;
    margin: 0 auto;
  }
  

/* 반응형 모바일 시작 부분   */
@media all and (max-width:640px){
/*    SNS 아이콘들 감추기 */
    .headerNav .rightVol{display: none;}
/*    기사 목록보기 메뉴 감추기 */
    .headerNav .menu .menuWord{display: none;}
/*    캠코 로고 위치 고정시키기*/
    .headerNav .menu .headLogo{
        display: block;
        position: fixed;
        left: 17%;
    }
    /*    푸터 부분 이전 페이지 다음 페이지 모바일 사이즈로 맞추기*/
    .nav_links{display: none;}
    .mob_nav_links{
        display: block;
        width:100%;
        height: 100px;
    }
    .mob_nav_links a{
        display: block;
        width:100%;
        height: 50px;
        border:1px solid #ccc;
        text-align: center;
        line-height: 50px;
        color: #666;
    }
/*    모바일 버젼 푸터 아이콘들 */
    footer{padding-top:20px;}
    .mob_footer{
        display: block;
/*        border-bottom: 1px solid #ccc;*/
    }
    .mob_footer ul li a{
        float: right;
        width:40px;
        height: 40px;
    }
    .mob_footer ul .home{
        position: absolute;
        top:15px;
        right: 10px;
    }
    .mob_footer ul .sns{}
    /*    섹션 1번 파트 플로트 없애기 */
    .left_box{
        float: none;
        width:100%;
    }
    .right_box{
        float: none;
        width:70%;
    }
    .right_box img{
        display: block;
        margin:0;
    }
/*    섹션 5파트 플로트 없애기 */
    .left_box1{
        float: none;
        width:80%;
        margin: auto;
    }
    .left_box1 img{
        margin:0;
    }
    .right_box1{
        float: none;
        width:95%;
        margin: 0 auto;
    }
/*    섹션 6파트 플로트 없애기 */
    .right_box3{
        float: none;
        width:95%;
        margin: auto;
    }
    .left_box3{
        float: none;
        width:95%;
        margin: auto;
    }
/*     컨텐츠 부분 */
    .tep .bleft_box img{display: block; width:60%; margin: 0 auto; margin-left: 70px;}
    .tep .bright_box span{display: block; margin-top:350px;}
    .tep .tit{font-size: 20px;}
    .tep .font_size{font-size: 16px;}
    
   
    
    .viewBox{display: none;}
    .mviewBox img{display: block; max-width: 100%;}

}

}