@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@font-face {
  font-family: 'JSArirang-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::selection {
  background-color: #315599;
  color: #fff; 
}

/*------------ 공통 ------------*/
.container{
  width:1200px;
  margin:0 auto;
  position:relative;
}
.flex{
  width:100%;
  margin:0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.nortxt{
  font-size:20px;
  font-family: 'Pretendard';
  font-weight: 500;
  line-height:26px;
  position: relative;
}
.expltxt{
  font-size:18px;
  font-family: 'Pretendard';
  font-weight:500;
  line-height:26px;
  word-break: keep-all;
}
.myjo{
  font-family: 'Nanum Myeongjo', serif;
}
.sanstext{
  font-family: 'GmarketSansMedium';
  font-weight: normal;
  font-style: normal;
}
.fff{color: rgb(255,255,255) !important;}
img{width:100%;}
.mabtm16{margin-bottom:16px;}

.flexR{display: flex; align-items: center; justify-content: center; text-align: center;}
.flexC{ display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.mo_only{display: none;}

.button{
  display: flex; justify-content: center; align-items: center; cursor: pointer;
  width: fit-content; padding: 5px 15px; border-radius: 8px;
  background: #002474; font-size: 18px; color: white;
  transition: .5s
}
.button:hover{background: #315599;}


/*------------ 상단 ------------*/
#hd{
  width:100%;
  background:rgb(255,255,255);
  margin:0px auto;
  position: relative;
  border-top:17px solid rgb(0,36,116);
  z-index:1000;
}
header{
  width:100%; height: 100px;
  overflow:hidden;
  padding:25px 90px;
  box-sizing: border-box;
  border-bottom:2px solid rgb(0,51,112);
}
header>.container{
  width:75vw;
}
header h1{
  width:481px;
  float: left;
  vertical-align:top;
}
header h1>a{
  display: block;
  width:100%:
}
.sns{
  float: right;
  width:146px;
  vertical-align:top;
  overflow: hidden;
}
.sns>li{
  float: left;
  vertical-align:top;
  margin-left:5px;
}
.sns>li>a{
  display: block;
  width:100%;
}
.sns>li img{width: 43px;}
.gnb_menu{
  border-bottom:1px solid rgb(0,51,112); height: 54px;
}
.gnb{
  clear: both;
  width:100%;
  margin:0px auto;
}
.menu{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.menu>li{
  background:rgb(255,255,255);
  transition: all 0.2s ease-out;
}
.menu>li>a{
  display: block;
  font-weight:600;
  line-height:27px;
  color: rgb(29,29,31);
  padding:11px 0px 15px;
  text-align: center;
  transition: all 0.2s ease-out;
}
.menu>li:hover{
  background:rgb(0,36,116);
}
.menu>li:hover>a{
  color: rgb(255,255,255);
}
.hd_login{
  float: right;
  margin-right:8px;
  padding-top:13px;
}
.hd_login>li{
  float: left;
  vertical-align:top;
  margin-right:8px;
  position: relative;
}
.hd_login>li:after{
  content: "";
  display: block;
  position: absolute;
  width:1px;
  height:16px;
  background:rgb(29,29,31);
  right: -5px;
  top:2px;
}
.hd_login>li:last-of-type:after{
  content: none;
}
.hd_login>li>a{
  font-size:16px;
  line-height:24px;
  font-weight:500;
  font-family: 'GmarketSansMedium';
  color: rgb(29,29,31);
}


/*------------ 퀵바 ------------*/

#quick{
  position: fixed;
  right:60px;
  top:237px;
  width:114px;
  transition: all 0.2s ease-out;
  z-index:1001;
}
#quick.scroll{
  top:118px;
}
#quick>ul{
  width:100%;
  margin:0px auto;
}
#quick>ul>li{
  border-radius:50%;
  margin-bottom:7px;
  box-shadow:3px 3px 6px rgba(0,0,0,0.16);
  cursor:pointer;
}
#quick>ul>li:last-of-type{
  margin-bottom:17px;
}
#top_btn{
  width:69px;
  border-radius:40px;
  background:rgb(0,36,116);
  margin:0px auto;
  cursor:pointer;
}
#top_btn>span{
  display: block;
  padding:11px 0px;
  text-align: center;
  font-size:10px;
  line-height:12px;
  font-weight:bold;
}




/*------------ 사이드 배너(좌측) ------------*/
#aside-banner{
  position: absolute; left: calc(50% - 695px); top: 376px; transform: translateX(-50%); z-index: 1;
  width: 100px; height: fit-content;
  overflow: hidden; box-shadow: rgba(0, 0, 0, 0.28) 2px 4px 10px;
}
#aside-banner>p{
  font-family: 'GmarketSansMedium';
  height: 35px; display: flex; align-items: center; justify-content: center;
  background: #002474; color: white; font-size: 16px; font-weight: bold;
}
#aside-banner li{margin-bottom: 5px;}
#aside-banner li:last-child{margin-bottom: 0;}





