@import url("base.css"); 

/* ÃʱâÈ­ */
html {
    scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}
html, body {width: 100%; height: 100%;}
body {margin: 0; padding: 0; font-size: 16px; line-height: 1.2; word-break: keep-all; vertical-align: middle !important; font-family: 'Noto Sans KR', 'Malgun Gothic', 'Arial', 'Dotumn', 'Sans-serif';overflow-x: hidden; letter-spacing:-0.5px;}

* {box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
ol, ul {list-style: none;}
p, ul, li, ol, dl, dt, dd, figure {padding: 0;margin: 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0; padding: 0; border: 0}
h1, h2, h3, h4, h5, h6 {color: inherit; margin: 0; letter-spacing:-1px; font-weight:900; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
ul, ul li {margin: 0; padding: 0; list-style: none}
ol, li, dl, dt, dd {margin: 0; padding: 0}
legend {position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden}
label, input, button, select, img {vertical-align: middle}
button, textarea, input, select {font-family: inherit;color: inherit;padding: 0;}

input, button {margin: 0; padding: 0;}
button {cursor: pointer; border:0;}
textarea, select {font-size: .85em}
select {margin: 0}
p, span, i {margin: 0; padding: 0; word-break: break-all;}
pre {overflow-x: scroll; font-size: 1.1em}

a {text-decoration: none; color: inherit;}
a:link, a:visited {text-decoration: none; display: inline-block;}
a:hover, a:focus, a:active {text-decoration: none !important;}

th {font-weight:500;}

input[type=text], input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out; 
-moz-transition: all 0.30s ease-in-out; 
-ms-transition: all 0.30s ease-in-out; 
-o-transition: all 0.30s ease-in-out; 
outline: none; 
border: 1px solid #ddd; 
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border: 1px solid #6164e9; }
input[type=checkbox] {border: 1px solid #ccc !important; border-radius: 3px !important; padding: 2px; color: #666; }

.placeholdersjs {color: #aaa !important;}
.mb {display: none;}
br.mo {display: none;}


.wrap {position: relative; margin: 0 auto; width: 1500px;}
.wrap:after {display: block; visibility: hidden; clear: both; content: ""}


/* »ó´Ü ·¹À̾ƿô */
#hd {z-index:3; position: fixed; top: 0; width: 100%; min-height: 100px; left:0;}
#hd:hover {border-bottom: 0px}

/*¹è³Ê Ãß°¡*/
#hd .banner{position: absolute; top:300px; right: 0;}
#hd .banner02{position: absolute; top:425px; right: 0;}
#hd .banner01_mobile{display: none;}
#hd .banner02_mobile{display: none;}

@media all and (max-width: 768px){
#hd .banner{display: none;}
#hd .banner02{display: none;}
#hd .banner01_mobile{display: block; position: absolute; top:500px; right: 10px;}
#hd .banner01_mobile img{width: 50px;}
#hd .banner02_mobile{display: block; position: absolute; top:560px; right: 10px;}
#hd .banner02_mobile img{width: 50px;}
}


#hd_h1 {position: absolute; font-size: 0; line-height: 0; overflow: hidden}
#hd_wrapper {position: relative; width: 100%; text-align: center; margin: 0;}
#hd_wrapper:after {display: block; visibility: hidden; clear: both; content: ""}
#logo {position: absolute;  left: 20px; top: 28px; transition: 0.5s; z-index: 99;}
#logo a {display:block;}

#logo a img {height: 100%; width: auto;}
#logo a img.pc {display:none;}
#logo a img.nn.pc {display:block;}
.roll#hd #logo a img.pc {display:none;}
.roll#hd #logo a img.nn.pc {display:block;} 
.index #logo a img.pc {display:block;}
.index #logo a img.nn.pc {display:none;}
#logo a img.mo {display:none;}
.index .roll#hd #logo a img.pc {display:none;}
.index .roll#hd #logo a img.nn.pc {display:block;}
/* header fixed */
#hd_wrapper.add_header {position: fixed; top: 0; background: #fff; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-bottom: 1px solid #eeeeee; box-sizing: border-box;}

#gnb ul > li > a {color: #fff;}
#gnb .gnb_wrap .t_login > a {color: #6162e6;  font-size: 16px; border: 1px solid #6162e6; padding: 7px 15px; border-radius: 50px;}
#gnb .gnb_wrap .t_login > a {color: #fff; border: 1px solid #fff;}

#hd:hover #gnb ul > li > ul > li > a {color: #000;}
#hd:hover #gnb ul > li > ul > li > a:hover {color: #6164e9;}
#hd:hover #gnb ul > li > ul > li > a {color: #fff;}
#hd:hover #gnb ul > li > ul > li > a:hover  {color: #fff;}

#hd .t_login {position: absolute; right: 65px; top: 27px;}
#hd .t_login ul {display: inline-block;}
#hd .t_login ul li {display: inline-block; margin-right: 10px;}
#hd .t_login ul li a {display: inline-block; color: #000; font-size: 17px;}


/*full_dropdown*/
#gnb{width: 100%;text-align:center;}
#gnb h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#gnb .gnb_wrap {margin:0 auto; position:relative;  padding:0;text-align:center;}
#gnb #gnb_1dul {text-align:center; background: none; margin-left:0px;}

#gnb #gnb_1dul:hover {background: #fff;}
#gnb #gnb_1dul:hover a {color:#000;}

#gnb #gnb_1dul:hover {background: rgba(0,0,0,0.5);}
#gnb #gnb_1dul:hover a {color:#fff;}


#gnb #gnb_1dul a,
#gnb #gnb_1dul a:hover {color:#fff;}
#gnb #gnb_1dul li {display:block; text-align:center;border:0 !important;}
#gnb #gnb_1dul > li {display:inline-block;position:relative;}
#gnb #gnb_1dul > li > a {font-size: 20px; line-height: 100px; padding: 0 32px; font-weight: 500;display: inline-block}

.index #gnb #gnb_1dul > li > a, .index2 #gnb #gnb_1dul > li > a {color:#000; }
.index #gnb:hover #gnb_1dul > li > a, .index2 #gnb:hover #gnb_1dul > li > a {color:#fff; }
#gnb #gnb_1dul > li.active > a, #gnb #gnb_1dul > li > a.on {color:#6164e9;}
#gnb #gnb_1dul > li.active > a {color:#fff;}
#gnb #gnb_1dul > li > ul{visibility:hidden;position:absolute;z-index:99;top:100px;left:0;width:100%; padding:0 20px;}
#gnb #gnb_1dul > li > ul > li {clear:both; margin-bottom:10px;}
#gnb #gnb_1dul > li > ul > li > a {padding:8px 0;width:100%;font-size: 16px; border:0; word-break:keep-all;}
#gnb #gnb_1dul > li > ul > li > a:hover {color:#6164e9;}
#gnb #gnb_1dul_container{}








.tnb {display:inline-block;position: absolute; top: 35px; right: 84px;}
.tnb a {display: block;background:#173887;color: #fff;/* font-weight: 600; */font-size: 16px;border: #173887 1px solid;line-height: 1;padding: 8px 20px;border-radius: 17px;}
.tnb a:hover {background:#000;color:#fff;}

.m_tnb {padding: 10px 0; text-align: center;  border-bottom: 1px solid rgba(255,255,255,0.1);}
.m_tnb:after {display: block; clear: both; content: ''}
.m_tnb a {font-size:1.95rem; letter-spacing:-0.2px; line-height:55px; font-weight:bold; color: #6164e9; font-family: 'Play', sans-serif;}
#total_m_lay {position: fixed; top: 0; height: 100%; box-shadow: none; z-index: 99999 !important;}


.total_m li {position: relative}
.total_m li a {display: block}
.total_m > ul > li > a {display: block;  text-decoration: none; word-break: keep-all; text-decoration: none;  font-weight: 400;  /*color: #fff;*/}

.wra_box {position: fixed; top: 0; left: 0; height: auto; z-index: 200}
.fix_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background: #000; opacity: 0.7; /*z-index: 250*/}
.btnMenu {position: absolute; top: 25px; right: 20px; width: 50px; height: 50px; padding: 0px; text-indent: -999px; overflow: hidden; z-index: 110; border-radius:9px; text-align:center; padding:14px}
#hd:hover .btnMenu, .roll#hd .btnMenu {background:transparent}
.btnMenu span, .index .roll#hd .btnMenu span {display: block;  width: 22px; height: 2px; background: #fff;}
.index .btnMenu span {display: block;  width: 22px; height: 2px; background: #173887;}
.index #gnb:hover .btnMenu span {display: block;  width: 22px; height: 2px; background: #fff;}
.btnMenu span:nth-child(1) {margin-top: 0px;}
.btnMenu span:nth-child(2) {margin-top: 7px;}
.btnMenu span:nth-child(3) {margin-top: 7px;}

.btnMenuClose {position: absolute; display: block; top: 0px; right: 0; width: 75px; height: 75px; padding: 16px; background: #4949db; text-indent: -999px; overflow: hidden; z-index: 999999; font-size: 0;}
/*.btnMenuClose span {display: block;  width: 38px; height: 5px;  background: #fff; border-radius:10px;}
.btnMenuClose span:nth-child(1) {transform: translateY(6px) rotate(-45deg); transition-delay: 0.5s; transition:all 0.5s;}
.btnMenuClose span:nth-child(2) {opacity: 0; transform: translateX(50px);}
.btnMenuClose span:nth-child(3) {transform: translateY(-6px) rotate(45deg);transition-delay: 0.5s;transition:all 0.5s;}*/

.btnMenuClose:before, 
.btnMenuClose:after {position: absolute; top: 50%; left: 50%; width: 2px; height: 33px; background-color: #F0F0F0; transform: rotate(45deg) translate(-50%, -50%); transform-origin: top left; content: '';	border-radius:0px;}
.btnMenuClose:after {transform: rotate(-45deg) translate(-50%, -50%);}

.preview_pop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
}
.mobile_preview {
    padding: 30px;
    background:#e2e2e2;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.preview_inner {
    min-width: 380px;
    aspect-ratio: 380 / 651;
    min-height: 651px;
    background: url(../images/phone_bg.png);
    position: relative;
    background-size: cover;
}
.galaxy_s {
    width: 84%;
    height: auto;
    aspect-ratio: 320 / 530;
    position: absolute;
    left: 7%;
    top: 8%;
}
.iframe_container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.iframe_container iframe {display: block;
    width: 100%;
	zoom: 0.5;
    height: 100%;
    background: #fff;}
.preview_close {
    display: inline-block;
    position: absolute;
    right: -20px;
    top: -14px;
}
.preview_close span, .preview_close span img {display:block;}
.preview_close span {cursor:pointer;}
@media all and (min-width: 1281px) {
.m_tnb {background: #fff; padding:50px; display:none;}
.m_tnb a {font-size:8.75rem; line-height:100px; color: #6162e6; }
#total_m_lay {display: block; width: 100%; right: -100%; overflow: hidden; background: rgba(0, 0, 0, 0.5); border: 0; padding:5%;}
.m_logo {text-align: center; padding: 20px; background: #fff;}
.total_m {height: 100%; overflow: hidden;background:#fff; padding: 5%; display: flex;align-items: center;background: #fff url('../images/main/allMenu_bg.png') center center no-repeat; background-size: cover;}
.total_m > ul {width:100%; display: flex;align-items: start; justify-content: space-between;}
.total_m > ul > li {font-size: 18px; text-align: center; height: 100%; /*border-right: 1px solid rgba(0,0,0,0.05);*/ }
.total_m > ul > li:last-child {border-right: none;}
.total_m > ul > li > a {padding: 20px 0;  font-size: 26px; color: #6162e6; font-weight: 500;}
.total_m > ul > li > ul {padding: 0 25px;}
.total_m > ul > li > ul > li {background-repeat: no-repeat; background-position: right 14px; font-weight: 400; width:100%; display: block;}
.total_m > ul > li > ul > li > a {padding: 10px 0px; font-size: 18px;   word-break: keep-all; /*color: #fff;*/}
.total_m a:hover {color: #6162e6 !important;}
.total_m button {display: none;}
}



@media all and (max-width: 1280px) {
.m_tnb {background: #4949db; padding: 8px 10px 13px; height:70px; text-align: left;}
.m_tnb a {font-size:1.75rem; line-height:45px; color: #fff;}
.m_tnb a img {/*height: 46px;*/}
.fix_bg {display: none !important;}
.fix_bg, #total_m_lay { pointer-events: auto; }
.btnMenu { pointer-events: auto; }
#total_m_lay {right: -100%; width: 100% ; overflow: auto; background: #f8f8f8; background: url('../images/main/allMenu_bg.png') #fff right bottom no-repeat; background-size: auto 100%;border: 0; z-index: 1000; position: fixed; top: 0; right: -100%}
#hd.menu-open #total_m_lay {
  right: 0;
  z-index: 9999;
}
.total_m {padding: 0px !important;}
.total_m li button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; font-size:0;}
.total_m > ul > li {position: relative; width: auto !important; font-size: 18px; font-weight: 400;   background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(0,0,0,0.08);}
.total_m > ul > li > a {padding: 20px; /*color: #6162e6;*/}
.total_m > ul > li.has-sub > a {/*background: url('../images/gnb_dot.png') no-repeat right 15px center; */  font-weight:500; font-size:1.05rem}
.total_m > ul > li.has-sub {padding: 0; text-align: left;  /*border-top: 1px solid #ccc; */}
.total_m > ul > li.has-sub:before {position: absolute; top: 20px; right: 22px; width: 2px; height: 22px; margin-top: -1px; display: block; content: ""; background: #333; display: block; border-radius:10px;}
.total_m > ul > li.has-sub:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; background: #333; border-radius:10px;}
.total_m > ul > li.has-sub.open > a {/*background: #93845a url('../images/gnb_dot_on.png') no-repeat right 15px center */}
.total_m > ul > li > ul {display: none; background: rgba(97, 98, 230,0.08); padding:25px 20px;}
.total_m > ul > li > ul > li { /*background-repeat: no-repeat; background-position: right 14px; border-top: 1px solid #ddd; */}
.total_m > ul > li > ul > li:first-child {border-top: 0}
.total_m > ul > li.has-sub.open {}
.total_m > ul > li.has-sub.open:before {display: none;}
.total_m > ul > li.has-sub.open:after {position: absolute; top: 29px; right: 15px; width: 23px; height: 2px; display: block; content: ""; background: #6162e6; border-radius:0px;}
.total_m > ul > li > ul > li > a {padding: 0 0 15px; font-weight:500;  font-size:0.95rem; color:#666;}
.total_m > ul > li > ul > li:last-child > a {padding: 0;}
.total_m > ul > li > ul > li.open > a {color: #1e5394;}
.total_m .btnClose {display: none}
.btnMenu {/*width: 60px; height: 60px; padding: 0px; top: 5px;*/ z-index: 1100; position: absolute;}
.btnMenuClose {width: 60px; height: 60px; padding:0; top: 5px; right:0px; }
.m_login {/*display: none;*/ margin-top:50px;}
.m_login li {display: inline-block; margin:0 10px; font-size:1.12rem;}

#total_m_lay .btnClose {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: #4949db;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: none; /* JS¿¡¼­ ¸Þ´º ¿­¸± ¶§ show */
    z-index: 1001; /* total_m_layº¸´Ù Á¶±Ý ³ô°Ô */
}

/* X ¸ð¾ç span */
#total_m_lay .btnClose span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 24px;
    background-color: #fff;
    transform-origin: center;
}

#total_m_lay .btnClose span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

#total_m_lay .btnClose span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

#total_m_lay .btnClose span:nth-child(3) {
    display: none;
}

#hd.menu-open #logo,
#hd.menu-open .btnMenu {
    visibility: hidden; /* display:none ´ë½Å */
    pointer-events: none; /* Ȥ½Ã ³²¾ÆÀִ Ŭ¸¯ ¹æÁö */
}

#hd.menu-open {
    display: none; /* ÇÊ¿ä½Ã visibility ´ë½Å */
}
}

.roll#hd {background: rgba(0,0,0,0.7); }

.roll#hd #gnb ul > li > a {color: #fff;}
.roll#hd #gnb .gnb_wrap .t_login > a {color: #fff; border: 1px solid #fff;}
.roll#hd #gnb ul > li > ul > li > a {color: #000;}
.roll#hd #gnb ul > li > ul > li > a:hover{color: #6164e9;}
.roll#hd #gnb ul > li > ul > li > a {color: #fff;}
.roll#hd #gnb ul > li > ul > li > a:hover {color: #fff;}
.roll#hd #gnb #gnb_1dul:hover {background: rgba(0,0,0,0.5);}
.roll#hd #gnb #gnb_1dul:hover a {color:#fff;}
.roll#hd .btnMenu {background:transparent}

/* ÇÏ´Ü ·¹À̾ƿô */
footer {width:100%;float:left;clear: both;position: relative;background: #363636;text-align: left;padding: 80px 0;font-size: 16px;color: rgba(255, 255, 255, 0.8);}
footer:after {display: block; visibility: hidden; clear: both; content: ""}

footer p {line-height:1.5;}
footer p a, footer p a:hover {color:rgba(255, 255, 255, 0.8); }
.address h3 {display: inline-block;float: left;margin-right:50px;}

/* Äü¸Þ´º */
#followquick {position: absolute; right: 0px; z-index: 101; text-align: center;}
#followquick ul {border-radius: 0px; overflow: hidden;  padding: 20px 0;}
#followquick ul li {width: 85px; position: relative; word-break: keep-all; background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#followquick ul li:first-child {background: #4949db; border-left:0; border-bottom:0;}
#followquick ul li a {display: block; font-size: 13px; font-weight: 400; width: 100%; height:100%; letter-spacing:-0.5px; padding: 10px 5px; line-height:1.3;}
#followquick ul li a:hover {color:#4949db; font-weight: 500;} 
#followquick ul li:first-child a {color: #fff;}
#followquick button {width: 100%; height: 30px; overflow:hidden;  font-size: 13px; padding: 10px 0px; font-weight: 600;}
#followquick button span {display: block; width:100%; height:100%; background:url('../images/quick_arr.png') #6164e9 center center no-repeat;}
#followquick img {display: block;  margin: 0 auto; width: 45px;}
#followquick ul li span {display: block; width:45px; height:45px; background-repeat: no-repeat !important;background-size: cover !important; background-position:center center !important; margin:0 auto 5px;}
#followquick ul li:nth-child(1) span {background:url('../images/quick01.png');}
#followquick ul li:nth-child(2) span {background:url('../images/quick02.png');}
#followquick ul li:nth-child(3) span {background:url('../images/quick03.png');}
#followquick ul li:nth-child(4) span {background:url('../images/quick04.png');}
#followquick ul li:nth-child(2):hover span {background:url('../images/quick02_on.png');}
#followquick ul li:nth-child(3):hover span {background:url('../images/quick03_on.png');}
#followquick ul li:nth-child(4):hover span {background:url('../images/quick04_on.png');}



.body-contentbox{background:#f8f8f8;word-break:break-word;overflow-y:auto;min-height:100px;}
.body-contentbox h3{text-align:center;margin-bottom:20px;z-index: 1;}
.body-contentbox h3 span {position:relative; display: inline-block; font-size:25px; font-weight:700; z-index: 1; width:auto;}
.body-contentbox h3 span:before {content:""; position:absolute; left:-5px; bottom:0px; width:calc(100% + 10px) ; height:15px; background:rgba(73,73,219,0.3); z-index:-1;}

.body-contentbox .pre span{font-size:18px;padding-bottom:10px;font-weight:500;}
.body-contentbox .pre {line-height:24px;background:#fff;padding:30px;border-radius:0px;box-shadow: 0px 0px 10px rgb(0 0 0 /0.1);}
.modal-btn-box{text-align:center;display:inline-block;}
.modal-btn-box button{display:inline-block;cursor:pointer;padding: 5px 10px; background: #4949db;margin-left: 5px;color: #fff;border:1px solid #4949db ;}
.popup-wrap{background-color:rgba(0,0,0,.3); justify-content:center;align-items:center;position:fixed;top:0; left:0;right:0; bottom:0;display:none;padding:15px; z-index:999999;}
.popup{width:100%;max-width:600px; background-color:#ffffff;border-radius:0px;overflow:hidden;background-color:#4949db;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);}
.popup-body{width:100%; background-color:#ffffff;}
.body-content{width:100%;}
.body-titlebox{text-align:center;width:100%;height:40px;margin-bottom:10px;}
.popup-foot{width:100%;height:50px;padding: 12px;}
.pop-btn{display:inline-flex;width:25%;height:100%;float:right;justify-content:center; align-items:center;color:#ffffff;cursor:pointer;}
.pop-btn.confirm{border-right:1px solid #3b5fbf;}















.board_wrap .tit{position:relative; text-align:center; padding-top:50px;padding-bottom: 20px;}
.board_wrap .tit h2{font-size: 32px;font-weight: 500; color:#222; font-weight: 600;}
.board_wrap .tit a {position:absolute; font-weight: 600; top:50px; font-size:18px; padding:12px 40px 10px; border-radius:50px;}
.board_wrap .tit a.home {left:0; background:#2245b5; color:#fff;}
.board_wrap .tit a.contact {right:0; background:#ffc127; color:#fff;}

.board_wrap h3 {border-top: 3px solid #333;border-bottom: 1px solid #ccc;padding: 13px 10px;margin-top: 30px;font-size: 18px;background: #faf9f6;}
.btn_pre, .btn_next {color: #333;border: 1px solid #333;margin-bottom: 0;width:80px; padding:5px 10px;  font-weight: 600; line-height: 35px;  text-align:center;}
a.btn_pre:hover, a.btn_next:hover {color: #fff;border-color: #333;background:#333;}
.btn_list {background:#a82733;border-color:#a82733;color:#fff;margin-bottom: 0;width:80px;}
a.btn_list:hover {color: #fff;border-color: #333;background:#333;} 
.btn_pn {text-align: right;margin-top: 10px;}

.btn_list2 {background:#fff;border: 1px solid #4949db;color:#fff; background: #4949db;margin: 0 5px;width:80px; padding:5px 10px;  font-weight: 600; line-height: 35px;  text-align:center;}
a.btn_list2:hover {color: #fff;border-color: #333;background:#333;} 

.search {padding: 15px;}
.search select {width:auto;border:1px solid #ccc;min-height:0;border-radius: 0;padding: 6px 10px;background: #fff url('../images/search_arrow.png') no-repeat 68px;  height:40px;}
input.input_box {padding: 8px 10px;border: 1px solid #ccc; height:40px;}
input.btn_search {margin-bottom: 1px;color: #fff;background: #4949db;padding:0px 15px; line-height:40px; border:0}

table.bbs_table2 {border-top: 3px solid #333;line-height: 45px;margin-top: 0px;}
table.bbs_table2 th {border-bottom: 1px solid #ddd;background: #fff;color:#000; font-size:18px; font-weight: 600; }
table.bbs_table2 thead th {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;display: inline-block;width: 100%;}

table.bbs_table2 td {border-bottom: 1px solid #ddd;  font-weight: 400; vertical-align: middle;padding: 20px 0; line-height:1.3;}
table.bbs_table2 td p{font-size:17px; font-weight: 400;line-height:2; word-break: normal;}

.bbs_date {text-align:right;}
img.bbs_img {vertical-align: middle;}

table.bbs_table2 a {display: inline-block;}
table.bbs_table2 .board_tit_list a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;display: inline-block;}
table.bbs_table2 font {color: #777;font-size: 12px;}



.paging {text-align: center;padding: 20px 0;}
.paging a {border: 1px solid #e5e2db;font-size: 12px;color: #2e2a25;width: 38px;height: 38px;text-align: center;line-height: 38px;display: inline-block;margin: 0 1px;}
a.pg_num.on, span.pg_bnum {background:#f5f5f5;font-size: 12px;color: #333;width: 40px;height: 40px;text-align: center;line-height: 40px;display: inline-block;margin: 0 1px;border: 0px solid #333; border-radius:50%;}
.f11 {text-align: right;}
a.pasing_pre {background: url('../images/pasing_pre.png') no-repeat;vertical-align: middle;margin-bottom: 3px;height: 39px;}
a.pasing_next {background: url('../images/pasing_next.png') no-repeat;vertical-align: middle;margin-bottom: 3px;height: 39px;}

table.bbs_table2 font {color: #777;font-size: 13px;}
td.bbs_con {font-size: 15px;text-align: center;padding: 30px 0;text-align:left;line-height:22px;color:#333;}
td.bbs_con p img {display:block;margin:5px auto;}
div.bbs_date {}

.header-type-fixed-board #header { background: url(../img/menu_fixed.png) repeat;}
.header-type-fixed-board #header .navigation > ul > li{padding-bottom: 0; }

td.board_tit_list {/*width: 100%;*/}
body.press .wrap{overflow:hidden; height:auto;}
body.press footer{height:auto; margin-top:70px;}








@media all and (max-width: 1700px) {
.tnb {right: 120px; }
#gnb #gnb_1dul > li:first-child {margin-left:80px;}
#gnb #gnb_1dul > li > a {padding: 0 24px; font-size: 19px;}
.tnb a {font-size: 19px;}
#gnb #gnb_1dul > li:nth-child(3) > a {width:auto; padding: 0 30px; }
}

@media all and (max-width: 1500px) {
.tnb {right: 100px; }

#gnb #gnb_1dul > li > a {font-size:18px;}
.wrap {width:100%; padding:0 3%;box-sizing:border-box;}

.tnb {display:none;}
    #gnb #gnb_1dul > li:first-child {
        margin-left: 198px;
    }
}


@media all and (max-width: 1400px) {

#hd {min-height: 0; }


#gnb #gnb_1dul > li:first-child {margin-left:240px;}
#gnb #gnb_1dul > li > a {padding: 0 20px;}
#gnb #gnb_1dul > li:nth-child(3) > a {padding: 0 20px; }



}

@media all and (max-width: 1300px) {
.total_m {padding:5% 4%;}
}
@media all and (max-width: 1280px) {
#gnb .gnb_wrap {display:none;}
}
@media all and (max-width: 1100px) {
#gnb #gnb_1dul > li:first-child {margin-left: 270px;}
#gnb #gnb_1dul > li > a{padding: 0 12px;}
#gnb #gnb_1dul > li:nth-child(3) > a{padding: 0 12px;}



@media all and (max-width: 1000px) {

#logo {left: 15px; top: 17px; }
#logo a span,
.roll#hd #logo a span,
#hd:hover #logo a span {background: url('../images/logo2.png') no-repeat !important; background-size: 100% !important;}
#gnb {display:none;}
.btnMenu {right:10px;  top: 10px;}
.btnMenu, #hd:hover .btnMenu, .roll#hd .btnMenu {background:#fff;}
.btnMenu span{background: #4949db;}
.btnMenu span, .index .roll#hd .btnMenu span {background: #4949db;}


#followquick {display:none;}
table.bbs_table2 th {font-size:17px; }
}

@media all and (max-width: 800px) {
footer {padding:50px 0;}
.address h3 {display: block;float: left;width:100%;margin-right: 0;margin-bottom:20px;}


}


@media all and (max-width: 768px) {
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea {
font-size:14px}*/
body {font-size: 87.5%;}
#logo {left: 10px; top: 20px; }
#logo a span {width:270px; height: 30px; }
.m_tnb a img {width:80%;}




table.bbs_table2 th {font-size:16px; }
.t_num {display:none;}
.t_hit {display:none;}
.t_date{display:none;}
.search {padding: 10px;}
}


@media all and (max-width: 650px) {
table.bbs_table2 th, table.bbs_table2 td p {font-size:15px; }
.t_file {display:none;}

table.bbs_table2 thead th {padding:20px 0;line-height:1.5;white-space: inherit;}
}

@media all and (max-width: 460px) {
#logo a img.pc {display:none;}
.index #logo a img.pc {display: none;}
#logo a img.nn.pc {display:none;}
.roll#hd #logo a img.nn.pc {display:none;}
.index .roll#hd #logo a img.nn.pc {display:none;}
#logo a img.mo {display:block;}
.index #logo a img.mo {display:none;}
.roll#hd #logo a img.mo {display: block;}
#logo a img.nn.mo {display:none !important;}
.index #logo a img.nn.mo {display:block !important;}
.index .roll#hd #logo a img.mo {display:block !important;}
.index .roll#hd #logo a img.nn.mo {display:none !important;}
#logo a img {height: 53px;}
#logo {top: 13px;}
.btnMenu {width: 45px;height: 45px;padding: 11px;}
#sub_visual h1 {font-size: 35px;}
.preview_inner {width: 100%;min-width: 300px;min-height: auto;}
.preview_close {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
}