@charset "utf-8";

html,body{width:100%; margin:0; padding:0; border:0; }

/* html{overflow-x:auto !important} */

body{width:100%;}
.wrap{position:relative; z-index:0; width:100%; overflow:hidden}


/*s:animation*/
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

@keyframes bigcircle {
	from { ;opacity:0 }
	to {;opacity:1  }
}

@keyframes bg_bar01 {
	0% { height:0 ;}
	100% {height:75%;  }
}
@keyframes bg_bar01_mo {
	0% { height:0 ;}
	100% {height:50%;  }
}
@keyframes bg_bar02 {
	0% { height:0 ;}
	100% {height:65%;  }
}
@keyframes bg_bar02_mo {
	0% { height:0 ;}
	100% {height:70%;  }
}
@keyframes txt-boder {
	0% { left:-100%}
	50%{left:0%}
	100%{left:100%; }

}
@keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0); transform:rotate(-5deg);}
	to { opacity: 1; -webkit-transform: none;transform: none; transform:rotate(0deg); }
}
@keyframes fadeInDown {
	from {  opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);transform:rotate(-5deg);}
	to {opacity: 1;-webkit-transform: none;transform: none;transform:rotate(0deg);}
}

@keyframes fadeInDown02 {
	from {  opacity: 0;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;

}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration:1.5s;
  -webkit-animation-duration:1.5s;
  animation-delay:.3s;
  -webkit-animation-delay:.3s;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation-duration: 1.5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 1.5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.bigcircle {
  -webkit-animation-name: bigcircle;
  animation-name: bigcircle;
   animation-delay:3s;
}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s; ;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time00 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .05s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time01 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time02 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .15s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time03 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time04 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .25s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.time05 {-webkit-animation-duration: 1s;animation-duration: 1s; animation-delay: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated2 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.f2{animation-delay:.8s;}
.f3{animation-delay:1.2s;}
.f4{animation-delay:1.6s;}
.f5{animation-delay:2s;}
.f6{animation-delay:2.5s;}
/*e:animation*/


.pc{display:block}
.mo{display:none}

/* s:animation */
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes mognb_bar {
	from { width:0;  }
	to { width:200px }
}

.vis_ef01 {-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-duration:0.5s;;animation-fill-mode:backwards;animation-delay:0.5s;}
.vis_ef02 {-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-duration:0.5s;;animation-fill-mode:backwards;animation-delay:1.0s;}

.contents .more {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.contents .more a:hover img{transform:rotate(180deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}



/* e:animation */





/*s:br_line*/
.br_line{display:block;transition:0.25s}
/*e:br_line*/




/* s:tb_style_01 */
table.tb_style_01{width:100%;border-bottom: 2px solid #999999;border-top: 2px solid #ba142d;margin-top: 60px;}
table.tb_style_01 tr{border:1px solid #cccccc; border-left:none; border-right:none}
table.tb_style_01 tr th{border-bottom:1px solid #999999; border-left:none; border-right:none;background:#ffffff; height:50px;vertical-align: middle; font-size:18px;color:#ba142d}
table.tb_style_01 tr th.num{text-align:center;}
table.tb_style_01 tr th.tit{text-align:center;}
table.tb_style_01 tr th.add{text-align:center;}
table.tb_style_01 tr th.date{text-align:center;}

table.tb_style_01 tr td.num.noti{text-align:center;  color:#ba142d; font-weight:bold}
table.tb_style_01 tr td.num.noti a{color:#ba142d; font-weight:bold}
table.tb_style_01 tr td.num.noti span{width: 60px;height: 25px;text-align: center;font-size: 14px;color: #ffffff;background: #ca2f33;display: inline-block;border-radius: 5px;line-height: 25px;}
table.tb_style_01 tr td.tit.noti{color:#ba142d; font-weight:bold;text-align:left}
table.tb_style_01 tr td.tit.noti a{color:#ba142d; font-weight:bold;}
table.tb_style_01 tr td.centxt{text-align:center; font-size:17px; color:#000000;letter-spacing:-0.4px}

table.tb_style_01 tr td{background:#ffffff; height:45px;vertical-align: middle;/*text-align:left*/;word-break: break-all;}
table.tb_style_01 tr td a{text-align:left}
table.tb_style_01 tr td.num{text-align:center; font-size:14px; color:#000000; font-weight:bold;letter-spacing:-0.4px}
table.tb_style_01 tr td.num a{ text-align:center; font-size:14px; color:#000000; font-weight:bold;letter-spacing:-0.4px}
table.tb_style_01 tr td.tit{ text-align:left;font-size:14px; color:#000000; }
table.tb_style_01 tr td.tit a{text-align:left; font-size:14px; color:#000000; transition: all 0.25s;display: inline-block;letter-spacing:-0.4px}
table.tb_style_01 tr td.tit a:hover{color:#ba142d;;transition: all 0.25s;}
table.tb_style_01 tr td.img span{;display: inline-block;vertical-align: middle;margin:15px }
table.tb_style_01 tr td.img span img{width:100%; height:100% }

table.tb_style_01 tr td.tit span.new{margin-left:5px;display:inline-block}
table.tb_style_01 tr td.tit span.new img{vertical-align: middle;}
table.tb_style_01 tr td.tit span.lock{margin-left:5px}
table.tb_style_01 tr td.tit span.lock img{vertical-align: text-top;}

table.tb_style_01 tr td.add{width:7%;text-align:center;}
table.tb_style_01 tr td.add a{text-align:center;  }
table.tb_style_01 tr td.write{width:7%;text-align:center;font-size:12px; color:#666666;letter-spacing:-0.4px }
table.tb_style_01 tr td.write a{ text-align:center; font-size:12px; color:#666666;letter-spacing:-0.4px }
table.tb_style_01 tr td.date{ text-align:center;;font-size:12px; color:#666666;letter-spacing:-0.4px }
table.tb_style_01 tr td.date a{ text-align:center; font-size:12px; color:#666666; letter-spacing:-0.4px}
table.tb_style_01 tr td p.ed{font-size:12px; text-align:center; color:#666666}
table.tb_style_01 tr td p.ing{font-size:12px; text-align:center; color:#c20002}
table.tb_style_01 tr td .file{width:30px; height:30px;;margin:0 auto;transition: all 0.25s; }
table.tb_style_01 tr td .file:hover{width:30px; height:30px; transition: all 0.25s; }
table.tb_style_01 tr td .file a{display:block;width: 100%;height: 100%;}
/* e:tb_style_01 */


/* s:tb_style_02 */
table.tb_style_02{width:100%;border-top:2px solid #ba142d;border-bottom:2px solid #999999}
table.tb_style_02 tr{border:1px solid #d2d2d2; border-left:none; border-right:none}
table.tb_style_02 tr th{background:#fff; text-align:center; font-size:18px; color:#000000; height: 60px;vertical-align: middle;/*border:1px solid #666666*/; border-right:none; border-left:none }
table.tb_style_02 tr td{background:#fff; text-align:center; height: 50px;vertical-align: middle;}

table.tb_style_02 tr.date{border:none}
table.tb_style_02 tr.date td{text-align:right; border:none; color:#666666; font-size:12px; font-weight:100; padding:0 10px 0 10px; background:#fff ; height:30px;vertical-align: middle;}
table.tb_style_02 tr.date td.day{text-align:left;font-size:11px}
table.tb_style_02 tr.date td span{margin-left:5px}
table.tb_style_02 tr.date td span.down img{vertical-align:middle; }
table.tb_style_02 tr.date td span.down a{color:#666666; font-size:12px; -webkit-transition: all 0.25s;transition: all 0.25s;display: inline-block;}
table.tb_style_02 tr.date td span.down a:hover{color:#bfb6b6;  transition: all 0.25s;}
table.tb_style_02 tr.date td span.down a:hover .file{transition: all 0.25s;vertical-align: middle;opacity:0.7 }
table.tb_style_02 tr td .file{transition: all 0.25s;;display: inline-block;vertical-align: middle; }
table.tb_style_02 tr td .file a{display:block;width: 100%;height: 100%;}
table.tb_style_02 tr.txt{border:none}
table.tb_style_02 tr.txt td{padding:30px 3% 80px 3%; text-align:left;font-size:15px;color:#000000;;line-height: 22px;}
table.tb_style_02 tr.txt td img{max-width:100% !important;height:auto !important; margin:20px auto ;display: block;}
table.tb_style_02 tr td a{font-size:14px;color:#666666;font-weight:bold }
table.tb_style_02 tr.txt td iframe{max-width: 60% !important;display: block;text-align: center;margin: 0 auto;}
table.tb_style_02 tr.answer{/*border-top:1px solid #bfb6b6;border-left:none; border-right:none*/border:none;text-indent: -2%;}
table.tb_style_02 tr.answer td{background:#f9f9fa; text-align:left;font-size:13px; height:40px; padding-left:5%;padding-bottom: 10px;}
table.tb_style_02 tr.answer td span{margin-right:5px}

table.tb_style_02 tr.txt td table.tint{width:100%;border-top:1px solid #000000;border-bottom:1px solid #000000}
table.tb_style_02 tr.txt td table.tint tr{border-top:1px solid #cccccc}
table.tb_style_02 tr.txt td table.tint tr th{background:#e5e5e5;color:#333333; font-size: 17px;vertical-align: middle;padding:15px 10px ;letter-spacing:-0.7px;height:auto;border:0}
table.tb_style_02 tr.txt td table.tint tr td{color:#333333; font-size: 14px;vertical-align: middle;font-weight:bold;padding:15px 10px;height:auto;border:0}
/* e:tb_style_02 */

/* s:tb_style_03 */

table.tb_style_03{width:100%;border-bottom:2px solid #0055ff;border-top:2px solid #0055ff}
table.tb_style_03 .fst{border-left: none; width: 15%;}
table.tb_style_03 tr th{padding: 9px 13px 9px 13px;vertical-align: middle;color: #ffffff;;font-size: 17px;;height:50px ;font-weight: 400;letter-spacing:-1.5px}
table.tb_style_03 tr th span.img {width:100%; display:block;text-align:center; margin-bottom:10px; }
table.tb_style_03 tr th span.img img{width:100%; }
table.tb_style_03 tr td{vertical-align: middle;padding: 9px 13px 9px 13px;color: #ffffff;font-size: 12px;;height:50px;text-align:left}
table.tb_style_03 tr th img{width:100%}
table.tb_style_03 tr td a{display:block;}
table.tb_style_03 tr{border: 1px solid #415b8d;border-left: none;border-right: none;}
table.tb_style_03 select{display:inline-block;background-image:url('/images/main_20180611/common/arr_contact_down.jpg'); background-repeat:no-repeat;background-position:100% center ;background-color:#0055ff;border:0;color:#ffffff}
table.tb_style_03 input{display:inline-block;background:#0055ff;border:0;color:#ffffff}
table.tb_style_03 textarea{background:#0055ff;border:0;color:#ffffff}

.tb_style_03 tr td.hi_25{height:25px;}
.tb_style_03 tr td.name input[type="text"]{width:91.7%}
.tb_style_03 tr td.title input[type="text"]{width:100%}
.tb_style_03 tr td.email .short{width:28.37%; margin-left:0.5%; margin-right:0.5%}
.tb_style_03 tr td.email .short:first-child{margin-left:0;}

.tb_style_03 tr td.email span{width:3%; display:inline-block; margin-left:0.5%; margin-right:0.5%; font-size:13px;vertical-align: middle;text-align: center;}

.tb_style_03 tr td.phone .short{width:29.4%; margin-left:0.5%; margin-right:0.5%}
.tb_style_03 tr td.phone .short:first-child{margin-left:0;}
.tb_style_03 tr td.phone .short_02{width:29.4%; margin-left:0.5%; margin-right:0.5%}
.tb_style_03 tr td.phone .short_02:first-child{margin-left:0; margin-right:1.5%}

.tb_style_03 tr td.password input[type="password"]{width:29.3%;margin-right:0.5%}
.tb_style_03 tr td.password span{color:#ff0000;font-size:12px; vertical-align: middle;}
.tb_style_03 tr td.password span.security{vertical-align: middle;display: inline-block;}
.tb_style_03 tr td.first label:first-child{margin-right:1%}
.tb_style_03 tr td.select label:first-child{margin-right:1%}



.tb_style_03 tr td textarea{width:89.6%;}

.tb_style_03 tr td .more_btn{width: 70px;background: #c20002;text-align: center;height: 25px;line-height: 25px;}
.tb_style_03 tr td .more_btn a{color:#fff;display:block}
.tb_style_03 tr td .more_btn:hover{opacity: .7;-khtml-opacity: .70;-moz-opacity: .70;-ms-filter: ”alpha(opacity=70)”;filter: alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: .70;; -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}

.tb_style_03 tr td.txtbox textarea{vertical-align: middle;height: 70px; display: inline-block;width: 80%;}
.tb_style_03 tr td.txtbox .txtbox_btn{width: 19%;height: 70px;background: #666666;vertical-align: middle;line-height: 70px;display: inline-block;}
.tb_style_03 tr td.txtbox .txtbox_btn a{display: block;color: #fff;font-size: 17px;font-weight: bold;text-align: center;}


.tb_style_03 tr td .noti_btn{font-weight: bold;color: #fff;width: 100%;height: 30px;background: #3060bf;text-align: center;vertical-align: middle;line-height: 30px;border-radius: 10px;}

.tb_style_03 tr td .add_file{display: inline-block;width: 70px;height:30px;background: #0080ff;color: #fff;vertical-align: middle;text-align: center;line-height:30px;}
.tb_style_03 tr td .add_file a{color:#fff}


.tb_style_03 tr td .key{display: inline-block;width: 70px;height: 40px;background: #ba142d;color: #fff;vertical-align: middle;margin-left: 5px;text-align: center;line-height: 30px;font-size: 12px;font-weight: bold;border-radius: 5px;}
.tb_style_03 tr td .key a{color:#fff}
.tb_style_03 tr td input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="tel"], select{height:30px}
/* e:tb_style_03 */








/*s:txt_col*/
.txt_col_white{color:#fff !important}
.txt_col_red{color:#ed193a !important}
.txt_col_gray{color:#999999}
.txt_col_yellow{color:#fff4bf}
.txt_col_sky{color:#01d4ff !important}
.txt_col_orange{color:#e74923 !important}
/*e:txt_col*/



/* s:btn */
.btn_width{margin:60px auto;text-align:center}
.btn_width.rt_st{text-align:right}
.btn_red{margin:0 5px;vertical-align: middle;width:200px; height:50px; line-height:50px; text-align:center;background:#ba142d; border-radius:5px; margin:0 auto; display:inline-block;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.btn_red a{display:block; color:#fff; font-size:16px; cursor:pointer}
.btn_red:hover{ opacity:0.7; transition: all 0.25s;}


.btn_gray{margin:0 5px;vertical-align: middle;width:140px; height:40px; line-height:40px; text-align:center;background:#4d4d4d; border-radius:5px; margin:0 auto; display:inline-block;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.btn_gray a{display:block; color:#fff; font-size:16px; cursor:pointer}
.btn_gray:hover{ background:#fff;border:1px solid #333333;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.btn_gray a:hover{color:#000000;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}


.btn_navy{margin:0 5px;;vertical-align: middle;;width:140px; height:60px; line-height:60px; text-align:center;background:#1f3449; border-radius:5px; margin:0 auto;display:inline-block;border:1px solid #333333;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.btn_navy a{display:block; color:#fff; font-size:16px; cursor:pointer}
.btn_navy:hover{background:#fff; -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.btn_navy a:hover{color:#000000; -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}

/* e:btn */


/* s:개인정보 동의 form */
.person_info{width: 100%;margin:0 auto 50px;text-align:left}
.person_info .person_info_box{height:200px;width: 100%;border: 1px solid #d6d6d6;background: #fff;line-height: 18px;white-space: pre-line;font-size:12px;color: #666666;}
.person_info .b_txt{font-size:14px; color: #666666;  font-weight:bold ;padding:15px 30px; }
.person_info .s_txt{font-size:12px; color: #666666; padding:0 30px}
.person_info .agree{margin-top: 10px;text-align:left;width:100%;color: #666666; font-size:12px}



/* e:개인정보 동의 form */



/* s:pageing */
.arrow_width{text-align:center; margin:0 auto; padding-top:60px}
.arrow_width table.arrow_box{margin:0 auto;}
.arrow_width table.arrow_box tr td{width:32px; height:32px;vertical-align: middle; border-radius:5px; }
.arrow_width table.arrow_box tr td a{font-size:16px; color:#666666;vertical-align: middle;display: inline-grid;}
.arrow_width table.arrow_box tr td span{display:block;margin: 0 2px;}
.arrow_width table.arrow_box tr th{width:32px; height:32px;vertical-align: middle;}
.arrow_width table.arrow_box tr th a{font-size:16px; color:#666666;vertical-align: middle;;transition: all 0.25s;}

.arrow_width table.arrow_box tr td a .on{color:#fff; width:32px; height:32px; border-radius:5px;;display: block;vertical-align: middle;line-height: 32px;background:#ba142d}
.arrow_width table.arrow_box tr td a span{color:#666666; width:32px; height:32px; border-radius:5px; ;;display: block;vertical-align: middle;line-height: 32px;}
.arrow_width table.arrow_box tr td.rt{padding-left:15px;vertical-align: middle;}
.arrow_width table.arrow_box tr td.lf{padding-right:15px;vertical-align: middle;}

.arrow_width table.arrow_box tr td a:hover{ ;transition: all 0.25s;  opacity: 0.7}
.arrow_width table.arrow_box tr td.rt a:hover{;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; opacity: .7;-khtml-opacity: .70;-moz-opacity: .70;-ms-filter: ”alpha(opacity=70)”;filter: alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: .70;}
.arrow_width table.arrow_box tr td.lf a:hover{;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; opacity: .7;-khtml-opacity: .70;-moz-opacity: .70;-ms-filter: ”alpha(opacity=70)”;filter: alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity: .70;}

/* e:pageing */






/* s:faq_list */
.faq{width:100%; border-bottom:3px solid #ca2f33;  border-top:3px solid #ca2f33;margin-top: 35px;}

.faq .faq_f{ border-bottom:1px solid #44598c;; background-image:url('/images/main_20180611/common/notice_arr_down.png');background-position: 98% 50%;background-repeat: no-repeat;cursor: pointer;padding: 20px 0%;;transition:all 0.25s}
.faq .faq_f.last{border-bottom:0}
.faq .faq_f.last.active{ border-bottom:1px solid #44598c;}
.faq .faq_f.active{background-image:url('/images/main_20180611/common/notice_arr_up.png') ; background-position: 98% 50%;background-repeat: no-repeat;;transition:all 0.25s}
.faq .faq_f .num{width:10%; text-align:center; color:#333333; font-size:16px;vertical-align:middle;float:left;transition:all 0.25s}
.faq .faq_f .txt{width:90%; text-align:left; color:#333333; font-size:16px;vertical-align:middle;float:left; ;transition:all 0.25s}
.faq .faq_f.active .num{color:#333333; font-size:16px;;transition:all 0.25s}
.faq .faq_f.active .txt{color:#333333; font-size:16px;;transition:all 0.25s}
.faq .faq_q{ border-bottom:1px solid #44598c;}
.faq .faq_q.last{border-bottom:0}
.faq .faq_q .txt{width:100%; text-align:left;  ;vertical-align:middle;padding: 20px 7% 40px; }
.faq .faq_q .txt span{display: inline-block;}
.faq .faq_q .txt span.img{vertical-align: top;width:5%;}
.faq .faq_q .txt span.text{width:91%;vertical-align: top;font-size:15px;color:#333333;}



.faq .faq_f .num span{width:60px; height:25px;text-align: center;font-size: 16px;color: #333333;background: #0055ff;display: inline-block;border-radius:5px;line-height:25px;}
/* e:faq_list */

/*s:공통마진*/
.bottom_margin{padding: 50px 0; }

/*e:공통마진*/
.search_icon {text-align:center;height:50px;  float:center;margin-top:20px}
.search_icon input{border-radius:5px; width:200px;vertical-align: middle;  height:35px;display:block;}
.search_icon select.tit{ border-radius:5px;width:100px;vertical-align: middle;  height:35px; margin-right:5px; font-size:12px;    display: inline-block; background-image:url('/images/main_20180611/common/notice_select_arr.png'); background-repeat:no-repeat;background-position:95% center ;}
.search_icon label{position:relative;display:inline-block;vertical-align: middle; }
.scr_btn{position:absolute; top:50%;margin-top:-10px; right:5% }
.scr_btn a{display:block}
.scr_btn:hover{transition: all 0.25s;opacity:0.7;}


.layer_pop03{position:relative; margin:0 auto;text-align:center;width:1200px;display:none}
.layer_pop03 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;cursor:pointer}
.layer_pop03 .agree{padding:40px 20px; ;background: #fff;line-height: 18px;;font-size:12px;color: #666666;  margin:30px auto;text-align:left;height:600px}

.layer_pop04{position:relative; margin:0 auto;text-align:center;width:1200px;display:none}
.layer_pop04 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;cursor:pointer}
.layer_pop04 .agree{padding:40px 20px; ;background: #fff;line-height: 18px;font-size:12px;color: #666666;  margin:30px auto;text-align:left;height:600px}


/* 이용약관 */
.agreement{ margin:0 auto; padding:20px;line-height:20px;}
.privacy{ margin:0 auto; padding:20px;line-height:20px;}
.agreement p.tit{ margin:20px 0 10px; font-size:14px; }
.privacy p.tit{ margin:20px 0 10px; font-size:14px; }
.agreement p.txt{ margin-bottom:15px; }
.agreement div{ margin-bottom:15px; }
.privacy p.txt{ margin-bottom:15px; }
.privacy div{ margin-bottom:15px; }
.agreement div ol ol{ margin-left:15px; }
.agreement div ol ul{ margin-left:15px; }
.privacy div ol ol{ margin-left:15px; }
.privacy div ol ul{ margin-left:15px; }

/* s:1200px media_query */
@media screen and (max-width:1200px) {

	.layer_pop03{position:relative; margin:0 auto;text-align:center;width:80%;display:none}
	.layer_pop03 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;}
	.layer_pop04{position:relative; margin:0 auto;text-align:center;width:80%;display:none}
	.layer_pop04 .close{position:absolute; right:0; top:0;color: #ffffff;font-size: 50px;font-weight: 100;}

}
/* e:1200px media_query */






/* s:1024px media_query */
@media screen and (max-width:1024px) {

	/*s:br_line*/
	.br_line{display:inline}
	/*e:br_line*/



	.pc{display:none}
	.mo{display:block}

	/* s:개인정보 동의 form */

	.person_info .b_txt{font-size:12px; color: #666666;  font-weight:bold ;padding:10px 15px; }
	.person_info .s_txt{font-size:11px; color: #666666; padding:0 15px}
	.person_info .agree{margin-top:10px; font-size:12px;}
	/* e:개인정보 동의 form */






}
/* e:1024px media_query */





/* s:684px media_query */
@media screen and (max-width:684px) {



	/* s:btn */
	.btn_width{margin:30px auto;text-align:center}
	.btn_blue{margin:5px auto;vertical-align: middle;width:100%; }

	.btn_navy{margin:5px auto;;vertical-align: middle;;width:100%;}

	/* e:btn */



	/* s:tb_style_01 */
	table.tb_style_01{width:100%;}
	table.tb_style_01 tr{}
	table.tb_style_01 tr th{font-size:14px}
	table.tb_style_01 tr td{background:#ffffff; height:50px;vertical-align: middle;font-size:10px}
	table.tb_style_01 tr td.num{ text-align:center; font-size:12px; color:#000000; font-weight:bold}
	table.tb_style_01 tr td.tit{}
	table.tb_style_01 tr td.tit a{text-align:left; font-size:14px; }
	table.tb_style_01 tr td.date{ text-align:center; font-size:11px; }
	table.tb_style_01 tr td.noti{text-align: center;font-size:9px;width:60%;height: 30px;line-height: 30px;margin-top:7.5px;}

	table.tb_style_01 tr td.centxt{ font-size:12px;}
	table.tb_style_01 tr td.num.noti span {width: auto; padding: 0 2px;font-size:11px}
	/* e:tb_style_01 */


	/* s:tb_style_02 */


	table.tb_style_02 tr th{font-size:11px;}
	table.tb_style_02 tr td{font-size:10px; }
	table.tb_style_02 tr td a{font-size:10px; }
	table.tb_style_02 tr.txt td img{width:100% !important;height:auto !important; margin:20px auto;}
	table.tb_style_02 tr.date td{font-size:10px}
	table.tb_style_02 tr.date td span.down a{font-size:10px}
	table.tb_style_02 tr td .file img{max-width:70%}
	table.tb_style_02 tr.date td span{margin-left:0}
	table.tb_style_02 tr.date td span.day_txt{display:none}

	table.tb_style_02 tr.txt td table.tint{width:100%;border-top:1px solid #000000;border-bottom:1px solid #000000}
	table.tb_style_02 tr.txt td table.tint tr{border-top:1px solid #cccccc}
	table.tb_style_02 tr.txt td table.tint tr th{background:#e5e5e5;color:#333333; font-size: 14px;vertical-align: middle;padding:10px 5px ;letter-spacing:-0.7px;height:auto;border:0}
	table.tb_style_02 tr.txt td table.tint tr td{color:#333333; font-size: 12px;vertical-align: middle;font-weight:bold;padding:10px 5px;height:auto;border:0}
	/* e:tb_style_02 */

	/*s: tb_style_03*/
	table.tb_style_03 tr th{font-size:11px}
	table.tb_style_03 tr td{font-size:10px}
	.tb_style_03 tr td.password input[type="password"]{width:100%}
	.tb_style_03 tr td.name input[type="text"]{width:100%}
	.tb_style_03 tr td.password span{display:block;margin-top:5px}
	/*e: tb_style_03*/


	/* s:faq_list */



	.faq .faq_f .txt{ font-size:14px; padding-left:0}
	.faq .faq_f.active .txt{font-size:14px; font-weight:bold }
	.faq .faq_q .txt span.text{font-size:14px;padding-left:10px}
	.faq .faq_q .txt{;padding: 10px 3% 20px; }

	/* e:faq_list */
	.search_icon {text-align:center;height:auto;  float:none;margin-bottom:10px; padding-top:20px}
	.search_icon input{border-radius:5px; width:100%;vertical-align: middle;  height:35px;display: inline-block;margin-top:5px}
	.search_icon select.tit{ border-radius:5px;width:100%;vertical-align: middle;  height:35px; margin-right:0; }
	.search_icon label{width:100%}

	.person_info .agree{font-size:12px}

	.layer_pop03{position:relative; margin:0 auto;text-align:center;width:96%;display:none}
	.layer_pop03 .close{position:absolute; right:0; top:0;color: #ffffff;font-size:30px;font-weight: 100;}
	.layer_pop03 .agree{padding:20px 10px; ;background: #fff;line-height: 16px;white-space: pre-line;font-size:11px;color: #666666;  }
	.layer_pop04{position:relative; margin:0 auto;text-align:center;width:96%;display:none}
	.layer_pop04 .close{position:absolute; right:0; top:0;color: #ffffff;font-size:30px;font-weight: 100;}
	.layer_pop04 .agree{padding:20px 10px; ;background: #fff;line-height: 16px;white-space: pre-line;font-size:11px;color: #666666;  }

}
/* e:684px media_query */


/* s:480px media_query */
@media screen and (max-width:480px) {



}
/* e:480px media_query */