/*------------ 내용 ------------*/
#content{
  background:rgba(0,36,116,0.07);
  box-sizing: border-box;
  padding:0px 0px 52px;
  width:100%;
  overflow:hidden;
  min-height: 854px;
}
#content.main{
  background:url('/img/custom/main.png') no-repeat 50% 100%, rgba(0,36,116,0.07);
  background-size:cover;
  background-attachment: fixed;
  padding-top:97px;
  display: none;
}
.subtitle{
  width:100%;
  overflow:hidden;
  box-sizing: border-box;
  padding:76px 0px 15px;
  position: relative;
}
.subtitle:after{
  content: "";
  display: block;
  clear: both;
}
.deco_box{
  position: relative;
  margin: 0px auto;
}
.canvas{
  width:964px;
  background:rgb(255,255,255);
  box-sizing: border-box;
  box-shadow: 5px 5px 15px rgba(0,0,0,0.16);
  position: relative;
}
.canvas:before{
  content: "";
  display: block;
  position: absolute;
  width:183px;
  height:24px;
  background:url('/img/custom/canvas.png') no-repeat 50%;
  background-size:100% auto;
  left: calc(50% - 96.5px);
  top:-12px;
}
.canvas h2.myjo{
  font-size:28px;
  line-height:31px;
  font-weight:bold;
  margin-bottom:44px;
}
.subtext{
  font-weight:600;
  line-height:30px;
  color: rgb(0,36,116);
  padding-bottom:44px;
  margin-bottom:23px;
  position: relative;
}
.subtext:after{
  content: "";
  display: block;
  position: absolute;
  width:54px;
  height:2px;
  background:rgb(0,0,0);
  left:0px;
  bottom:0px;
}
.canvas>p.myjo{
  font-size:16px;
  line-height:30px;
}
.sign{
  margin-top:78px;
  max-width:320px;
  float: right;
  position: relative;
}
.sign:after{
  content:"";
  display: block;
  clear: both;
}
.sign>p{
  font-size:16px;
  line-height:30px;
  font-weight:
}
.sign>h3{

}
.sign>h3>span{

}
.link>a{
  display: block;
  width:100%;
}
.subtitle .container:after{
  content: "";
  display: block;
  clear: both;
}
.subtitle .text{
  float: left;
  vertical-align:top;
}
.subtitle .deco{
  float: right;
  vertical-align:top;
  margin-top:15px;
}
.subtitle .deco h2 img{
  width:auto;
}
.subtitle .deco>ul{
  float: right;
  overflow:hidden;
  position: relative;
  margin-bottom:10px;
}
.subtitle .deco>ul:after{
  content: "";
  display: block;
  clear: both;
}
.subtitle .deco>ul>li{
  float: left;
  margin-right:39px;
  position: relative;
}
.subtitle .deco>ul>li:after{
  content: "";
  display: block;
  position: absolute;
  width:9px;
  height:19px;
  background:url('/img/custom/arrow.png') no-repeat 50%;
  background-size: 9px auto;
  top:0px;
  right:-24px;
}
.subtitle .deco>ul>li:last-of-type{
  margin-right:0px;
}
.subtitle .deco>ul>li:last-of-type:after{
  content:none;
}
.subtitle .deco>ul>li>p{
  font-size:16px;
  line-height:19px;
  font-weight:500;
  color: rgb(0,36,116);
}

/*------------ 메인페이지 ------------*/
.main .canvas{
  padding-bottom:45px;
  margin: 0px auto 97px;
  position: relative;
}
.main .canvas:after{
  content: "";
  display: block;
  clear: both;
}
.main .img{
  width:964px;
  margin:0px auto;
}
.main .link{
  float: right;
  width:128px;
  margin-right:39px;
  position: relative;
  cursor:pointer;
}
.main .link:nth-of-type(2){
  transform: translateY(27px);
  z-index:2;
}
.main .link:nth-of-type(4){
  float: none;
  margin:0px auto;
}
.main .link:after{
  content: "";
  display: block;
  clear: both;
}
.statement-btn{margin-top: 20px;}

/*------------ 게시판 ------------*/
.board{
  width:1200px;
}
.board:before{
  content:none;
}







/* 모든 게시판 공통영역 */
#bo_vc>#c_2>.pf_img{margin-top: 10px;}
#bo_vc>#c_2>.cm_wrap>header{
  border-bottom: none;
  padding: 10px 20px;
  font-size: 16px;
}
#bo_vc>#c_2>.cm_wrap>.cmt_contents{padding: 0px 20px 15px; font-size: 14px;}

#bo_list .bo_tit a{padding-right: 15px !important;}


#bo_v_file{display: flex; justify-content: center;}
#bo_v_file ul{width: fit-content}
#bo_v_file a{font-size: 16px; margin-bottom: 5px;}
.fa-heart::before{display: none;} /* 1일 100조회수 하트 표시 제거 */

#bo_v_atc{display: flex; flex-direction: column;}
#bo_v_atc iframe{margin: 0 auto;}

#bo_v_file a{display: contents !important;}