@import url("base.css");
@import url("style_btn.css?v=1.1");
@import url("style_board.css");
@import url("style_contents.css");
@import url("style_navi.css");

 /*
min-width: 1200px   : PC1200�̻�
max-width: 1199px  : PC1200 ����
max-width: 991px   : ��ž
max-width: 768px   : �׺������� ����
max-width: 425px   : ���������ϸ���
 */

#wrap {width:100%; position:relative;}

#contentArea {width:100%; position:relative; margin-top:70px; margin-bottom:70px; min-height:400px;}

@media screen and (max-width: 1199px) {
  #contentArea {margin-top:40px; margin-bottom:40px;}
}

#container { font-size:15px; padding-left:12px; padding-right:12px; margin-left:auto; margin-right:auto; width:100%; max-width:1200px;}
#container img{max-width:100%;}

@media screen and (max-width: 768px) {
  #container {  font-size:15px;}
}


@media screen and (max-width: 425px) {
  #container {  font-size:14px;}
}


/* �����̹��� ���� */
#subImgArea1 {  width: 100%;  height: 280px; background: url(/images/common/sub_visual2021_01.jpg) no-repeat center / cover;border-bottom:1px solid #ddd;}
#subImgArea2 {  width: 100%;  height: 280px; background: url(/images/common/sub_visual2021_02.jpg) no-repeat center / cover;border-bottom:1px solid #ddd;}
.subImgAreaS {line-height:150px; font-size:25px; color:#1d489e;}


#subImgArea {  width: 100%;  height: 320px; background: url(/images/common/sub_visual_2025.jpg) no-repeat center / cover;border-bottom:1px solid #ddd;}


@media screen and (max-width: 600px) {
  #subImgArea1 {height:210px; background: url(/images/common/sub_visual2021_01_mb.jpg) no-repeat center / cover;}
  #subImgArea2 {height:210px; background: url(/images/common/sub_visual2021_02_mb.jpg) no-repeat center / cover;}
  #subImgArea {height:180px; background: url(/images/common/sub_visual_2025_mb.jpg) no-repeat center / cover;}





}

@keyframes zoom {  from { transform: scale(1.1, 1.1);    }  to     { transform: scale(1.0, 1.0);    }}

/* ī�װ��� �޴� ���̾ƿ� */
#cateMenuLayer  {width: 100%; display:block; background:#fff; text-align:center; height:50px; min-width:1200px; border-bottom:1px solid #ddd;}
.cateMenuStr       {width:1200px; display:inline-block;}

.cateMenu0 {width:50px; z-index:20; text-align:center; float:left; height:50px; border-right:1px solid #2590cc; border-left:1px solid #2590cc; background:#1d489e;color:#fff;}
.cateMenu0 img {margin-top:15px;}

.cateMenu1{width:250px; z-index:20; text-align:left; float:left; }
.cateMenu1:hover button::after{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.cateMenu1:hover .cateList1{display:block;}
.cateMenu1 .cateList1,.cateMenu1 button{box-sizing:border-box;width:100%;}
.cateMenu1 button{position:relative; padding:0 20px; height:49px; background:#fff;text-align:left; color:#000; font-size:16px; border-left:1px solid #ddd; border-right:1px solid #ddd;  font-weight:bold;}
.cateMenu1 button::after{content:'';position:absolute;top:50%;right:13px;margin:-3px 0 0 -5px;width:11px;height:6px;background:url(/images/icon/select_arrow.png) no-repeat 95% 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.cateMenu1 .cateList1{position:absolute;display:none;-webkit-box-sizing:border-box;z-index:20; width:250px;border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.cateMenu1 .cateList1 a{display:block;padding:0px 20px;line-height:40px;text-decoration:none;background-color:#fff; color:#000; font-size:14px;}
.cateMenu1 .cateList1 a:hover{background-color:#1d489e; color:#fff;}

.cateMenu2{width:250px;z-index:20; text-align:left;  float:left;}
.cateMenu2:hover button::after{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.cateMenu2:hover .cateList2{display:block;}
.cateMenu2 .cateList2,.cateMenu2 button{box-sizing:border-box;width:100%;}
.cateMenu2 button{position:relative;padding:0 20px;height:49px;background:#fff;text-align:left; color:#1d489e; font-size:16px; border-right:1px solid #ddd; font-weight:bold;}
.cateMenu2 button::after{content:'';position:absolute;top:50%;right:13px;margin:-3px 0 0 -5px;width:11px;height:6px;background:url(/images/icon/select_arrow.png) no-repeat 95% 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.cateMenu2 .cateList2{position:absolute;display:none;-webkit-box-sizing:border-box;z-index:20; width:251px; margin-top:49px;border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin-left:-1px;}
.cateMenu2 .cateList2 a{display:block;padding:0 20px;line-height:40px;text-decoration:none;background-color:#fff; color:#000; font-size:14px;}
.cateMenu2 .cateList2 a:hover{background-color:#1d489e; color:#fff;}

.cateMenuR {width:250px; z-index:20; text-align:right; float:right; height:50px; color:#fff; line-height:50px; font-weight:bold; font-size:20px;}

@media screen and (max-width: 1220px) {
  #cateMenuLayer {min-width:auto;}
  .cateMenuStr {max-width:auto; width:100%;}
}

@media screen and (max-width: 991px) {
  .cateMenuStr {max-width:auto; width:100%;}
}

@media screen and (max-width: 768px) {
  #cateMenuLayer {min-width:auto;}
  .cateMenuStr {width:100%;}
  .cateMenu0 {display:none;}
  .cateMenu1 {width:50%;}
  .cateMenu1 .cateList1 {width:50%;}
  .cateMenu2 {width:50%;}
  .cateMenu2 button{border-right:0px;}
  .cateMenu2 .cateList2 {width:50%; border-right:0px;}
}


/* ���ο��� */

/* ���� ���뿵�� */
.mainContArea {width:100%; max-width:1200px;margin-left:auto; margin-right:auto;}


/* ���κ��־� */
.mainVisualArea2 {width:100%; height:100%; overflow:hidden; margin-top:-70px; background:url(/images/main/main_img_2021_2.jpg) center top no-repeat; background-size: cover;}
.mainVisualArea2 img {display:none;}

.mainVisualArea {width:100%; overflow:hidden; }
.mainVisualArea #video { left: 0; width: 100%; background-position: center center; background-size: cover; object-fit: cover; overflow: hidden; z-index: 99; }

#mainVisualArea3 {width:100%; height:calc(100% - 70px); overflow:hidden;}
#mainVisualArea3 img {width:100%; min-height:100%;}

.visualSlider .pc {display:block;}
.visualSlider .mobile {display:none;}

@media screen and (max-width: 1442px) {
  .mainVisualArea {height:auto;margin-top:0px;}

  .mainVisualArea2 {height:auto;margin-top:0px; background:url();}
  .mainVisualArea2 img {display:block; max-width:100%;}

#mainVisualArea3 {height:auto;}

}

@media screen and (max-width: 768px) {
  .visualSlider .pc {display:none;}
  .visualSlider .mobile {display:block;}

/*  .mainVisualArea video {height:350px;}*/
}

.mainmovie {max-height:calc(100% - 70px);}


/* ������ ���� ���� */
#mainSpecialArea {position:relative; width:100%; min-width:320px; max-width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;}

.specialSlider {width:100%; height:auto;}
.specialSlider img {max-width:100%; width:100%;}

.specialSlider .pc {display:block;}
.specialSlider .mobile {display:none;}

.bx-wrapper { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: 0px solid #fff; background:none; margin-bottom: 0px;}
.bx-wrapper .bx-pager {padding-top:0px; text-align:left; padding-left:40px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#b4b4b4;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#1d489e;}

@media screen and (max-width: 768px) {
  .specialSlider .pc {display:none;}
  .specialSlider .mobile {display:block;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:10px; }

.bx-wrapper .bx-pager {padding-left:20px;}

}


/* ���翵�� */
#mainSpeakerArea {position:relative; width:100%; background:#f3f3f3; }

.swiper-container {  width: 100%;  height:440px; }
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 50%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 50%;
  margin-left:-25%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-button-prev {left:auto; margin-left:-50px;}
.swiper-button-next {left:50%; margin-left:620px;}

.spkArea {background:#fff; padding:10px;}
.spkArea .spkimg {}
.spkArea .spkimg img {max-width:265px;}
.spkArea .spkname {font-size:18px; font-weight:bold; padding-top:5px; padding-bottom:5px;}
.spkArea .spkjik {font-size:13px; letter-spacing:-1; min-height:60px;}

.swiper-slide:hover  .spkArea .spkname {color:#077fcf;}
.swiper-slide:hover  .spkArea .spkjik {color:#077fcf;}


@media screen and (max-width: 1300px) {
  .swiper-button-prev {left:10px;; margin-left:0px;}
  .swiper-button-next {left:auto; margin-left:0px; right:10px;}
}



#mainHighlightArea {   position:relative;   padding-top:40px;  padding-bottom:20px; background:#fff; width:100%; display:inline-block;}
.mainHighlight {float:right; width:70%; height:470px;}
.mainBigBtn {float:left; width:330px; height:470px;   margin-right:20px;}

.mainBigBtn1 { height:225px; margin-bottom:25px; background:url(/images/main/main_big_btn11_bg.svg) center top no-repeat; position:relative; background-size:cover; }
.mainBigBtn1 span {position:absolute; right:20px; top:20px;}

.mainBigBtn2 { height:225px; background:url(/images/main/main_big_btn12_bg.svg) center top no-repeat; position:relative; background-size:cover; }
.mainBigBtn2 span {position:absolute; right:20px; top:20px;}

.mainBigBtn11 { height:225px; margin-bottom:25px; background:url(/images/main/2025/btn_apply.svg) center top no-repeat; position:relative; background-size:cover; }
.mainBigBtn11 span {position:absolute; right:20px; top:20px;}

.mainBigBtn12 { height:225px; background:url(/images/main/2025/btn_book.svg) center top no-repeat; position:relative; background-size:cover; }
.mainBigBtn12 span {position:absolute; right:20px; top:20px;}


@media screen and (max-width: 1200px) {
  #mainHighlightArea {padding:0px;}

  .mainHighlight {width:100%; height:auto; }

  .mainBigBtn { width:100%;height:auto; }
  .mainBigBtn1 {margin-bottom:0px;}
  .mainBigBtn11 {margin-bottom:0px;}

.mainBigBtn1 {background:url(/images/main/main_big_btn31_bg.svg) center top no-repeat; background-size:cover; }
.mainBigBtn2 {background:url(/images/main/main_big_btn32_bg.svg) center top no-repeat; background-size:cover; }

.mainBigBtn11 {background:url(/images/main/2025/btn_apply_mo.svg) center top no-repeat; background-size:cover; }
.mainBigBtn12 {background:url(/images/main/2025/btn_book_mo.svg) center top no-repeat; background-size:cover; }
}

@media screen and (max-width: 768px) {
  .mainHighlight {width:100%; margin-right:0px;}

  .mainBigBtn {width:100%; height:auto;}
  .mainBigBtn1 {margin-bottom:0px;}
.mainBigBtn1 {margin-bottom:0px; }
.mainBigBtn2 {}

  .mainBigBtn11 {margin-bottom:0px;}
.mainBigBtn11 {margin-bottom:0px; }
.mainBigBtn12 {}
}


#mainComuniArea {   position:relative;   padding-top:20px;  padding-bottom:40px; background:#fff; width:100%; display:inline-block;}
 .mainCustom {float:left; width:330px; height:250px; padding:30px; background:#333 url('/images/main/copy_bnr_back.png') no-repeat right bottom; background-size:cover; overflow:hidden; }
 .mainCustom li {color:#fff;  font-size:1.5em;}
 .mainCustom li i { color:#fff;  font-size:2em; opacity:1; }
 .mainCustom li strong { display:block; color:#fff; font-size:1.6em; font-weight:400; margin-top:10px; font-weight:500;}
 .mainCustom li p { color:#fff; font-size:1em; margin-top:20px;}
 .mainCustom li span{ display:block; color:#fff;  font-size:0.7em; line-height:1.4em; margin-top:10px;}
 .mainNotice { position: relative; float:left; width:540px; height:auto; padding:3px 30px 0 30px; overflow:hidden; border:0px solid #DDD; box-sizing:border-box; background:#fff; }
 .mainNotice .tab { width:100%; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #000; }
 .mainNotice .tab:after{ content:""; display:block; clear:both;}
 .mainNotice .tab li{float:left; width:100%; height:35px; line-height:35px; font-size:1.5em; color:#000;}
 .mainNotice .more{display:block; position:absolute; top:7px; right:30px; text-align:center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
 .mainNotice .more:hover  { -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}
 .mainNotice .notice_list {width:100%; }
 .mainNotice .notice_list li {width:100%; border-bottom:1px solid #eee; height:80px;}
 .mainNotice .notice_list li:last-child{border-bottom:0px; height:90px;}
 .mainNotice .notice_list li a{display:block; width:100%; height:100%; padding:15px 0; overflow:hidden;}
 .mainNotice .notice_list li:first-of-type a{padding-top:0;}
 .mainNotice .notice_list li a > strong{display:inline-block; float:left; width:15%; margin-right:5%; font-size:0.9em; color:#aaa; text-align:center;}
 .mainNotice .notice_list li a > strong > em{display:block; color:#077fcf; font-size:1.5em; font-weight:700; font-style:normal; margin-bottom:10px;}
 .mainNotice .notice_list li a .txt{display:inline-block; float:left; width:80%; font-style:normal;}
 .mainNotice .notice_list li a .txt > strong{display:block; font-size:1em; color:#000; font-weight:400;}
 .mainNotice .notice_list li a .txt > span{display:block; font-size:0.9em; color:#555; font-style:normal; margin-top:5px;

       max-height: 40px; /* webkit �� �������� ����, line-height*line�� */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* ���� �� */
 }

 .mainQuick{ float:left; width:330px; }
 .mainQuick ul {width:100%; display:inline-block;  position:relative; border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}
 .mainQuick ul li{ float:left; width:33.33%; text-align:center; }
 .mainQuick ul li:nth-child(3n) {width:33.34%;}
 .mainQuick ul li:nth-child(n+4) {border-top:0px;}

 .mainQuick ul li a{ display:block; width:100%; height:123px; padding-top:30px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
 .mainQuick ul li p{ color:#333; font-size:1em;  padding-top:10px; }
 .mainQuick ul li i{ position:relative; top:0; color:#555; font-size:2em;  }
 .mainQuick ul li:hover i {top:-5px;  color:#077fcf; transition: 0.5s all ease; }


@media all and (max-width:1230px){
	 .mainCustom{width:50%; }
	 .mainNotice{width:50%;}
	 .mainNotice .tab li{height:30px; line-height:30px;}
	 .mainQuick{width:100%; margin-bottom:20px;}

	.quickMenu{display:none !important;}

}

/* ������ �߰����� 1100px ������ ����*/
@media all and (max-width:1100px){
  #mainComuniArea {padding-top:0px;}
	 .mainCustom { float:none; width:100%; margin:0 auto;}
	 .mainNotice { float:none; width:100%; margin:20px auto; }
	 .mainQuick {float:none; width:100%; margin:0 auto; border-top:1px solid #ddd; }
}

/* ������ �߰����� 768������ ���� */
@media screen and (max-width: 768px) {

}

/* ������ �������� 480������ ���� */
@media screen and (max-width: 480px) {
  .mainNotice{height:auto;}
  .mainNotice .notice_list li a .txt > strong{display:inline-block; width:100%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
}


/* Ÿ��Ʋ */

.atitleArea {font-size:2em; text-align:center; font-weight:500;}
.atitleArea span {color:#174cac;}
.stitleArea {font-size:1.15em; text-align:center; margin-bottom:50px;}

@media screen and (max-width: 768px) {
  .stitleArea {margin-bottom:30px;}
}


.sview {display:none;}
@media screen and (max-width: 1100px) {
.sview {display:block;}
}

.title {font-size:22px; text-align:center; display:inline-block; width:100%; margin-bottom:40px; font-weight:bold; padding:10px 0px;}

@media screen and (max-width: 991px) {
  .title {font-size:20px; margin-top:5px; margin-bottom:20px;}
}

.stitle         {font-size:18px; line-height:40px; margin-top:20px; font-weight:bold;color:#1d489e; display:table;}
.stitle.first {margin-top:0px;}
.ctitle         {font-size:15px; color:#2E2E2E; letter-spacing:-1px; font-weight:bold; line-height:24px; padding-bottom:5px; }
.htitle         {font-size:20px; color:#2E2E2E;  font-weight:bold; line-height:30px; padding-bottom:10px;  text-align:center;}

/* ���ʿ��� */
#bannerArea           {width:100%; min-height:40px; border-top:1px solid #E4E4E4; text-align:center; background:#3d5383; position:relative;}
.bannerS  {min-height:35px; margin-left:auto; margin-right:auto; position:relative; line-height:35px; margin-top:10px; margin-bottom:10px; display:inline-block; text-align:left;  width:1200px;}
.bannerS  a {color:#fff;}
.bannerS img  {height:30px; margin-right:10px;}
.bannerS .bannerSL  {float:left;}
.bannerS .bannerSR  {float:left; margin-left:20px;}
.bannerS a > img {height:20px;}

/* �ϴܿ��� */
#footerArea           {width: 100%; position:relative; font-size:13px; background:#fff; display:inline-block;}
#footerArea .copyArea{ clear:both; position:relative; width:100%; max-width:1200px; margin-left:auto; margin-right:auto; padding:30px 0;}
#footerArea .copyArea:after{ content:""; display:block; clear:both;}

#footerArea .copyTxt{float:left; width:75%; height:auto;}
#footerArea .copyTxt p{width:100%; text-align:left; color:#888;}
#footerArea .copyTxt p span{ display:inline-block; color:#888; margin-right:15px;}
#footerArea .copyTxt p span:nth-child(5){ display:block;}
#footerArea .copyTxt p span:nth-child(5){ display:inline-block;}
#footerArea .copyTxt p span:nth-child(9){ display:block;}
#footerArea .copyLogo { float:right; width:25%; text-align:right;}
#footerArea .copyLogo img {height:45px;}

@media screen and (max-width: 1200px) {
#footerArea .copyArea{padding:30px 10px;}
}

@media screen and (max-width: 768px) {
	#footerArea .copyTxt{ width:100%; }
	#footerArea .copyTxt p{ text-align:center; padding:0 10px; }
	#footerArea .copyTxt p span {margin:0;}
	#footerArea .copyLogo { width:100%; text-align:center; margin-top:20px;}
}



.footerS   {width: 1200px; position:relative; margin:0 auto; color:#888; text-align:left; padding-top:20px; padding-bottom:20px;}
.footerL   {width:700px; float:left; line-height:1.5; font-size:13px; padding-top:37px; padding-bottom:37px;  padding-left:10px;}
.footerR   {width:200px; position:absolute; right:0px; text-align:right; margin-top:37px;}
.footerL br {display:none;}
.footerL div {margin-bottom:5px;}
.footerR ul         {float:right;}
.footerR li         {float:left; margin-right:2px; }
.footerR li img   {width:40px; border-radius:5px;}

@media screen and (max-width: 1220px) {
  .bannerS .bannerSL {float:none; width:100%;}
  .bannerS .bannerSR {float:none; width:100%; margin-left:0px;}

  .bannerS {width:100%; padding-left:20px;  padding-right:20px;}
  .footerS {width:100%; padding-left:20px;  padding-right:20px;}
}

@media screen and (max-width: 991px) {
  .bannerS {width:100%;}
  .bannerS .bannerSL {float:none; width:100%;}
  .bannerS .bannerSR {float:none; width:100%;}
  .bannerS img {margin-right:0px; }

  .footerS .footerL {float:none; width:100%; height:auto; padding-bottom:20px; padding-left:10px; padding-right:10px;}
  .footerS .footerR {float:none; width:100%; text-align:center; height:auto; position:relative; margin-top:0px; margin-bottom:20px;}
  .footerS .footerR ul {float:none; margin:0 auto; display:inline-block;}
  .footerL br {display:block;}

}


.page_line          {height:34px; text-align:center; margin-top:20px;}
.page_line span     {display:inline-block; vertical-align:top; *display:inline;*zoom:1;}
.page_line span.page     { border:1px solid #d7d5d5; margin:0px 0px 0px -1px;display:inline-block; }
.page_line span.page > a {padding:9px 9px 9px 9px; line-height:14px; background:#fff; display:block;}
.page_line span.page > a.on {padding-bottom:6px; border-bottom:3px solid #2f4cb4; padding-top:6px; border-top:3px solid #2f4cb4;}


.tableline             {border-top:1px solid #D0D0D0; border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;border-collapse:collapse; background:#FFFFFF;}
.tableline th          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; padding-top:5px; padding-bottom:5px; text-align:center; font-size:14px; line-height:25px;}
.tableline td          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; padding-top:5px; padding-bottom:5px; font-size:14px; line-height:25px;}
.tableline td.con     {padding-left:5px;}
.tableline th.ichk     {}
.tableline img         {max-width:700px;}

.tableinfo             {border-top:3px solid #1d489e; border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0;border-collapse:collapse; background:#FFFFFF;}
.tableinfo th          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; padding-top:5px; padding-bottom:5px; text-align:center; font-size:13px; line-height:25px; }
.tableinfo td          {border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; padding-top:5px; padding-bottom:5px; font-size:13px; padding-left:5px; line-height:25px;}
.tableinfo th.ichk     {}
.tableinfo img         {max-width:700px;}


.tabletline             {border-top:2px solid #1d489e; border-bottom:1px solid #D0D0D0;border-collapse:collapse; background:#FFFFFF;}
.tabletline th          {border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; padding-top:5px; padding-bottom:5px; font-size:13px; text-align:center;}
.tabletline td          {border-bottom:1px solid #D0D0D0; padding-top:5px; padding-bottom:5px;}

.tablectline             {border-top:2px solid #1d489e;border-bottom:1px solid #D0D0D0;border-collapse:collapse; background:#FFFFFF;}
.tablectline th          {border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; padding-top:5px; padding-bottom:5px; text-align:center; font-size:13px;}
.tablectline td          {padding-top:1px; padding-bottom:1px; font-size:13px;}


.tablelline             {border:1px solid #ddd; border-collapse:collapse; background:#FFFFFF; font-size:15px;}
.tablelline th          {border-bottom:1px solid #666; background-color:#F5F5F5; padding-top:15px; padding-bottom:15px; text-align:center;}
.tablelline td          {border-bottom:1px solid #ddd; padding-top:15px; padding-bottom:15px; padding-left:15px;}


.tablevline             {border-top:3px solid #1d489e; border-bottom:1px solid #D0D0D0; border-collapse:collapse; background:#FFFFFF; font-size:15px;}
.tablevline th          {border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F5F5F5; padding-top:5px; padding-bottom:5px; text-align:center; font-weight:normal;}
.tablevline th.fst      {border-left:0;}
.tablevline td          {border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; padding-top:5px; padding-bottom:5px;}
.tablevline td.fst      {border-left:0;}

.tablenoline            {border:0px;}
.tablenoline td,th      {border:0px;}


td.chk_td1       {background-color:#F5F5F5;text-align:center;font-weight:bold;}
td.chk_td2       {background-color:#FFFFFF;padding-left:10px;text-align:left;}
td.chk_td3       {background-color:#F5F5F5;text-align:center;font-weight:bold;}
td.td_round      {border:solid 1px #E1E1E1;}
td.td_round_over {border:solid 1px #F22300;}

.guide  {padding:10px; margin-top:20px; border:3px solid #E5E5E5; line-height:1.5}
.guide span {color:#2f4cb4; font-weight:bold;}

.ctmenu       {margin-bottom:20px; display:inline-block; font-size:15px; width:100%; height:42px;}
.ctmenu ul    {height:42px; width:100%; padding:0px;}
.ctmenu li    {float:left; text-align:center; width:calc(20% + 1px); border:1px solid #000; margin-left:-1px;}
.ctmenu a		{display:block; padding:10px 15px; font-weight:600;}
.ctmenu a.on	{display:block; padding:10px 15px 10px 15px; font-weight:600; background:#000; color:#fff;}

@media screen and (max-width: 768px) {
.ctmenu li {overflow:hidden;}
.ctmenu a		{ font-size:13px; padding:10px 5px; font-weight:500;}
.ctmenu a.on	{ font-size:13px; padding:10px 5px; font-weight:500;}
}

.ctmenu2       {margin-bottom:20px; display:inline-block; font-size:15px; width:100%; height:42px;}
.ctmenu2 ul    {border-left:1px solid #ddd;border-top:1px solid #ddd;height:43px;}
.ctmenu2 li    {float:left; text-align:center; width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.ctmenu2 a		{display:block; padding:10px 15px; font-weight:600;}
.ctmenu2 a.on	{display:block; padding:10px 15px 10px 15px; font-weight:600; background:#1d489e; color:#FFFFFF;}

.ctmenu3       {margin-bottom:20px; display:inline-block; font-size:15px; width:100%; height:42px;}
.ctmenu3 ul    {height:42px; width:100%; padding:0px;}
.ctmenu3 li    {float:left; text-align:center; width:calc(33.33% + 1px); border:1px solid #000; margin-left:-1px;}
.ctmenu3 a		{display:block; padding:10px 15px; font-weight:600;}
.ctmenu3 a.on	{display:block; padding:10px 15px 10px 15px; font-weight:600; background:#000; color:#fff;}



/* quick menu  */
.quickMenu{width:140px; position:fixed; z-index:10; height:100%; top:210px; right:-90px;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.quickMenu dl { background:#fff;  }
.quickMenu dl dt { height:60px; line-height:60px; color:#fff; font-size:1em; font-weight:700; text-align:center; background:#000; }
.quickMenu dl dt i {float:left; display:inline-block; width:50px; height:60px; line-height:60px; color:#fff; font-size:1.2em; text-align:center; background:;}
.quickMenu dl dt p{float:left; display:inline-block;   height:60px; line-height:60px; color:#fff; font-size:0.9em; }
.quickMenu dl dt a{ display:block; color:#000; }

.quickMenu dl dd{ padding:0; height:50px; line-height:50px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.quickMenu dl dd i {float:left; display:inline-block; width:35%; height:50px; line-height:50px; color:#555; font-size:1.2em; text-align:center; }
.quickMenu dl dd p{float:left; display:inline-block; width:65%; height:50px; line-height:50px; color:#000; font-size:0.9em; }
.quickMenu dl dd a{ display:block; width:100%; color:#000; }
.quickMenu dl dd:hover { background:#f8f8f8; }
.quickMenu dl dd:hover i { color:#077fcf; }
.quickMenu.on{right:0px;}


.pc_only {}
.mb_only {display:none;}

@media screen and (max-width: 768px) {
  .pc_only {display:none;}
  .mb_only {display:block;}
}
