@charset "utf-8";

* { margin: 0; padding: 0; box-sizing: border-box; } 
a { color: #000; text-decoration: none; vertical-align: middle; } 
img { border: 0; vertical-align: middle; } 
ul,
li { list-style: none; } 

html { font-size: 10px; /* transition: 0.3s all;  */} 
body { font-family: 'Noto Sans KR', sans-serif; color: #222; line-height: 1.5; letter-spacing: -0.01rem;  font-size: 1.4rem } 
body * {font-family: 'Noto Sans KR', sans-serif;}
strong { font-weight: bold; } 
h1 { margin: 0; } 
h3 { font-size: 3.6rem; letter-spacing: -0.06rem; line-height: 1 } 
h4 { font-size: 2.4rem; font-weight: normal; letter-spacing: -0.03rem; line-height: 1 } 
p { font-size: 1.4rem; font-weight: 300; letter-spacing: -0.05rem; } 
span { font-size: 1.4rem;  } 

button { border: 0; padding: 0; background: transparent; cursor: pointer; overflow: visible; } 

input {font-family: 'Noto Sans KR', sans-serif;  letter-spacing: -0.01rem;}

pre {overflow:hidden}


/* 메인 메뉴 */
#gnb { position: relative; width: 50%; float: left; }
#tnb li { border: none; }
#tnb a { font-size: 1.8rem; font-weight: normal}
#tnb a:hover { color:#00548b; background: none }
#gnb .gnb_wrap { width: 90rem; }
#gnb #gnb_1dul { width: 70rem; margin-left: 9rem; float: left;}

/*  */
.account { width: auto; float: right; text-align: right; padding-top: 1rem; }
.account .mypage { margin-right: 2rem; }
.account .mypage-list { position: absolute; display: none; right:1rem; top: 9rem; width: 12rem; padding: 1rem 0; background: #fff; border: 0.1rem solid #ddd; z-index: 9;}
.account .mypage-list::before { content: ''; position: absolute; top: -0.8rem; left: 69%; width: 1.3rem; height: 1.3rem; background: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; transform: rotate(45deg); }
.account .mypage-list ul { width: 100% !important; }
.account .mypage-list ul li { width: 100%; text-align: center; line-height: 2}
.account .mypage-list ul li a { font-size: 1.3rem !important; }
.account .mypage-list ul li a:hover{ text-decoration: underline; }

/* hamberger */
/* .hamberger {position : relative; display: none; width : 14px;height : 14px;margin-top: 0.7rem; } 
.hamberger,
.hamberger span {display : inline-block;transition : all 0.4s;box-sizing : border-box; } 
.hamberger span {position : absolute;left : 0;width : 100%;height : 2px;background-color : #000;border-radius : 0px; } 
.hamberger span:nth-child(1) {top : 0; } 
.hamberger span:nth-child(2) {top : 6px; } 
.hamberger span:nth-child(3) {bottom : 0; }  */


/*마우스를 올렸을 때 움직임 관련 css*/
/* .hamberger.active span:nth-child(1) {-webkit-transform : translateY(6px) rotate(-45deg);transform : translateY(6px) rotate(-45deg); //y축으로 20px 이동하고 -45도 돌린다}
.hamberger.active span:nth-child(2) {opacity : 0; //2번째 줄에 마우스를 올렸을 때 투명해져라}
.hamberger.active span:nth-child(3) {-webkit-transform : translateY(-6px) rotate(45deg);transform : translateY(-6px) rotate(45deg); //y축으로 -20px 이동하고 45도 돌린다} */


.sub-menu {position: absolute; display: none; left: 0; top: 0; padding:3rem; z-index: 999; text-align: center; width: 100%;  background: #fff; }
.sub-menu li { float: none !important; }


/* 메인 */
#container { width: 62.5%; }


/* 어사이드 */
#aside { width: 33.4%; margin: 0; background: #fff; border: none; margin-top: 2rem; }

.login-wrap { position: relative; display: block; padding: 3.5rem 2.5rem; background: #f7f7f7; }
.login-wrap .ol { margin: 0; }
.login-wrap #ol_id, #ol_pw, #ol_submit, #ol_before .ol_wr { border: none; width: 100%; }
.login-wrap #ol_id, #ol_pw, #ol_submit {padding: 1.5rem; border-radius: 1.5rem; }
.login-wrap #ol_id, #ol_pw { margin-bottom: 1rem; }
.login-wrap #ol_submit { position: relative; font-weight: bold; border: none; background: #00548b; margin-top: 1rem; padding: 1.7rem; font-size: 1.8rem; color: #fff}

.login-wrap #ol_after { border: none; background: none; }
.login-wrap #ol_after_hd { margin: 0; padding: 0; height: auto; font-size: 1.3rem; }
.login-wrap #ol_after_hd .profile_img { display: none; }
.login-wrap #ol_after_hd p { font-size: 1.3rem; }

.login-wrap #ol_after_private { padding-top: 3rem; }
.login-wrap #ol_after_private,
.login-wrap #ol_after_private li a { border: none; background: none; font-size: 1.3rem; }
.login-wrap #ol_after_private li a { font-weight: 300; }
.login-wrap #ol_after_private li a:hover { background: none; }
.login-wrap #ol_after_private a strong {box-shadow: none; background: none; color: #222; font-weight: normal; }
.login-wrap #ol_after_private .fa { font-size: 1.7rem; margin-bottom: 0.5rem; }

.login-wrap .aside_sch_wr { position: relative; padding-top: 4.5rem; margin-bottom: 0.3rem; }
.login-wrap .aside_sch_wr #sch_stx { width: 100%; border: 0.1rem solid #ccc; padding: 1.5rem; }
.login-wrap .aside_sch_wr #sch_submit { position: absolute; font-size: 2rem; top: 6rem; right: 1.5rem; }



/* 메인 배너 */
.main-visual { position: relative; width: 100%; height: 40rem; overflow: hidden; border-radius: 2rem; margin-bottom: 2rem; }
.sw-visual { position: relative; display: block; width: 100%; max-width: 100%; height: 40rem; border-radius: 2rem; }
.sw-visual .banner-img { width: 100%; height: 40rem;}
.sw-visual .banner-img-1 { background: url('../img/main_banner.jpg') no-repeat top center; background-size: cover;}
.sw-visual .banner-img-2 { background: url('../img/main_banner_2.jpg') no-repeat top center; background-size: cover;}

/* 서브 배너 */
.sub-banner { position: relative; width: 100%; height: 10rem; border-radius: 2rem; margin-top: 1.1rem; background: url('../img/sub_banner.jpg') no-repeat center; background-size: cover;}


/* 메인 게시판 */
.lat {margin-top: 3rem; border: none; height: 22rem; }
.lat .lat_title a { color: #00548b; font-size: 1.8rem; letter-spacing: -0.15rem; }
.lat .lat_title a:after { display: none; }
.lat ul { padding: 2rem 0; }
.lat li { padding-left: 0; padding-right: 0; }
.lat .lt_more { top: 2.2rem; right: 0; width: auto; font-size: 1.3rem }
.lat .lt_cmt { display: none; }


/* 푸터(tail) */
#ft { padding: 4rem 0; margin-top: 7rem;}
#ft_link { padding: 0; border-bottom: 0; margin-bottom: 1rem; }
#ft_link a { color: #333; font-weight: normal; font-size: 1.3rem; border-right: 1px solid #ddd; }
#ft_link a:last-child { border-right: 0; }



/* 모바일 */
.m-login { display: none; }
.m_mobile_wr { display: none; }
.m_menu { display: none !important; }





/* 미디어쿼리 반응형 css */