@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Mukta');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'Independence_hall';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/Independence_hall.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,body {margin: 0;padding: 0;}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button , input[type=submit]{cursor:pointer}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
/* 초기화 */
html {overflow-y:scroll;height:100%;/*min-width:320px; */ box-sizing:border-box}
body {margin:0;padding:0;font-size:12px;height:100%;  font-family: "Noto Sans KR", sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
ul,li,ol{list-style:none;padding:0;margin:0}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops_con {width:100% !important;overflow:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {width:100%;background:#fff;position:relative;
-webkit-box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28);
-moz-box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28);
box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28);
}
#hd #hd_wr{max-width:1275px;margin:0 auto;width:100%;position:relative;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#hd_sch_open{display:none}
#hd_sch {text-align:center;}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;background:#ececec;border-radius:5px}
#hd_sch form:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_stx {width:127px;padding-left:10px;border:0;background:none;height:35px !important;line-height:35px !important;vertical-align:middle;}
#hd_sch #sch_submit {margin:0;padding:0 ;height:35px !important;line-height:35px !important;border:0;background:#00d7c1;border-radius:0 5px 5px 0  ;color:#fff;vertical-align:middle;cursor:pointer;width:40px}
#hd_sch #sch_submit:hover, #hd_sch #sch_submit:focus{background:#000;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
#sch_stc_label{position:absolute;top:0;left:10px;height:35px !important;line-height:35px !important;color:#666}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

.hd_wrw{overflow:hidden; border-bottom:1px solid #ebebeb; height:35px; line-height:35px; background: #f9f9f9;}
.hd_wr{overflow:hidden; width:1275px; margin:0 auto; position:relative }
.hd_wr .sns{float:left; width:400px; border-left:1px solid #ebebeb}
.hd_wr .sns ul{width:210px;}

.hd_wr .sns ul li{line-height:55px; }
.hd_wr .sns ul li a{float:left; border-right:1px solid #ebebeb; width:65px; text-align:center; height:55px; line-height:55px; display:block}

.hd_wr .sns ul li a img, .footsns ul li a img{ width:32px;}
.hd_wr .sns .favoradd{float:left; padding-left:45px; font-size:14px; cursor:pointer}
.hd_wr .sns .favoradd span{padding-right:5px;}
.hd_wr .member{float:right; overflow:hidden;}
.hd_wr .member > div{float:left;}
.member-join ul li a{float:left; border-right:1px solid #ebebeb; width:85px; text-align:center; display:block; font-size:13px;}
.member-call{ padding-right:20px;  font-size:14px;}
.member-call .member-tel{color:#e7302a; font-weight:700; font-size:16px; letter-spacing:-1px;}
.member-join .logm{float:left;}
.member-join{overflow:hidden; width:260px;  border-left:1px solid #ebebeb;}
.logo{float:left; padding-left:50px;}
.logo img{ width:280px;position: relative;  cursor: pointer;}


.topbanner{background:#f5f6fa; text-align:center; width:100%; overflow:hidden; line-height:120px;}
.topbanner .adclose{display:inline-block; cursor:pointer; float:right; position: absolute;
right: 20px;}
.topbanner p{float:left;}
.topbanner .toptxt{font-size:24px; font-weight:500; color:#121212; letter-spacing:-1px; float:left; width:900px; text-align:center}
.topbanner .toptxt span{padding-left:20px; letter-spacing:1px;}
.topbanner .toptxt em{color: #006ebc; font-style:normal}
.topmenuw{ overflow:hidden; height:95px; line-height:95px;  width:100%}
.topmenu{ width:1375px; margin:0 auto; }

.topmenu .nav{width:940px; float:right}
.topmenu .nav ul li a{float:left; width:180px ; font-size:13px; letter-spacing:-1px; text-align:center; font-size:18px; display:block; position:relative}
.topmenu .nav ul li a:hover span, .topmenu .nav ul li a.on span{display:inline-block; height:3px; position:absolute; bottom:0; width:100%; background:#006ebc; left:0} 
.topmenu .nav ul li:nth-child(2) a{width:250px;}

.topmenu nav {display:none;}
#hamburger{display:none;}

/* All Menu */
#snb { position:absolute; top:130px; z-index:90;   background-repeat:no-repeat; background-color:#fff; border-bottom:2px solid #4c5363; width:100%; height:225px; letter-spacing:-0.8px; display:none; border-top:1px solid #ebebeb; }
#snb div.snbList { width: 1375px; margin:0 auto; overflow:hidden; position:relative;   z-index:1000;}
#snb div.snbList li{ letter-spacing:-1px}
#snb div.snbList li.sub:nth-child(2){width:240px;}
#snb div.snbList li.sub:nth-child(2) ul.menu li{width:100%;}
#snb div.snbList li.sub { float:left;  border-right:1px solid #ebebeb; height:215px; padding-top:10px;  }
#snb div.snbList li.first { border-left:1px solid #ebebeb; margin-left:435px; }
#snb div.snbList li.sub ul.menu li { float:none; width:180px  }

#snb div.snbList li.sub ul.menu li a { color:#444; display:block;   padding:0 5px; font-size:14px; line-height:1.9; letter-spacing:-0.5px; text-align:center ; text-align: left;
    padding-left: 20px;}
#snb div.snbList li.sub ul.menu li a:hover, #snb div.snbList li.sub ul.menu li a.on { color:#fff; text-decoration:none;background:#006ebc}

#snb div.snbList li.sub ul.ss2 li a{letter-spacing:-1.5px;}


.main-slide {position:relative; overflow:hidden; height:600px; margin:0 auto; text-align:center; width:100%; }
.main-slide .cycle-pager {position:absolute; bottom:40px; left:50%; z-index:55; margin-left:-90px}
.main-slide .cycle-pager span {display:block; float:left; overflow:hidden;width:16px; height:16px; font-size:0; line-height:0; text-indent:-9999px;margin:0 0 0 10px; cursor:pointer; background:#FFF; border-radius:100%; opacity:0.8}
.main-slide .cycle-pager .cycle-pager-active {background-color: #006ebc;opacity:1}

.main-slide  .mainimg1, .main-slide  .mainimg1 a{background:url(/images/newmain1.jpg) no-repeat center center; width:100%; height:600px; display:block}
.main-slide  .mainimg2, .main-slide  .mainimg2 a{background:url(/images/newmain2.jpg) no-repeat center center; width:100%; height:600px; display:block}
.main-slide  .mainimg3, .main-slide  .mainimg3 a{background:url(/images/mainbg4.jpg) no-repeat center center; width:100%; height:600px; display:block; background-size:cover;}
.main-slide  .mainimg4, .main-slide  .mainimg4 a{background:url(/images/mainbg4.jpg) no-repeat center center; width:100%; height:600px; background-size:cover; display:block}
.main-slide  .mainimg5{background:url(/images/mainbg5.png) no-repeat center center; width:100%; height:600px; background-size:cover;}
.main-slide  .mainimg6{background:url(/images/mainbg6.png) no-repeat center center; width:100%; height:600px; background-size:cover;}
.main-slide  .mainimg7{background:url(/images/mainbg7.png) no-repeat center center; width:100%; height:550px; background-size:cover; text-align:center}

#mTprev01{position:absolute; top:50%; left:10%; z-index:55; margin-top:-35px;}
#mTnext01{position:absolute; top:50%; right:10%; z-index:55;margin-top:-35px;}

/*.simple_banner_wrap{ position:relative; overflow:hidden; height:750px; margin:0 auto; text-align:center; width:100%; background:rgb(102,102,102) }
.simple_banner_wrap .main_txt{position:absolute; top:180px; left:50px; z-index:10}
.simple_banner_wrap ul{ list-style:none;padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.simple_banner_wrap ul li span{display:block; width:100%; height:100%;}
.simple_banner_wrap .nav_wrap{ position:relative; z-index:2; left:50%; top:550px; padding-left:-1000px}
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:8px; height:8px; margin:0 1px; cursor:pointer; }
.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:8px; height:8px; text-align:center; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; }
.simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-3000px;  box-shadow:inset 0 0 0 2px #FFF; margin-right:8px; background:#fafafa}
.simple_banner_wrap .nav_wrap.bullet ul li.on{ background-color:#006ebc; width:60px}
.simple_banner_wrap .nav_wrap.prev_next{ 
cursor: pointer; }
.simple_banner_wrap .nav_wrap.prev_next ul li{  width:100px; height:100px; font-weight:bold; text-align:center; background: url(/images/arrleft.png) no-repeat  RGBA(0,0,0,.3)  center center;  }
.simple_banner_wrap .nav_wrap.prev_next ul li:nth-child(2){background: url(/images/arright.png) no-repeat  RGBA(0,0,0,.3)  center center;}

.simple_banner_wrap .mainimg1{background:url(/images/mainbg.jpg) no-repeat top center; width:100%; height:100%; background-size:cover;}
.simple_banner_wrap .mainimg2{background:url(/images/mainbg2.jpg) no-repeat center center; width:100%; height:100%; background-size:cover;}
.simple_banner_wrap .mainimg3{background:url(/images/mainbg3.jpg) no-repeat center center; width:100%; height:100%; background-size:cover;}
.simple_banner_wrap .mainimg4{background:url(/images/mainbg4.jpg) no-repeat center center; width:100%; height:100%; background-size:cover;}
.simple_banner_wrap .mainimg5{background:url(/images/mainbg5.jpg) no-repeat center center; width:100%; height:100%; background-size:cover;}
.simple_banner_wrap .mainimg6{background:url(/images/mainbg6.jpg) no-repeat center center; width:100%; height:100%; background-size:cover;}
.simple_banner_wrap .mainimg7{background:url(/images/mainbg7.jpg) no-repeat center center; width:100%; height:100%; background-size:cover;}
*/




.simple_banner_wrap .bgtxt{position:relative; z-index:1000; top:230px; border-bottom:1px solid #FFF; border-top: 1px solid #FFF; display:inline-block; padding:45px 0}

.black_shadow{ left: 0px;   top: 0px;    width: 100%;    height: 100%;    display: none;    position: fixed;    z-index: 100;    opacity: 0.8;
background-color: rgb(0, 0, 0);}

.hamburger{display:none;}
.sns{overflow:hidden; height:55px; }
.sns a{text-decoration:none;}
.sns ul li{float:left; margin-right:1px}
.sns ul li.logm a{background:#64708e; color:rgb(255,255,255); text-align:center; height:25px; padding:0 10px; line-height:25px; font-size:12px; display:block; float:left; }
.sns ul li.memberm a{background:#7b8b95; color:rgb(255,255,255); text-align:center; height:25px; padding:0 10px; line-height:25px; font-size:12px; display:block; float:left; margin-right:1px;}
.top{width:1100px; margin:0 auto; height:150px; box-sizing:border-box}
.mmenu{display:none}
.mainbanner {overflow:hidden; height:90px; line-height:90px; font-size:16px; margin-bottom:70px}
.mainbanner a{color:#FFF; letter-spacing:-1px;}
.mainbanner .mb1{background:#685b55; width:50%; float:left; border-right:1px solid #FFF; box-sizing:border-box; height:100%; overflow:hidden}
.mainbanner .mb2{background:#70862f; width:50%; float:left;height:100%; overflow:hidden}
.mainbanner .mb1-in{width:560px; float:right; text-align:center}
.mainbanner .mb2-in{width:560px; float:left; text-align:center}
.mainbanner span{margin-right:5px;}
.mainnewsw{width:1050px; margin:0 auto;}

.bg_main_notice{/* background: url(/images/bg_main_notice3.jpg) no-repeat center top; */  background-size:cover; padding-bottom:50px; background: #f2f2f2;}

.newsw-title{padding-top:60px; font-size:34px; font-weight:500; text-align:center; letter-spacing:-2.5px; padding-bottom:50px;}
.newsw-title .t1{color:#006ebc;}
.newstitle{font-size:20px; letter-spacing:-1px; padding-bottom:5px; position:relative; text-align:center; color:#000}
.newstitle li span{display:block; width:40px; height:1px; background:#999; margin:5px auto 5px}
.newsw-stitle{color:#000102; font-size:22px;  text-align:center; letter-spacing:-1px; padding-bottom:65px;}
.newszone{overflow:hidden; }
.newszone > div{float:left;}
.newszone .samdambox{background:#f2f2f2; width:300px;  height:380px; margin-right:25px; padding:20px 35px; box-sizing:border-box }
.newszone .samdam-detail input{border:none; height:35px; line-height:35px; width:100%;  margin-bottom:10px; padding:0 10px; box-sizing:border-box; font-size:16px; font-family: "Noto Sans KR", sans-serif; border-radius:3px;}
.newszone .samdam-detail textarea{border:none;  width:100%;  margin-bottom:10px; padding:5px 10px; box-sizing:border-box; font-size:16px; font-family: "Noto Sans KR", sans-serif; border-radius:3px; height:80px;}


.symbol_wrap .symbol01{background:url(/images/bg_symbol01.png) no-repeat center top;padding-bottom:50px;}
.symbol_wrap .symbol01 .inner{max-width:1200px;margin:0 auto;}
.symbol_wrap .symbol01 .inner .left{float:left;width:48%;text-align:center;height:275px;}
.symbol_wrap .symbol01 .inner .left img{padding-top:3%;}
.symbol_wrap .symbol01 .inner .right{float:right;width:48%;padding-top:10px;height:265px;}
.symbol_wrap .symbol01 .inner .right h3{font-size:26px;color:#000;line-height:150%;font-weight:500;padding-bottom:15px;}
.symbol_wrap .symbol01 .inner .right p{font-size:17px;color:#000;line-height:150%;word-break:break-all; margin-bottom:15px;}
.symbol_wrap .symbol01 .inner .right p strong{font-size:18px;font-weight:500;display:block;margin-bottom:30px;}
.symbol_wrap .symbol01 .inner .clear{clear:both;}
.symbol_wrap .symbol01 .inner .clear img{width:100%;}
.symbol_wrap .symbol02{background:#f2f2f2;padding:40px 0 0 0;}
.symbol_wrap .symbol02 .inner{max-width:1200px;margin:0 auto;}
.symbol_wrap .symbol02 .inner > h3{font-size:26px;color:#000;line-height:150%;font-weight:500;padding-bottom:10px;}
.symbol_wrap .symbol02 .inner > p{font-size:16px;color:#000;line-height:150%;padding-bottom:40px;word-break:break-all;letter-spacing:0;}
.symbol_wrap .symbol02 .inner > h4{font-size:20px;color:#000;line-height:150%;padding-bottom:30px;font-weight:400;}
.symbol_wrap .symbol02 .inner .color ul{overflow:hidden;text-align:center;padding-bottom:50px;}
.symbol_wrap .symbol02 .inner .color ul li{float:left;width:25%;}
.symbol_wrap .symbol02 .inner .color ul li .img{padding-bottom:10px;}
.symbol_wrap .symbol02 .inner .color ul li .txt strong{display:block;font-size:18px;color:#000;font-weight:500;padding:10px 0 5px 0;}
.symbol_wrap .symbol02 .inner .color ul li .txt p{font-size:16px;letter-spacing:0;}
.symbol_wrap .symbol03{padding:40px 0}
.symbol_wrap .symbol03 .inner{max-width:1200px;margin:0 auto; border-bottom:1px solid rgba(245,245,245,1); }
.symbol_wrap .symbol03 .inner > h3{font-size:26px;color:#000;line-height:150%;font-weight:500;padding-bottom:40px;}

.symbol_wrap .symbol03 .inner .list ul{overflow:hidden;}
.symbol_wrap .symbol03 .inner .list ul li{float:left;width:60%;padding-bottom:40px;}
.symbol_wrap .symbol03 .inner .list ul li h4{font-size:20px;color:#000;line-height:150%;font-weight:400;padding-bottom:20px;}
.symbol_wrap .symbol03 .inner .list ul li .img{text-align:center;}
.symbol_wrap .symbol03 .inner .list ul li:first-child{width:40%;}
.symbol_wrap .symbol03 .inner .list ul li.last{float:none;width:auto;clear:both;}



.submitbtn input[type=submit]{background:#006ebc; text-align:center; font-size:24px; height:60px; width:410px; border-radius:30px; color:#fff; line-height:60px; font-weight:400; margin:30px auto; display:block; border:none;     font-family: "Noto Sans KR", sans-serif;
} 

.submitbtn input[type=submit]:hover{ color: #ffffff; background:#055b97;  transition: all 0.1s ease-in; }


.signup-box-term-head{margin-top:10px; text-align: center;}
.signup-box-term-head input[type="checkbox"] {display:none;}
.signup-box-term-head  label {font-size:18px; letter-spacing:-1px;}
.signup-box-term-head input[type="checkbox"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../images/I-02-gray.png) no-repeat; background-size:20px;    cursor:pointer; font-size:14px;}
.signup-box-term-head input[type="checkbox"]:checked + label span {    background:url(../images/I-02-red.png) no-repeat; background-size:20px;}
.signup-box-term-head input[type="checkbox"]:checked + label{color:rgba(255,255,255,1); }

.mainrollbox{overflow:hidden; padding-top:50px;}
.m_member{display: none}
.de-formw{overflow:hidden}
.reportdown{background:#2d3135; width:790px; position:relative; color:rgba(255,255,255,1) ; margin:0 auto}
.reportdown-title{text-align:center; padding-top:90px; color:#40ffff; padding-bottom:50px; font-size:36px;}
.reportdown :-ms-input-placeholder{color:rgba(204,204,204,1);}
.reportdown ::-webkit-input-placeholder{color:rgba(204,204,204,1);}
.reportdown ::placeholder{color:rgba(204,204,204,1);}
.reportdown .de-form{width:100%;}
.reportdown .w50{float:left; width:49%;}
.reportdown .w50:nth-child(2n){float:right;}
.reportdown  .memail{position:relative;}
.reportdown  .memail .txt{position:absolute; bottom:10px; right:20px; color:rgba(0,0,51,1); font-size:18px;}

.reportdown .w25{float:left; width:23%; margin-left:2%}
.reportdown  .age{position:relative;}
.reportdown  .age span{position:absolute; right:15px; top:10px; color:rgba(51,51,51,1); font-size:18px}

.reportdown .reportbtn a{background:#3ff5f5; text-align:center; font-size:24px; height:70px; width:410px; border-radius:40px; color:#04162a; line-height:70px; font-weight:600; margin:0 auto; display:block }
.reportdown  .de-form label{display:block; font-size:18px; display:inline-block; padding-bottom:7px; padding-top:10px; width: 100%; text-align:left}
.reportdown  .de-form input[type="text"], .reportdown  .de-form input[type="tel"], .reportdown .de-form input[type="number"]{width:100%; border-radius:5px; height:50px; line-height:50px; box-sizing:border-box; font-size:18px; border:none; padding-left:20px; box-sizing:border-box}
.reportdown .de-form .star{color:#ff3000; padding-left:10px;} 
.reportdown .agreeokbtn{text-align:center; padding:45px 0 55px; clear:both}
.reportdown .ai-iconb{position:absolute; left:50%; margin-left:-45px; width:90px; height:90px; border-radius:100%; background:#2d3135; text-align:center; line-height:70px; top:-35px}
.reportdown textarea{width:100%; border-radius:5px; height:100px;  box-sizing:border-box; font-size:18px; border:none; padding:20px; font-family: "Noto Sans KR", sans-serif;}
.sexname{padding-left:20px;}
.de-bong{clear:both; display:inline;}
.de-bong label{ display:inline;}


.signup-box-term-head .tmp-checkw{overflow:hidden;}
.signup-box-term-head .tmp-check{float:left; padding-right:10px;}
.signup-box-term-head .tmp-check label{cursor:pointer; padding:0 0 0 20px;}
.signup-box-term-head .tmp-check label:hover{color:rgb(252,88,87)}


.signup-box-term-head .tmp-checkem{float:left; width:600px;}
.signup-box-term-head .tmp-checkem .signup-box-term-agree li{width:340px; float:left}
.signup-box-term-head .tmp-checkem .signup-box-term-agree li:nth-child(2n){width:260px;}

.signup-box-term-head input[type="radio"] {    display:none;}
.signup-box-term-head input[type="radio"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../images/I-02-gray.png) no-repeat; background-size:20px;    cursor:pointer;}
.signup-box-term-head input[type="radio"]:checked + label span {    background:url(../images/I-02-red.png) no-repeat; background-size:20px}
.signup-box-term-head input[type="radio"]:checked + label{}
.signup-box-term-head .signup{font-style:normal;}

.neww:nth-child(1){padding-bottom:15px;}
.newszone .newsbox{width:410px; border:1px solid #e8e8e8;  height:280px; margin-right:15px; box-sizing: border-box; padding:30px 30px 30px 30px; background:rgba(255,255,255,1) }
.newszone .newsmore{position:absolute; top:0px; right:-10px; width:30px; height:30px; background:#006ebc; text-align:center; line-height:25px;}
.newszone .newsmore ol li a{display:block;}
.newszone .newsmore img{width:12px;}
.newszone .customw{width:400px; letter-spacing:-1px; }
.newszone .customw .custombox{margin-bottom:7px; height:185px;}
.newszone .customw .custombox img{width:100%;}
.smember a{width:200px;border: 1px solid #193993;height:280px;box-sizing: border-box;padding: 30px 15px 0;background:rgba(255,255,255,1);display:block;color: #193993;letter-spacing: -1px;}
.sm1{font-size:24px;font-weight:700;text-align: center;margin-bottom: 12px;font-family: 'Independence_hall';letter-spacing: 0;}
.smimg{text-align:center; padding:10px 0}
.sm2, .sm3{color: rgba(51,51,51,1);font-size: 17px;text-align: center;font-weight: 500;letter-spacing: -0.7px;padding: 10px 0;}
.sm4{background:#193993;color:rgba(255,255,255,1);padding: 6px 10px;text-align:center;width: 75%;box-sizing: border-box;font-size: 14px;margin-top: 6px;margin-left: auto;margin-right: auto;}




.custom-tw{overflow:hidden;}
.custom-tw .custom-t{float:left; width:145px; color:#989797; font-size:14px;}
.custom-tw .custom-timg{float:left;}
.custom-tw .custom-timg img{width:80px;}
.custom-tw .custom-btn a{display:block; color:#FFF; background:#006ebc url(/images/b-next.png) no-repeat 70px center; width:95px; height:30px; line-height:30px; border-radius:3px; padding-left:15px; box-sizing:border-box; margin-top:15px;}
.maingalleryw .tabox1, .maingalleryw .tabox2, .maingalleryw .tabox3, .maingalleryw .tabox4{ position:relative; width:1530px; margin:0 auto}
.maingalleryw{ padding:70px 0 50px ; letter-spacing:-1px; overflow:hidden; height:470px;}
.maingalleryw .tabmore a{position:absolute; right:140px; top:0; border:1px solid #006ebc; width:90px; height:40px; color:#006ebc; background:#FFF ; display:block; line-height:40px; font-size:15px;box-sizing:border-box; text-align:center}
.maingalleryw .tabmore a::after{content:'더보기';}

.noover{overflow:visible; height:auto;}

.maingalleryw-title-n{text-align:center; font-size:45px; font-weight:600; }
.maingalleryw-title{text-align:center; font-size:18px;}
.maingalleryw-stitle{text-align:center; font-size:18px; color:#000102; padding-bottom:30px; }
.maingallery{width:1530px; margin:0 auto 50px;}
.main-big-banner {   height: 370px;    background: url(/images/subg2.png) no-repeat fixed;    background-attachment:fixed;   background-size: cover;  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; background-position:left top ; position:relative;
}
.main-big-banner-t{color:#FFF; text-align:center; font-size:26px; padding-top:120px; box-sizing:border-box; letter-spacing:-2px; line-height: 160%;}

.main-big-banner-t .s1{font-size:18px; padding-top:10px;}

.maingalleryw .tabs{overflow:hidden; text-align:center; margin-bottom:20px; width:585px; margin:0 auto 50px} 
.maingalleryw .tabs li{ float:left; cursor:pointer; color:#006ebc; border:2px solid #006ebc; background:rgba(255,255,255,1); width:180px; height:45px; text-align:center; box-sizing:border-box; line-height:42px; margin-right:15px;}
.maingalleryw .tabs li.active{color:#fff; background:#006ebc}
.maingalleryw .tabs li:last-child{margin-right:0;}
.maingalleryw .tab_container{}

/*.tab_container #tab2{display:none;}*/
.tab_container #tab4{display:none;}
.proceBoxw{overflow:hidden; width:1270px; margin:40px auto 0;}
.proceBox{width:300px; height:300px; border:1px solid #dddddd; box-sizing:border-box; margin-right:20px; margin-bottom:20px; background:#ffffff; padding:30px 0 0 30px; float:left;}
.proceBox:nth-child(4n){margin-right:0;}
.proceBox .step{font-size:22px; color:#006ebc; }
.proceBox .steptitle{font-size:20px; color:#0f0f0f; margin-bottom:10px;  font-weight:600; line-height:120%; }
.proceBox .steptitle span{font-size:18px;}
.proceBox .stepstitle{font-size:14px; color:#666666; margin-bottom:10px;  padding-bottom:10px; }
.proceBox .stepbtn a{ background:#006ebc; border-radius:3px; display:block; color:rgba(255,255,255,1); width:115px; text-align:center; padding:5px 0; text-align:center; font-size:15px; line-height:120%;}
.proceBoxw .pbox01{background:url(/images/process-ico_01.png)#FFF no-repeat 175px 185px;}
.proceBoxw .pbox02{background:url(/images/process-ico_02.png)#FFF no-repeat 175px 185px;}
.proceBoxw .pbox03{background:url(/images/process-ico_03.png)#FFF no-repeat 30px 193px;}
.proceBoxw .pbox04{background:url(/images/process-ico_04.png)#FFF no-repeat 30px 205px;}
.proceBoxw .pbox05{background:url(/images/process-ico_05.png)#FFF no-repeat 185px 205px;}
.proceBoxw .pbox06{background:url(/images/process-ico_06.png)#FFF no-repeat 30px 195px;}
.proceBoxw .pbox07{background:url(/images/process-ico_07.png)#FFF no-repeat 30px  187px;}
.proceBoxw .pbox08{background:url(/images/process-ico_08.png)#FFF no-repeat 30px 200px;}
.proceBoxw .pbox09{background:url(/images/process-ico_09.png)#FFF no-repeat 30px  215px;}
.proceBoxw .pbox10{background:url(/images/process-ico_10.png)#FFF no-repeat 30px  205px;}
.jcs li{width:302px !important;}
.jcs li:nth-child(4n){margin-right:0;}
.jcs li img{width:100%;}

.lt_date{color:rgba(51,51,51,1) !important; font-size:17px; text-align:center; padding-top:15px; display:block; height:55px; letter-spacing:-1px; cursor:pointer; width:300px;}

.exbox{padding:50px 0 0px; position:relative; width: 1530px;    margin: 0 auto;}
.exbox .tabmore  a{position:absolute; right:140px; top:60px; border:1px solid #006ebc; width:90px; height:40px; color:#006ebc; background:#FFF url(/images/plusmore.png) no-repeat 10px center; display:block; line-height:40px; font-size:15px; padding-left:30px; box-sizing:border-box}
.exbox  .tabmore a::after{content:'더보기';}
.samdambox-title{font-size:28px; letter-spacing:-1px; padding-bottom:20px; position:relative; text-align:center; color:rgba(255,255,255,1)}

.fmbannerw{background:#2d3135; padding:60px 0}
.fmbanner{overflow:hidden; width:1300px; box-sizing:border-box; margin:0 auto}
.fmbanner li a{float:left; width:255px; height:130px; background:#ffffff; margin-right:25px; padding:20px 0 0 30px; box-sizing:border-box; display:block; letter-spacing:-1px;}
.fmbanner li a:last-child{margin-right:0;}
.fmtitle{font-size:19px; padding-bottom:5px; font-weight:500; line-height:120%}
.fmstitle{font-size:14px; color:#767676;}
.fmbanner .ba1 a{background:url(/images/process-ico_05.png) no-repeat rgba(255,255,255,1) 145px 20px;}
.fmbanner .ba2 a{background:url(/images/process-ico_09.png) no-repeat #006ebc 163px 22px; background-size:63px;}
.fmbanner .ba1  .fmtitle{margin-bottom:5px}
.fmbanner .ba2  .fmtitle{margin-bottom:5px}
.fmbanner .ba3  .fmtitle{margin-bottom:5px}
.fmbanner .ba4  .fmtitle{margin-bottom:5px}
.fmbanner .ba5  .fmtitle{margin-bottom:5px}
.fmbanner .ba2 .fmstitle{color:rgba(255,255,255,1); }
.fmbanner .ba2 .fmtitle{color:rgba(255,255,255,1)}
.fmbanner .ba3 a{background:url(/images/process-ico_08.png) no-repeat rgba(255,255,255,1) 150px 25px;  background-size:75px}
.fmbanner .ba4 a{background:url(/images/process-ico_11.png) no-repeat #16aa6e 158px 23px; color:rgba(255,255,255,1);  background-size:65px;}
.fmbanner .ba4 .fmstitle{color:rgba(255,255,255,1)}
.fmbanner .ba4 .fmtitle{color:rgba(255,255,255,1)}
.fmbanner .ba5 a{background:url(/images/process-ico_12.png) no-repeat rgba(255,255,255,1) 158px 23px; background-size:65px;}


/*서브페이지*/
#subbg{height:250px;background: url(/images/subtopbg.jpg) center ;  position:relative; border-top: 1px solid #f3f4f5; border-bottom: 1px solid #f3f4f5}
#subbg .subbgwrap{text-align:left; color:#555; font-size:20px; letter-spacing:-2px; padding-top:60px; box-sizing:border-box; width: 1200px;
    margin: 0 auto;
    padding-left: 180px;}
#subbg .subbgwrap .s1{ font-weight: 500;
    line-height: 160%;
    font-size: 28px;
    color: #000;}
#subbg .subbgwrap .s2{font-weight:400; font-size:16px;line-height: 160%; padding-top:10px; letter-spacing: -1px; color: #555;}	
.inyong{font-size:38px;font-family: 'Mukta', sans-serif; }

.mid {width:1100px; margin:0 auto 0px; padding: 60px 0px 0px;  position:relative; border-top:none; border-bottom:none; overflow:hidden; box-sizing:border-box;     min-height: 500px;}
aside.left{float:left;width:215px;  }

.left h2{      font-size: 22px; color: #000000; font-weight: 500;     letter-spacing: -1.5px;  padding-bottom: 15px; text-align:center; border-bottom: 2px solid #002d62;    margin-bottom: 15px;}
.left h2 span:after{clear:both;display:block;font-size:15px;letter-spacing:0;}
.left .h2_1:after{  font-size: 10px;   color: #000000;   display: block; content:'YONGIN'}
.left .h2_2:after{  font-size: 10px;   color: #000000;   display: block; content:'INTRODUCE'}
.left .h2_3:after{  font-size: 10px;   color: #000000;   display: block; content:'FESTIVAL'}
.left .h2_4:after{  font-size: 10px;   color: #000000;   display: block; content:'PICTURE'}
.left .h2_5:after{  font-size: 10px;   color: #000000;   display: block; content:'COMMUNITY'}
.left .h2_6:after{  font-size: 10px;   color: #000000;   display: block; content:'COMMUNITY'}

.left_menu{ margin:0;    }
.left_menu > ul > li > a{ display: block; border-bottom: 1px solid #e5e5e5; color:#333; line-height:40px; padding-left:25px; font-size:15px; letter-spacing:-1px; text-transform:uppercase;  background: url(/images/lnb_arrow.png) 190px center no-repeat; }
.left_menu > ul > li:hover > a,.left_menu ul > li:focus > a,.left_menu ul > li.on > a{ background: #1a6cbf;   text-decoration:none; color:#FFF;  background: url(/images/submenu_acdot.png) 184px center no-repeat #1a6cbf;  }
.left_menu > ul > li .newico{background: #003f6b; width:53px; height:17px;     display: inline-block; position:relative; margin-right:3px; top:0px; border-radius:10px; color:rgba(255,255,255,1); line-height: initial; font-size:11px; text-align:center; letter-spacing:0}

.left_menu #bo_cate_ul li a{ border-bottom: 1px dotted #ccc; line-height: 30px; padding-left: 31px;    display: block; color: #414141;     font-size: 13px; position: relative; }
.left_menu #bo_cate_ul li a:before{content: '-';position: absolute;left: 17px;top: 1px;}


.left_menu #bo_cate_ul li.on a{background: none; color:#1a6cbf }

.titlewrap{overflow:hidden; border-bottom:1px solid #E2E2E2;  margin-bottom:20px;}
.content{position:relative;z-index:1;  float: right;width: calc(100% - 265px);
   box-sizing:border-box;  }
.page_nav{font-size: 14px; color:#626262; float: right;}
.page_nav img{}
.page_nav li {float:right; margin-left: 10px; line-height: 40px; padding-top: 10px;}
.fb-share-button-btn{background:url(/images/facesns.png); width:40px; height:40px;}

.subnav{position:relative; background:#32557a; height:55px; width:100%;  line-height:55px; display:none}
.h2_menu{ font-size: 18px; color: #fff;
font-weight: normal;    letter-spacing: -1.5px;
text-align:center; float:left; width:190px; border-right:1px solid #2e465e ; position:relative; z-index:3;}
.subnav .homenav a{float:left; width:65px; text-align:center; border-right:1px solid #2f4c69 ; display:block}

.navbar-fixed-top .lnb_area .lnb_list .lnb_a a {color : #000;}
.navbar-fixed-top #lnb .active { border:0;}
.navbar-fixed-top { z-index: 201; position: fixed; top:0; width:100%; color: rgb(0,0,0); background: #1a6cbf; transition: background-color 200ms linear; color:rgba(255,255,255,1)}
.topbanner{background:#f5f6fa; text-align:center; width:100%; overflow:hidden; line-height:120px;}
.topbanner .adclose{display:inline-block; cursor:pointer; float:right; position: absolute;
right: 20px;}
.topbanner p{float:left;}
.topbanner .toptxt{font-size:24px; font-weight:500; color:#121212; letter-spacing:-1px; float:left; width:900px; text-align:center}
.topbanner .toptxt span{padding-left:20px; letter-spacing:1px;}
.topbanner .toptxt em{color: #006ebc; font-style:normal}





/*navi_area*/
.navi_area{position:relative;height:48px;border-bottom:1px solid #e5e5e5}
.navi_area .layout{position:relative;height:48px}
.navi_area .btn_home{width:50px;height:48px;background-position:0 -60px}
.navi_dp1_list{display:inline-block;zoom:1;font-size:14px}
.navi_dp1_list:after{display:block;clear:both;content:''}
.navi_dp1_list>.navi_dp1{float:left;position:relative; width:200px; letter-spacing:-1px;}
.navi_dp1_list>.navi_dp1>span{position:relative;display:block;padding:0 20px;height:65px;line-height:65px;border-right:1px solid #0e7dcc;text-decoration:none; font-size:16px; color:#fff ; box-sizing:border-box; cursor:pointer; padding-right:40px}
.navi_dp1_list>.navi_dpleft>span{width:225px; height:37px; border:1px solid #e5e5e5; box-sizing:border-box; line-height:37px;}

.navi_dp1_list>.navi_dp1>span:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff}
.navi_dp1_list>.navi_dp1.active>span:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #fff;border-top:none}
.navi_dp2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10; width:99%}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list{left:0; top:65px}
.navi_dp2_list>.navi_dp2>a{display:block;padding:5px 10px; text-decoration:none; line-height:40px; box-sizing:border-box}
.navi_dp2_list>.navi_dp2>a:hover, .navi_dp2_list>.navi_dp2>a:active, .navi_dp2_list>.navi_dp2>a:focus,.navi_dp2_list>.navi_dp2.active>a{background-color:#f4f4f4}
.navi_dpleft .navi_dp2_list>.navi_dp2>a{width:223px;  height:37px; line-height:37px; box-sizing:border-box; padding:0; padding-left:20px}
.navi_dp1_list>.navi_dpleft:first-child .navi_dp2_list{top:36px;}

.consult-title{font-size:20px; padding-bottom:10px; position:relative; text-indent:25px;}
.consult-title:before{width:15px; height:4px; background:rgba(51,51,51,1); position:absolute; display:block; content:'';  top:8px; left:0 }
.pt50{margin-top:50px !important;}

.sname{font-size:13px; color:rgba(255,255,255,1); position:absolute; right:20px; bottom:20px; letter-spacing:-0.5px; }
.titlewrap{overflow:hidden; padding-bottom:0px;}
.content{position:relative;z-index:1; /*width: 1280px;*/  box-sizing:border-box; margin-bottom:50px }
.page_nav{font-size: 14px; color:#626262; display:none  }
.page_nav li {float:right; margin-left: 10px; line-height: 40px;}
.page_title{   font-size: 30px;    color: #333; letter-spacing: -1.5px;    font-weight:500;
text-transform:uppercase; text-align: left; padding-bottom:20px;  }
.page_title span{    display: block;width: 45px;height: 1px;background: #000;margin: 0 auto}
.sgw{letter-spacing: 0;font-weight: 400;font-size: 16px;color: #505050;padding: 0 50px;}
.sgw p{padding-bottom: 40px;word-break: keep-all;/* font-weight: 300; */}
.sgwt{font-size: 38px;font-weight: 700;text-align: center;letter-spacing: -2.5px;/* padding-bottom: 35px !important; */color: #000;line-height: 160%;/* border-bottom: 1px dashed #ccc; */margin-bottom: 34px; position: relative}
.sgwt:after{display: block; width: 80px; height:5px; background: #1a6cbf; margin: 30px auto; content: ''}
.sgwtc p{color: rgba(45,45,45,0.7);font-weight: 400;}
.sgwtc p span{color: #000;font-weight: 500;}
.sgwt p{padding-bottom: 0}
.sgwtc{font-weight: 500;padding: 40px;background: #f9f9f9; text-align: left}

.soge{line-height:170%;  word-break:break-all; letter-spacing:-0.5px; font-size:16px; text-align:justify; letter-spacing:-1px; }
.sogeboard{line-height:160%; font-weight:300; word-break:break-all; letter-spacing:-0.6px;  padding: 30px 0px 0px 0; ; margin-left:auto; margin-right:auto}

.imsi{font-size:15px; line-height:170%}
.imsi p{padding-bottom:20px;}
.imsi-title{font-size:20px; font-weight:700; padding-bottom:30px;}
.imsi ul{padding:0px 20px 20px 10px; font-weight:400}
.imsi ul li {padding-bottom:5px;}
.imsi iframe{height:250px !important;}

.s01 .txt .imgtxt{padding-bottom:20px; font-size:14px; padding-top:0px;}
.s01 .txt p{padding-bottom:20px;}
.s01 .ceow{overflow:hidden; margin-bottom:125px;}
.s01 .ceow .ceoimg{float:left; }
.bottom_LB{font-size:16px;}
.s01 .ceow .ceotxt{float:right; padding-top:40px;border-bottom:1px solid #eaeaea; height:588px; box-sizing:border-box;}
.s01 .ceow .ceotxt .ceo-t1{font-size:45px; font-weight:300;margin-bottom:20px; }
.s01 .ceow .ceotxt .ceo-t2{font-size:45px; color:#006ebc; font-weight:200; line-height:140%; letter-spacing:-4px; margin-bottom:50px; }
.s01 p{padding-bottom:25px;}
.s01 .ceow .ceotxt .ceo-t3{font-size:22px; font-weight:300;line-height:150%;}
.s01 .ceow .ceotxt .ceo-t3 p:nth-child(2){margin-bottom:50px;}
.s01 .ceo-Bt{margin-bottom:40px; font-size:34px;  color:#006ebc; font-weight:500;}
.s01 .ceo-Bts{overflow:hidden; margin-bottom:70px;}
.s01 .ceo-Bts li{float:left; width:195px; height:246px; margin-right:10px; background:url(../images/s01_ibg.png) no-repeat; text-align:center; font-size:20px; padding-top:135px; box-sizing:border-box; font-weight:400;}
.s01 .ceo-Bts li:last-child{margin-right:0;}
.s01 .ceo-Bms{font-size:30px; font-weight:300; line-height:160%; margin-bottom:100px}
.s01 .ceo-B-list{ font-weight:600; font-size:40px; line-height:150%; padding-bottom:85px; width:300px; margin:0 auto;
}
.bold{font-weight:600;}
.s01 .s-title{padding-bottom:0;}
.s01 .ceo-B-list span{    color: #006ebc;}
.s01 .ceo-B-sign{font-size:24px; text-align:right; padding-bottom:150px;}
.sunlistw{overflow:hidden; padding:30px 0px 0;}
.sunlist{padding-bottom:50px;}
.suntitle{font-weight:700; padding-bottom:20px; font-size:22px}
.sunlists{overflow:hidden;}
.sunlists .sun50{float:left; width:50%;}
.sunlist  li{background:url(/images/dot1.png) no-repeat left 15px; background-size:6px; padding-left:15px; font-size:17px; line-height:180%}
.sunlists .sun50 span{display:inline-block;}
.sunlists .sun50 span.n1{width:120px;}
.sunlists .sun50 span.n2{width:120px;}

.basic-table{padding:20px 0; font-size:16px}
.basic-table table{border-right:1px solid rgba(244,244,244,1);}
.basic-table th{border:1px solid rgba(244,244,244,1); text-align:center; padding:10px 0; font-weight:normal; background:#fafafa}
.basic-table td{border-left:1px solid rgba(244,244,244,1);  border-bottom:1px solid rgba(244,244,244,1); padding:20px; box-sizing:border-box}
.basic-table tr td:nth-child(1){text-align:center;}

/*s02*/


.buslist{overflow:hidden;margin-bottom:100px;}
.buslistxt{text-align:right; font-size:14px; color:#434343}
.buslist-title{background:#f8f6f5; border-top:2px solid #222222; height:55px; line-height:55px; margin-bottom:35px; }
.buslist-title span{display:inline-block;  text-align:center; font-weight:500; position:relative}
.buslist-title span::before {display: block; position: absolute;  bottom:0; left:0px; width: 1px; height: 20px; content: ''; background:#d8d7d6}
.buslist-title span:nth-child(1)::before{background:none;}
.buslist-title span:nth-child(1){width:265px;}
.buslist-title span:nth-child(2){width:515px;}
.buslist-title span:nth-child(3){width:160px;}
.buslist-title span:nth-child(4){width:150px;}

.buslistboxw{overflow:hidden;  padding-bottom:25px;}
.buslistboxw .buslistbox-title{width:300px; float:left; padding-left:30px; box-sizing:border-box; color:#1d6da5; font-weight:500; font-size:18px;}
.buslistboxw .buslistbox-title span{width:30px; height:1px; background:#045793; margin-top:15px; display:block}
.buslistboxw .buslistbox{width:851px; float:right;border:1px solid #d7d7d7; box-sizing:border-box;}
.buslistboxw .buslistbox-list{overflow:hidden; cursor:pointer;  padding:0 10px 0 28px}
.buslistboxw .buslistbox-list:hover{background:#f6f6f6;box-sizing:border-box}
.buslistboxw .buslistbox-list .c1{background:url(../images/dot_b.png) no-repeat left 20px; padding-left:15px; border-bottom:1px solid #d7d7d7; height:45px; line-height:45px; float:left; width:660px;}
.buslistboxw .buslistbox-list .c1 em{display: inline-block;    float: right;}
.buslistboxw .buslistbox-list:last-child .c1 {border-bottom:none;}
.buslistboxw .buslistbox-list .cmore{width:107px; height:28px; line-height:28px; box-sizing:border-box; border:1px solid #9195a0; background:url(../images/pdf.png) no-repeat 80px center; padding-left:15px; float:right; color:#767676; font-size:14px; margin-top:10px; cursor:pointer}

.buslist{overflow:hidden;  margin:70px auto 0; font-size:16px; line-height:180%;}
.buslist:nth-child(1){margin-top:0;}
.buslist:last-child{margin-bottom:100px;}
.bus2018title{border-bottom:1px solid #535353; position:relative; height:58px; padding-left:15px;}
.bus2018title .bust1{font-size:28px; color:#010101; float:left; font-weight:600; padding-right:20px; letter-spacing:-1px;}
.bus2018title .bust2{font-size:13px; color:#474747; float:left; line-height:130%; letter-spacing:0}
.bustoggle{position:absolute; width:130px; height:40px; line-height:40px; background:#ef4629 url(/images/togglemin.png) no-repeat 90px center; color:rgba(255,255,255,1); font-size:16px; right:0; padding-left:20px; cursor:pointer; box-sizing: border-box;}
.bustoggleon {  background: url(/images/toggleplus.png) no-repeat 90px center #ef4629}
.bustoggle span{width:130px; height:2px;  background:#ef4629; position:absolute; bottom:-19px; right:0; z-index:3}
.buslistboxw2018{ border-bottom:1px solid #c6c6c6; margin-top:20px; overflow:hidden}
.buslistbox-title2018{width:310px; float:left; padding-left:15px; box-sizing:border-box; color:#1d6da5; font-weight:500; font-size:20px;}
.buslistbox-title2018 span{width:30px; height:1px; background:#045793; margin-top:15px; display:block}
.buslistboxw2018 .cmore{ position:absolute; right:0; bottom:0;width:107px; height:28px; line-height:28px; box-sizing:border-box; border:1px solid #9195a0; background:url(../images/pdf.png) no-repeat 80px center; padding-left:15px; float:right; color:#767676; font-size:14px; margin-top:10px; cursor:pointer}
.bus2108{border:1px solid #c6c6c6; position:relative;  padding:20px; box-sizing:border-box; float:left; width: calc(100% - 310px); cursor:pointer; margin-bottom:25px;box-sizing:border-box}
.bus2108:hover{background:#f6f6f6;box-sizing:border-box}
.bus2108-t{color:#000000; font-size:18px; padding-bottom:10px; font-weight:500; padding-left:5px; }
.bus2108-s{ font-size:16px; line-height:140%; letter-spacing:-0.5px}
.bus2108-s p{background:url(/images/line.png) no-repeat left 7px; padding-left:10px; padding-bottom:7px;}
.bus2108-s p span{color:rgba(0,0,0,1); font-weight:500;}
.bus2108-s ul.t1{padding-left:50px;}
.bus2108-s ul.t1 li{padding-bottom:8px;}
.c50{width:400px; float:left}
.mr20{ margin-right:20px;}

.buslistbox2108-w{overflow:hidden;}
.h175{height:175px !important;}

.manbtn a{display:block; width:60%; height:70px; line-height:70px; background:#006ebc; color:rgba(255,255,255,1); text-align:center; font-size:24px; margin-left:auto; margin-right:auto; font-weight:500; margin-top:20px; border-radius:5px;font-family: "Noto Sans KR", sans-serif; position:relative}
.manbtn a:hover{ color: #ffffff; background:#055b97;  transition: all 0.2s ease-in; }
.manbtn{padding-bottom:0  !important;}


.volbtn .btn{display:block; width:60%; height:70px; background:#e66701; color:rgba(255,255,255,1); text-align:center; font-size:24px; margin-left:auto; margin-right:auto; font-weight:500; margin-top:20px; border-radius:5px;font-family: "Noto Sans KR", sans-serif; margin-bottom:20px; padding-top:10px; }
.volbtn .btn:hover{ color: #ffffff; background:#bc5401;  transition: all 0.2s ease-in; }
.volbtn .btn span{color:rgba(255,255,255,1); font-size:13px;display:block; text-align:center; font-weight: normal;}


.manse{border:1px solid #E2E2E9; padding:40px 120px; font-size:17px; letter-spacing:-1px;  padding-bottom:20px;  position: relative; font-weight:500;    z-index: 1; margin-bottom:50px;}
.manse > div{padding-bottom:20px; padding-left:60px;}
.manse .bg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background:url(/images/manbg2.png) no-repeat;
opacity: .7;
width: 100%;
height: 100%;
background-size:cover; 
}

.manse p{}
.man-title{text-align:center; font-size:32px; font-weight:600; padding:40px 0 80px 0 !important; letter-spacing:-2px;}
.mansa{text-align:center; font-weight:600; font-size:24px; padding-top:30px; line-height: 160%;}
.mansa p{padding-bottom:0;}

.bank p{padding:0;}
.bank{background:rgba(0,0,0,0.6); color:rgba(255,255,255,1); font-family: "Noto Sans KR", sans-serif; font-weight:500; text-align:center; margin-top:40px; padding:20px 0; font-size:16px; width:70%; margin-left:auto; margin-right:auto; margin-bottom:50px;}
.bank p:nth-child(2){font-weight:500;font-size:18px;  color:rgba(255,255,204,1); letter-spacing:0}
.s03 .container .item-w{ overflow:hidden; margin-bottom:70px;}
.s03 .container .item-w .item{float:left; width:580px;  box-sizing:border-box}
.s03 .container .item-w  .itemtxt{padding:40px 0 0 20px; float: right;}



.s03 .container .item-w:nth-child(2) .item{float:right; padding:40px 30px 40px 0; position: relative;   left: -50px;}
.s03 .container .itemtxt{padding-left:60px; padding-top:60px; padding-right:60px; }
.s03 .container .itemtxt .t1 {padding-bottom:35px;}
.s03 .container .itemtxt .t1 span:first-child{font-size:80px; color:#006ebc; padding-right:10px;}
.s03 .container .itemtxt .t1 span:nth-child(2){font-size:42px; color:#006ebc; font-weight:300}
.s03 .container .itemtxt .t2 {font-size:24px; color:#000; padding-bottom:20px; font-weight:600}
.s03 .container .itemtxt .t3 {font-size:19px; color:#666666; line-height:160%}

.brand .b-logo{text-align:center; padding:40px 0 65px }
.brand .b-logo{position:relative;}
/*.brand .b-logo::after {display: block; position: absolute;  top:88%; left: 50%; width: 1px; height:70px;  content: ''; background:#dddddd; }*/
.brandw{overflow:hidden; border-left:1px solid #dddddd; margin-bottom:90px;}
.brandw .brandbox{ width:423px; height:230px; border:1px solid #dddddd; margin-left:-1px; box-sizing:border-box; text-align:center;   display: table-cell;  padding-top:50px;border-left:none; }
.brandw .brandbox .b1{font-size:35px; color:#006ebc; font-weight:700; margin-bottom:30px;}
.brandw .brandbox .b2{font-size:18px; font-weight:300; line-height:1.6}
.brandtxt{text-align:center; font-size:32px; font-weight:300; line-height:1.6; letter-spacing:-2px; margin-bottom:60px;}
.brandtxt .t1{ color:#006ebc; font-weight:500}
.brandmoto{background:#f3efe6; overflow:hidden; text-align:center; margin-bottom:80px}
.brandmoto > div{float:left; width:33%; border-left:1px solid rgba(255,255,255,1);  padding-top:60px; padding-bottom:50px;}
.brandmoto  .mobo-title{background: url(/images/orgbg.png) no-repeat center top; height:200px; color:rgba(255,255,255,1); font-size:36px; padding-top:90px; box-sizing:border-box; position:relative}


.brandmoto  .mobo-stitle{font-size:28px; color:rgba(0,0,0,1); font-weight:700; line-height:140%; letter-spacing:-1px; position:relative; padding-top:40px}
.brandmoto  .mobo-stitle::before {display: block; position: absolute;  top:-5px; left: 50%; width: 1px; height:40px;  content: ''; background:#006ebc; margin-left:-1px; }
.brandmoto  .mobo-stitle span{color:#006ebc;}

.processboxw{overflow:hidden; margin-top:30px}
.proboxw{overflow:hidden;}
.proboxw .pro1{background:url(/images/process-ico_01.png) no-repeat 90% 90%;}
.proboxw .pro2{background:url(/images/process-ico_02.png) no-repeat 90% 90%;}
.proboxw .pro3{background:url(/images/process-ico_03.png) no-repeat 90% 90%;}
.proboxw .pro4{background:url(/images/process-ico_04.png) no-repeat 90% 90%;}
.proboxw .pro5{background:url(/images/process-ico_05.png) no-repeat 92% 90%;}
.proboxw .pro6{background:url(/images/process-ico_06.png) no-repeat 90% 90%;}
.proboxw .pro7{background:url(/images/process-ico_07.png) no-repeat 90% 90%;}
.proboxw .pro8{background:url(/images/process-ico_08.png) no-repeat 90% 90%;}
.proboxw .pro9{background:url(/images/process-ico_09.png) no-repeat 90% 90%;}
.proboxw .pro10{background:url(56789zmages/process-ico_10.png) no-repeat 90% 90%;}

.proboxw .probox{border:1px solid #dddddd; width:595px; margin:0 25px 25px 0; float:left; height:260px; box-sizing:border-box; padding:40px; box-sizing:border-box}
.proboxw .probox:nth-child(2){margin:0;}
.proboxw:nth-child(3) > div{height:310px;}
.h260{height:260px !important;}

.probox-title{color:#006ebc; font-size:20px; padding-bottom:5px;}
.probox-title2{color:#0f0f0f; font-size:24px; padding-bottom:20px;  font-weight:500}
.probox-title3{color:#666666; font-size:16px; padding-bottom:15px; width:440px; letter-spacing:-0.5px;}
.proboxbtn a{border:1px solid #006ebc; border-radius:3px; background:url(../images/proarr.png) no-repeat 90% center #006ebc; padding:5px 40px 5px 10px; float:left; display:block; font-size:15px; color:rgba(255,255,255,1)}

.mainfoot .mainfootw{background:rgba(80,99,70,0.9); width:700px; height:270px; margin:25px auto 0;  position:relative}
.mainfoot .mfoot1{display:inline-block;}
.mainfoot .mfoot1 span{text-align:center; font-size:13px; background:rgba(51,66,40,0.9); padding:3px 10px; text-transform:uppercase; color:rgba(255,255,255,1); text-align:center; margin-top:60px; margin-bottom:10px; display:block; }
.mainfoot .mfoot2{padding-top:10px;}
.mainfoot .mfoot2 span{text-align:center; font-size:23px; padding:3px 10px; text-transform:uppercase; color:rgba(255,255,255,1); text-align:center;  margin-bottom:0px; display:inline-block; box-sizing:border-box }
.mainfoot .mfoot2 b{font-weight:bold;}
.mainfoot .mfoot4{color:rgba(255,255,255,1); margin-bottom:10px;}
.mainfoot .mfoot3 span{text-align:center; font-size:13px; background:rgba(0,0,0,1); padding:3px 10px; text-transform:uppercase; color:rgba(255,255,255,1); text-align:center;  margin-top:10px; display:inline-block; position:absolute; right:10px; bottom:10px }


.subtabmenu{width:100%; position:relative; border-right:1px solid  #e6e6e6; margin-bottom: 50px; border-bottom: 1px solid #2661a7;
    overflow: hidden; box-sizing: border-box;}
.subtabmenu ul.tabs{border-bottom: 1px solid #2661a7;}
.subtabmenu ul.tabs li.active a{color:#d1392b;  box-sizing:border-box; background:#2661a7; color:#FFF}
.subtabmenu ul.tabs li{ text-align:center; width:33.33%; float:left ; box-sizing:border-box; color:#000; font-weight:500; height: 50px;    line-height: 50px; border: 1px solid #e6e6e6;border-right: none; cursor:pointer; border-bottom: none;  font-size:16px}
.subtabmenu ul.tabs li a{display:block;}



.fbanner ul li{float:left; padding:0 30px; height:90px; line-height:90px;}
.fbannerw{border-top:1px solid #ebebeb; background:#fff}
.fbanner{overflow:hidden; width:1200px; margin:0 auto}

/* 중간 레이아웃 */
#wrapper {width:100%; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {max-width:100%;margin:0px auto;z-index:1;padding:0px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 0px 10px;font-size:1.2em;font-weight:bold;text-align:center;border-bottom:2px solid #ddd;padding-bottom:20px;}
.wrap{width:1275px; margin:0 auto;}
/*index*/


#main_work ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_work ul li{background:#fff;letter-spacing:-0.01em}
#main_work ul li.main_work_1{background:#f8f8f8;}
#main_work .work_txt span{ display:block;padding:5px 0;color:#808080;line-height:1.5em}

#lt_notice{clear:both}


.quickmenu{position:absolute; left:0; top:120px;  width:110px; border-top:5px solid #e7302a;text-align:center; z-index:100; display:block}
.quickmenu ul li a{ background:#ffffff; border-bottom:1px solid #f2f2f2; padding-top:10px; box-sizing:border-box; border-right:1px solid #f2f2f2; display:block}
.quickmenu ul li  a span{color:rgba(51,51,51,1); display:block; padding-top:5px; font-size:15px}
.quickmenu .custom{background:#006ebc; color:rgba(255,255,255,1); font-size:16px; padding:15px; box-sizing:border-box}
.quickmenu .custom .cus2{font-weight:700; font-size:18px; text-align:left}

.quickmenu ul li:nth-child(1) img{width:60px}
.quickmenu ul li:nth-child(2) img{width:60px}
.quickmenu ul li:nth-child(3) img{width:60px}
.quickmenu ul li:nth-child(4) img{width:60px}
.quickmenu ul li:nth-child(5) img{width:50px}




.maparea{width:100%; height:500px; margin-bottom:50px;}
.mapbox{border-bottom:1px solid #dbdbdb; padding:50px 0; overflow:hidden;}
.mapbox .maptitle{font-size:28px; font-weight:600; width:270px; float:left; margin-bottom:20px;}
.mapbox .maplist{font-size:20px; width:1000px; float:left}
.mapbox .maplist li{padding-left:30px; margin-bottom:20px; font-weight:400; line-height:30px;}
.mapbox .maplist .m1{background:url(../images/mapico_01.png) no-repeat left 5px;}
.mapbox .maplist .m2{background:url(../images/mapico_02.png) no-repeat left 5px;}
.mapbox .maplist .m3{background:url(../images/mapico_03.png) no-repeat left 5px;}
.mapbox .maplist .m4{background:url(../images/mapico_04.png) no-repeat left 5px; overflow:hidden}
.mapbox .maplist .m4 p{float:left; padding-right:18px; line-height:20px;}
.mapbox .maplist  .m4 span, .mapbox .maplist  .m3 span{font-size:14px; color:rgba(255,255,255,1); padding: 2px 12px; border-radius:10px; display:inline-block; line-height:20px; float:left; margin-right:5px;} 
.mapbox .maplist  .line-a{background:#a8022d; }
.mapbox .maplist  .line-b{background:#50a232; }
.mapbox .maplist  .line-c{background:#395cb3; }
.mapbox .maplist  .line-d{background:#50a232; }
.mapbox .maplist  .line-e{background:#50a232; }

.callsms{background:#f1eae0; padding:20px;font-family: "Noto Sans KR", sans-serif; }
.callsms input[type=text]{width:100%; border:1px solid #F0F0F0; height:30px; line-height:30px; text-indent:10px; margin-bottom:5px;}
.callsms input[type=tel]{width:100%; border:1px solid #F0F0F0; height:30px; line-height:30px; text-indent:10px; margin-bottom:5px;}
.callsms textarea{width:100%; border:1px solid #F0F0F0; padding:10px; box-sizing:border-box; height:60px; }
.callsms .submitbtn {text-align:center;}
.callsms .signup-box-term-head{text-align:center;}
.callsms .submitbtn input[type=submit]{border:none; width:60%; margin:30px auto; font-size:16px; height:40px; line-height:40px;}
.agree{text-align:center; width:100%; padding:20px 0; font-size:18px}

.total1000{margin: 0px 0px 20px;font-size: 24px;font-weight: normal; text-align:center; padding:0px 0 20px;}
.total1000 p{line-height:180%;}
.total1000  span {     color: #1564b5;    font-weight: 600;    font-size: 34px;    padding-left: 10px;}
.totalcount{font-size:50px; font-weight:600; padding-bottom:20px;}
.totalcount span{color:#1564b5}
.totalnum{text-align:center; font-size:22px; width:500px; margin:0 auto 20px}
.totalnum span{text-align:right;}
.totalday{padding-bottom:30px; font-weight:500;}

/* 일반현황 - 연혁 */
.history .list {border-top:2px solid #222;}
.history .list li {padding:35px 0; padding-left:15%; position:relative; border-bottom:1px solid #dedede;}
.history .list li .year {font-size:35px; line-height:35px; color:#1a5bb1; font-weight:400; position:absolute; left:0; top:35px;}
.history .list li .year span {display:block; margin-left:20px; color:#1a5bb1;}
.history .list li ul {border:0;}
.history .list li ul li {padding:0 0 0 15%; border:0; margin-top:20px; letter-spacing: -1px;}
.history .list li ul li:first-child {margin-top:0;}
.history .list li ul li .day {color:#666; position:absolute; left:0; top:0; font-weight: 400;}
.history .list li ul li p {color:#333; font-weight:500}
.history .list li ul li ul {background:#f8f8f8; margin:10px 0 25px 0; padding:13px 15px;}
.history .list li ul li ul li {padding:0 0 0 12px; font-size:14px; color:#666; margin-top:3px;}
.history .list li ul li ul li:after {top:10px;}
.history .list li ul li ul li:first-child {margin-top:0;}



@media all and (min-width : 601px) {

.col_l_60{width:100%}
.col_l_40{width:40%}
#main_work ul{margin-left:20px}
#main_work ul li{overflow:hidden}
#main_work .work_img img{max-width:100px;width:100%;height:auto}



}
@media (min-width :701px) {

#main_work .work_img{width:35%;height:122px;line-height:112px;display:block;float:left;}
#main_work .work_txt{width:65%;height:122px;display:block;float:left;}
#main_work .work_txt span.work_txt_tit{margin-top:20px ;font-weight:bold;font-size:1.25em;color:#111}


}
@media (min-width:601px) and (max-width :700px) {

#main_work .work_img{width:35%;height:100px;line-height:100px;display:block;float:left;}
#main_work .work_txt{width:65%;height:100px;display:block;float:left;}
#main_work .work_txt span.work_txt_tit{line-height:100px;padding:0 ;font-weight:bold;font-size:1.25em;color:#111;}
#main_work .work_txt span.work_txt_p{display:none}

/* 일반현황 - 연혁 */


}

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

#main_work{margin-top:20px}
#main_work ul li{float:left;width:33.3%;text-align:center;}
#main_work .work_img{display:block;}
#main_work .work_img img{max-width:100px;width:80%;height:auto}
#main_work .work_txt span.work_txt_p{display:none;}
#main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold}
.program .protitle{ width:100%;}
.program .proimg{width:100%;}
.program .proimg img{width:100%;}
.program .programtitle{padding-top:15px;}
.newszone .customw .custombox{padding:0px;}




}
@media all and (max-width : 375px) {
#container_title{padding-bottom:13px}
#container {}
#main_work{margin-top:10px}
#main_work ul li{width:100%;clear:both}
#main_work .work_txt span.work_txt_p{display:block;padding:0 0 15px}
#main_work .work_txt span.work_txt_tit{padding-top:0;margin:0;font-size:1.2em;color:#111;font-weight:bold}
#lt_notice,#lt_board,#lt_board2,#lt_gall{margin-top:10px}


}

/* 하단 레이아웃 */
#ft {background:#fff; padding:25px 0; width:1160px; margin:0 auto; overflow:hidden}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
#ft_company{padding:0px 0px 10px}
#ft_company a{font-weight:bold;display:inline-block;padding:0px 5px;font-size:1.12em;border-left:2px solid #eee}
.bd_no{border:none !important}

#ft_copy .ft_sns{padding:15px 20px}
#ft_copy .ft_sns a{padding:3px;}
#top_btn{position:fixed;bottom:10px ;right:10px;border:none;z-index:99}
#ft_copy{ color:#9d9d9d; font-size:14px; float:left;}
.salogo{position:absolute; right:0; top:20px;}
/*group*/
#group .lt{margin-top:20px}
#group .lt_date{position:absolute;top:0;right:0;color:#5d938b}
.foot-tel{float:right; padding-right: 40px;}
.foot-tel .foot-tel1{font-size:16px; color:#333333; letter-spacing:-1px;}
.foot-tel .foot-tel1 span{display:inline-block; height:1px; width:20px; background:#949494; margin-left:5px;}
.foot-tel .foot-tel2 {font-size:30px; color:#0a519a; font-weight:bold; letter-spacing:-1px;}
.policyw{border-bottom:1px solid #e8e8e8; overflow:hidden; height:50px; line-height:50px; box-sizing:border-box; border-top:1px solid #e8e8e8; background:#fff}
.policyw .policy{overflow: hidden;    width:1200px;    box-sizing: border-box;    margin: 0 auto;}
.policy-list{float:left; width: 60%;}
.policyw .policy-list li a{float:left; font-size:14px; padding:0 20px; color:#333333; display:block; position:relative}
.policyw .policy-list li a::before {display: block; position: absolute;  top: 25px; left: -1px; width: 1px; height: 13px;border-left: 1px solid #e1e1e1;  content: ''; }
.policyw .policy-list li:first-child a:before{border:none;}
.visite{float:right; padding-right:30px;}
.policyw .footsns{float:right; overflow:hidden}
.policyw .footsns li{float:left;}
.policyw .footsns li a {    float: left;    border-right: 1px solid #ebebeb;    width: 65px;    text-align: center;
height:60px;    line-height: 60px;    display: block;}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:100px;height:50px;border:1px solid #e9e9e9;}
#captcha #captcha_reload {margin:0;padding:0 5px;width:32px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 -30px;overflow:hidden; vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:120px;height:50px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em; box-sizing: border-box}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3{width:32px;height:50px;margin:0;padding:0 5px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;cursor:pointer;overflow:hidden;text-indent:-999px}

/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#4d4d4d;color:#fff;letter-spacing:-0.1em;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:4px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; box-sizing:border-box}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:5px}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:3px 7px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle;}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#000}
a.btn_b02 {display: inline-block;
float: right;
height: 40px;
font-size: 16px;
position: relative;
background-color: #75777f;
color: #FFFFFF;
line-height: 40px;
width: 115px;
text-align: center;
text-decoration: none; }

a.btn_b02:focus, .btn_b02:hover {background:#000;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:2px 7px;background:#fff;color:#000;text-decoration:none;vertical-align:middle; border:1px solid rgba(102,102,102,1); box-sizing:border-box} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-radius:5px 5px 0 0;}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:7px 0;color:#000;text-align:center;letter-spacing:-0.1em; border-top:3px solid #333333}
.tbl_head01 thead th:first-child{border-top-left-radius:10px;}
.tbl_head01 thead th:last-child{border-top-right-radius:10px}

.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01{border-bottom:1px solid  #333333}
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff; }
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle; height:24px; line-height:24px;-webkit-appearance:none;}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 로그인폼 테이블 */
.tbl_frm01_login {margin:0 0 20px; }
.tbl_frm01_login table {width:70%;border-collapse:collapse;border-spacing:0;margin:0 15%; text-align:center}

.tbl_frm01_login th {text-align:left; font-weight:normal}
.tbl_frm01_login td {padding:7px 10px;background:transparent; line-height:170%}
.tbl_frm01_login textarea, .frm_input {border:1px solid #e4eaec;color:#000;vertical-align:middle;}
.tbl_frm01_login textarea {padding:2px 2px 3px}
.frm_input {height:22px; width:170px; border:1px solid #999999}
.frm_input_bugo{height:22px; border:1px solid #dddddd}
.tbl_frm01_login textarea {width:98%;}
.tbl_frm01_login a {text-decoration:none}
.tbl_frm01_login .frm_file {display:block;margin-bottom:5px}
.tbl_frm01_login .frm_info {display:block;padding:0 0 5px;line-height:1.4em}




/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;text-align:left}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:16px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
/*.pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border:1px solid #ddd}
.pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border:1px solid #ddd}
.pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border:1px solid #ddd}
.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;;border-radius:15px;border:1px solid #ddd}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#4d4d4d;;color:#fff;font-weight:bold;font-weight:bold}
*/
/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}


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

.greetingBold{font-size:24px;     letter-spacing: -1px;    font-weight: 500;    padding-bottom: 40px; line-height:160%; padding-top:10px; text-align:center}
.greeting p{padding-bottom:30px;}
.greetimg{float:right; width:300px; margin-left:30px; box-sizing:border-box; margin-bottom:50px; padding-top:20px;}
.greetimg p{ width:300px;}
.greetimg img{width:280px; margin-right:20px;}
.greetimg span{font-size:14px; float:right; font-weight:500;}
.greeting{float: left;
    width: 500px;
    font-size: 16px;}
.s04-100{padding:0 20px;}
.s04-title{font-size:22px; font-weight:500; padding-bottom:50px; text-align:center}
.s04-stitle{font-size:28px; font-weight:700; padding:30px 0 50px;}
.s04-100 .gubox{padding-bottom:30px;}
.s04-100 .gubox .gubox-t{font-weight:600;padding-bottom:10px; background:url(/images/dot2.png) no-repeat left 5px; padding-left:30px; background-size:20px; }
.s04-100 .gubox .gubox-s{padding-left:10px; font-size:16px}
.s04-100 .gubox  ol{padding-left:20px;}

.org{text-align:center; padding-bottom:50px;}
.org img{width:100%;}
.downbtn{overflow:hidden; padding-top:100px; width:540px; margin-left:auto; margin-right:auto}
.downbtn .dwbtn a{float:left; display:block; float:left; width:250px; height:60px;  border:1px solid #e9e8e8; line-height:60px; font-weight:500; letter-spacing:-1px; background: url(/images/subde_down.png) no-repeat 80% center #fbfafa;
display: block; padding-left:60px; box-sizing:border-box; margin-right:20px; }
.downbtn .dwbtn a:nth-child(2){margin-right:0;}
.downbtn .dwbtn a:hover{background:#0088ce url(/images/subde_down_w.png) no-repeat 80% center;  -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; color:rgba(255,255,255,1); border:1px solid #0088ce}

.howon{background:url(/images/hw_bg3.png) no-repeat; width:100%; text-align:center; padding:550px 0 100px 0}

.hotxt1{ padding-top:150px;}
.cw{ font-size:32px; font-weight:700; line-height:160%; letter-spacing:-3px; padding:20px 0}
.blue{color:#031f77;}
.red{color:#eb281d;}
.hotxt2 .h2{font-size:40px; font-weight:700;  letter-spacing:-3px; padding:10px 0}

.orglistwrap{overflow:hidden; margin:0 auto;  line-height: 140%; }
.orglistw{float:left; width: 23%;
    margin-right: 2%;}

.orglistw:nth-child(4){margin-right:0;}
.orglistboxtitle{font-size:14px; font-weight:700; color:#454545; text-align:center; border:1px solid #cccccc; height:40px; line-height:40px; }
.orglistname{border-bottom:1px solid  #cccccc; font-size:13px; overflow:hidden}
.orglistname .n1{ width:100%; font-weight:400; color:#555555; display:block;} 
.orglistw:nth-child(1) .n1, .orglistw:nth-child(4) .n1{text-align:center; letter-spacing:5px;}
.orglistbox{padding-bottom:30px;}

.orglistwrapt{overflow:hidden; margin:0 auto 25px;}
.orglistwrapt .orgtitle{float:left; background:rgba(246,246,246,1)}
.org01{width:230px; margin-right: 50px;}
.org02{width:265px; margin-right: 50px;}
.org03{width:230px;}
#bo_v_sns{display:none;}

#view_skin .btnw{clear:both !important;}
#view_skin > div.content{width:100%;}
#list_skin{margin-bottom:0 !important;}
#view_skin > p.button{clear:both !important; position: absolute; margin: 0 !important;    right: 0;    bottom: 0;}
#view_skin{position:relative;}


.memobox{color: #666; font-size:16px; line-height: 1.8; padding: 0 20px;}
.memobox-s ul{padding-left:10px;}
.memobox-s  ul  li{background: url(/bbs/img/sub/cb_bullet01.png) no-repeat 5px 13px;/* padding-left:15px; */font-size: 17px;padding-bottom:20px;overflow:hidden;font-weight: 400;color: #38465f;letter-spacing: -0.7px;}
.memobox-sbox{/* width:50%; *//* float:left; *//* padding-right:0.5%; */box-sizing:border-box;margin-bottom: 30px;margin-left: 40px;margin-right: 40px;border: 1px solid #ccc;background: #fff;padding:40px  20px;/* font-family: 'Independence_hall'; */letter-spacing: 0;}
.memobox-sbox:last-child{/* width:100%; */}
.memobox-s{padding: 40px 30px 0;overflow: hidden;/* width:600px; */margin:0 auto;font-weight: 400;}
.memobox-st{text-align:center;font-weight:700;font-size: 42px;padding:40px 0px;letter-spacing:-1px;font-family: 'yg-jalnan';}
.memobox-st span{color:#193993}
.downtxt{text-align:center;color:rgba(51,51,51,1);font-size:18px;margin-bottom: 27px;font-weight: 700;}
.sende{  letter-spacing: 0;    margin: 10px auto 30px;    width: 560px;}
.sende p{border-bottom:1px dotted rgba(204,204,204,1); }
.localedufilew{padding:20px 0;}
.localedufilew .downtxt > p{font-weight:500; font-size:20px; padding-bottom:20px}
.sende span{ display:inline-block; color:#193993;  text-align:center;font-size:15px; font-weight:500}

.memosign{text-align:right; padding:20px 0 40px;}
/*.memobox:after{content:''; display:block; width:100px; height:2px; background:rgba(51,51,51,1); margin:20px auto;}
*/.memobox-title{
    font-size: 24px;
    /* margin-left: 10px; */
    margin: 10px 0 30px;
    clear: both;
    font-weight: 700;
    padding-left: 23px;
    position: relative;
    font-family: 'Independence_hall';
    }
.memobox-etitle {text-align: center;
    font-size: 22px !important;
    padding: 20px 0;
    letter-spacing: -2px }
.memobox-title:after {
    width: 6px;
    height: 22px;
    background: #2661a7;
    content: '';
    position: absolute;
    display: block;
    left: 9px;
    top: 2px;
}
.memocall{border:1px solid #2661a7; padding:12px; font-size:18px;margin: 0 auto;
    text-align: center;
    line-height: 180%;
    font-weight: 500; width:535px; background:rgba(255,255,255,1) }
	
.downico a{background: #193993 url(/images/downicon.png) no-repeat 150px center;
    display: block;
    width: 560px;
    padding: 20px 0;
    margin: 0 auto 50px;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding-left: 210px;
    box-sizing: border-box;}
.memoboxws{margin: 20px;    padding: 0 0 60px;    background: #f9f9f9; border:1px solid #f3f4f5}

.landcountw{overflow:hidden; text-align:center; font-weight:500; font-size:24px}
.landcount{padding-bottom:20px;}
.mb100{margin-bottom:100px;}
.meimg{text-align:center; padding:20px 0;}



@media only all and (max-width:1530px){
.topmenuw .m_member{display: none}
.quickmenu{display:none;}	
.maingalleryw .tabox1, .maingalleryw .tabox2, .maingalleryw .tabox3, .maingalleryw .tabox4{ position:relative; width:1280px; margin:0 auto}
.maingallery{width:1280px; margin:0 auto;}
.exbox{ width:1280px; margin:0 auto;}
.fmbanner{width:1280px; margin:0 auto;}
.fmbanner li a{width:20%;}

.newszone .newsbox{margin-right:15px;}
.jcs li:last-child{margin-right:0 !important;}
.jcs{width:1200px  !important; }
.jcs li{width:24% !important; margin-right:1% !important; }
.jcs li img{width:100% !important;}
#ft{padding-left:20px; box-sizing:border-box}
.exbox .tabmore a{right:55px;}
.jcarousel li img{width:250px !important;}
.proceBox{width:285px;}
.proceBoxw{width:1200px;}
.maingalleryw .tabmore a{right:55px;}
.jcarousel-control-next{right:55px !important;}
.jcarousel-control-prev{left:55px !important;}
.maingalleryw{width:100%; margin:0 auto; box-sizing: border-box; height: 500px;}

.mid{padding:60px 0;}
.jcarousel li:hover span.over{right:19px !important;}
.jcarousel{width:83% !important;}
.s01 .ceow .ceotxt{float:right; width: auto;  padding-right: 20px;}
.s01 .ceow .ceoimg{padding-right:0;}
.s01 .ceo-Bts li{width:16%; background-position: center; margin-right:0.8%}
.s01 .ceo-Bts li:last-child{margin-right:0;}
.mapbox .maptitle{width:250px;}
.mapbox .maplist{width:auto;}
.proboxw .probox{width:49%; margin-right:1%; margin-bottom:1%}
#bo_gall .gall_li{}
#bo_gall .gall_con:hover .over{right: -15px !important;}
#view_skin > h2.subject{clear:both;}
.lt_date{font-size:14px; width: 100%;}


}



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

body{top:0;left:0;width:100%;height:100%;/*background: url(/images/main_fixed_bg.png) no-repeat fixed;*/ }
section:first-child{}
section:nth-child(7){background:#fff;}
section:nth-child(9){background:#fff;}
.submitbtn input[type=submit]{width:80%}
section:nth-child(11){background:#fff;}
.subnav{width:100%; left:0; margin-left:0; height: 50px;  line-height: 50px;}
.navi_dp1_list>.navi_dp1>span{height: 50px;     line-height: 50px;}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list{top:50px;} 


.m-join a{display:inline-block; box-sizing:border-box; border-right:1px solid #f2f2f2; height:40px; text-align:center; width:50%; line-height:40px; background:rgba(255,255,255,1); font-size:16px; border-bottom:1px solid #f2f2f2;}
.m-join a:hover{background:#006ebc; color:rgba(255,255,255,1);}
.m-custom {padding:20px;}
.m-custom .c1{font-size:18px; margin-bottom:5px;}
.m-custom .c2{font-size:14px; color:#acacac}
.m-custom .c3{font-size:26px; color:rgba(0,0,0,1); font-weight:500; background:url(/images/m-tel.png) no-repeat left center; padding-left:30px; background-size:25px; margin-bottom:7px;}
.m-sns{overflow:hidden; padding:0 ; border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.m-sns li a{float:left;
border-right: 1px solid #ebebeb;
width: 33%;
text-align: center;
height: 55px;
line-height: 55px;
display: block; box-sizing:border-box;
}

#hamburger button{background:#ffffff; display:inline-block; padding:3px 5px; color:#000000; border:1px solid #474e61; font-size:12px;}
#hamburger .mlogin{padding-left:10px; padding-top:20px;}
.mmain-top{display:block; width:100%;  position: relative; background:#56296e; color:rgb(255,255,255) ; padding:20px 0 15px }
.mmain-top nav{position:absolute; top:15px; left:10px;}
.mmain-top h1{ text-align:center;  padding-top:5px}
.topbanner{height:auto; line-height:inherit;font-size:18px; padding:0px 10px; box-sizing:border-box; display:none !important}


.topmenuw{height:inherit; line-height:inherit; text-align:center; padding:10px 0 0; width:100%}

.mmain-top .msearch{position:absolute; top:15px; right:0px; cursor:pointer}
.mmain-top .msearch img{width:90%;}
.topmenu .nav{width:100%; float:none}
/*.topmenu .nav { position: absolute;    top: 35px;    right: 10px; display:block; display:none}
.topbanner img{width:100%;}
.topbanner p:first-child{width:30%;}
.topbanner .toptxt{width:60%; font-size:14px; padding-top:5px;}
.topbanner .toptxt span{padding-left:0px; font-weight:600; display:block}
.topbanner .adclose{position:absolute; top:10px; right:10px;}
*/
.titlewrap{}
.maingalleryw .tabox1, .maingalleryw .tabox2, .maingalleryw .tabox3, .maingalleryw .tabox4{width:100%;}
.maingalleryw .tabmore a{right:10px; height:35px; line-height:35px; width:35px;}
.maingalleryw .tabs{margin: 0 auto;      width: 370px;}
.topmenu{width:100%}
.simple_banner_wrap{height:300px;}
.simple_banner_wrap .mainimg1{background-position: center center; background-size:cover}
.simple_banner_wrap .mainimg2{background-position: center center; background-size:cover}
.simple_banner_wrap .mainimg3{background-position: center center; background-size:cover}
.simple_banner_wrap .mainimg4{background-position: center center; background-size:cover}
.simple_banner_wrap .nav_wrap ul{ width:200px; position: absolute; left:-91%;  }
.simple_banner_wrap .nav_wrap{position:absolute; top:250px; left:50%; }
.simple_banner_wrap .bgtxt{position:relative; z-index:1000; top:70px; left:10px;}
.simple_banner_wrap .bgtxt img{width:300px;}
.wrap{width:100%;}
/*.mmenu{display:block; position:absolute; top:10px; left:10px;}
.mmenu img{width:35px;}
.hd_wr .sns .favoradd{display:none;}
.hd_wr .sns ul{float:right; width:auto}
.hd_wr .sns ul li:last-child a{border:none;}
.hd_wr .sns ul li:first-child a{border-left:1px solid #ebebeb;;}
.hd_wr .member{display:none;}
.hd_wr .sns{width:100%;}
*/
.hd_wr{width:100%;}


.newsw-title{font-size:30px;}
.mid{width:100%; box-sizing:border-box; padding:40px 0 0 0;}
aside.left{display:none;}
.content{width:100%; box-sizing:border-box; border-left:none; padding-left:0; padding:0% 3%; box-sizing:border-box; }
.mainbanner .mb1{width:100%; border-right:none; height:auto}
.mainbanner .mb2{width:100%; height:auto}
.mainbanner .mb1-in{width:100%; text-align:left; padding-left:7px; box-sizing:border-box}
.mainbanner .mb2-in{width:100%;  text-align:left;padding-left:7px; box-sizing:border-box}
.mainbanner{height:auto;}
.mainbanner{line-height:60px; font-size:14.5px; margin-bottom:20px;}
.latest{width:100%;}
#lt_notice, #lt_board, #lt_board2, #lt_board3{margin-bottom:20px; border-bottom:1px solid #CCC; padding-bottom:20px;}
#lt_board3{border-bottom:none;}
.maingalleryimg{width:100%;}
.maingalleryrolling{float:left; width:100%}
.mainstory .storyboxw{width:48%; margin-bottom:15px}
.mainstory .storybox{border-bottom:none; margin-bottom:0}
.mainfoot .mfoot3 span{margin-top:10px;}
.mainfoot{margin-bottom:50px;}
.mainfoot .mfoot2 span{padding:15px 10px 5px; box-sizing:border-box; font-size:18px; letter-spacing:-1px}

.boardnew{margin-bottom:10px;}
.page_title:after{font-size:15px; letter-spacing:-1px; color:#000102}


.soge .s01 .s01ceo{width:100%;}
.page_title{margin-bottom:0px; margin-left:0px; padding-bottom:0px; font-size:23px; font-weight:600 }
.page_nav li{float:left;}
.soge .s01 .ceoimg{ width:40%; float:left;}
.s01 .ceow .ceoimg img{width:100%;}
.soge .s01 .ceotxt{line-height:150%; width:57%; padding-top:50px;  float:right; padding-right:0; margin-left: 3%;     height: auto; border-bottom:none}
.s01 .ceow .ceotxt .ceo-t1{}
.s01 .ceow .ceotxt .ceo-t2{margin-bottom:20px; letter-spacing:-2px;}
.s01 .ceow .ceotxt .ceo-t3 p{display:inline }
.s01 .ceow{    margin-bottom: 55px;}
.s01 .ceo-Bt{font-size:28px;}
.historyimg img{width:100%;}
.historytxt  .historyday{width:100%;}
.historytxt:last-child{margin-bottom:10px;}
.soge .orgimg{margin-bottom:30px;}
.soge .orgimg2{margin-bottom:30px;}
.soge .orgimg2 img{width:100%;}
.soge .orgimg .org{float:none; margin-bottom:15px}
.soge .orgimg  .org3txt{line-height:10px;}
.soge .map2 span{display:block;}

.slide-title .slide-title2{font-size:26px !important;}

.program .protitle{float:left; width:auto;}
.miproduct .mibox{width:100%; box-sizing:border-box; margin-right:0}
.miproduct .mibox .miboximg img{width:100%; box-sizing:border-box}
.michangtxt{margin-bottom:50px;}
.miproduct .mibox .mibox2{margin-bottom:35px;}
.support1bg{width:100%;  height:150px; background-size:cover; margin-bottom:30px;}
.support2bg{width:100%;  height:150px; background-size:cover; margin-bottom:30px;}
.support3bg{width:100%;  height:150px; background-size:cover; margin-bottom:30px;}
.supportitle{line-height:160%;}

.s06bg{width:100%; height:150px; background-size:cover; margin-bottom:30px;}
.listable table td{padding:3px; font-size:12px}
.s06list .listbox .listsub{margin-left:10px;}
.listmb{margin-bottom:10px;}

.processboxw{margin-top:0;}
.soge .intro .intro01subtitle{width:100%;}
.soge .intro .introbox{width:100%; margin-bottom:10px; height:auto}
.soge .intro .intro02 .introbox{height:auto;}
.soge .intro  .intro03 .intro03box{width:49%; float:left; margin-right:1%; margin-bottom:5px; padding:15px 5px 5px 5px; box-sizing:border-box}
.soge .sogebox .sogedetail{padding:10px;}
.soge .sogebox .sogedetail .sogebox2 .sogebox4title{margin:0;}
.soge .sogebox .sogedetail .sogebox1{padding: 10px 5px;}
.soge .sogebox .sogedetail .sogebox2{padding:10px 5px; box-sizing:border-box}
.soge .sogebox .soge13img img{width:100%;} 
.soge .sogebox .sogedetail .boho1{width:48%; height:auto; margin-bottom:5px; padding-bottom:15px; margin-right:2%; padding-left:10px;}
.soge .sogebox .sogedetail .boho2{width:48%; height:auto; margin-bottom:5px; padding-bottom:15px; margin-right:2%; padding-left:10px;}
.soge .sogebox .sogedetail .boho3{width:48%; height:auto; margin-bottom:5px; padding-bottom:15px; margin-right:2%; padding-left:10px;}
.soge .sogebox .sogedetail .boho4{width:48%; height:auto; margin-bottom:5px; padding-bottom:15px; margin-right:2%; padding-left:10px;}
.soge  .intro04box .ourtoday{width:48%; float:left; margin-right:1%; height:300px;}
.soge  .intro04box .ourtoday .ourimg img{width:100%; max-width:200px}
.soge  .intro04box .ourlist li{margin-left:0;}
.soge  .intro04box .ourtitle{font-size:14px; padding-left:0; padding-bottom:10px}
.soge .sogebox .sogesang2 img{width:100%;}
.soge .sogebox .sogesang3{width:100%;}
.soge .sogebox .sogesang3 .sogesangbox{padding-left:10px;}
.soge .intro05 .intro05box .boxB .boxBtitle{width:100%;  box-sizing:border-box; position: relative; height:auto}
.soge .intro05 .intro05box .boxB .boxBtitle:before {
content: "";
display: block;
padding-top: 100%; /* 1:1 비율 */
}
.soge .intro05 .intro05box .boxB .boxBtitlecontent {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.soge .intro05 .intro05box .boxB{width:45%; margin-right:4%; border-right:none}
.soge  .intro04box{margin-bottom:40px; }
.soge .intro05 .intro05txt{font-size:26px; letter-spacing:-1px;}
.soge .intro05 .intro05box .boxB .boxBtitle .boxBsno{padding-top:5px;}
.soge .intro .introbox .boxlist li{margin-bottom:0;}
.soge .intro .introbox .boxtitle{padding:15px 0;}
.soge .intro05 .intro05box .boxB .boxBtitle .boxBno{padding-top:30px}
.mainfoot .mainfootw{width:100%; height:315px; margin:0}

.salogo{position:relative;}
.newsw-title{padding-top:30px;}
.fmbanner{width:92%; margin:0 4%}
.maingallery{width:100%;}
#ft{width:100%; padding:3% 5%; box-sizing:border-box; letter-spacing:-1px;}
.fmbanner li a{width:20%; height:auto; padding:20px; height:115px; margin-bottom:10px; box-sizing:border-box}
.fmbanner li a:nth-child(2n){margin-right:0;}
.fmstitle{font-size:13px;}
.fmtitle{font-size:20px;}
.fmstitle p{display:inline;}
.fmbanner .ba1 a{ background-position:92% 10px; background-size:58px;}
.fmbanner .ba2 a{background-position:92% 10px; background-size:50px;}
.fmbanner .ba3 a{background-position:92% 15px; background-size:50px;}
.fmbanner .ba4 a{background-position:92% 10px; background-size:50px;}
.fmbanner .ba5 a{background-position:92% 10px; background-size:50px;}


.policyw .policy{width:100%; line-height:inherit; padding-left:20px; box-sizing:border-box}
.policyw{height:auto; line-height:inherit;}


.policyw .footsns{display:none; }
.policyw .policy-list li a{display:block; padding:10px; font-size:13px;}
.main-big-banner-t{font-size:24px; padding-top:80px;}



.maingalleryw .tabs li{width:120px; height:36px; line-height:32px; margin-right:5px;}
.maingalleryw .tabs li:nth-child(3){margin-right:0;}
.maingalleryw-title{font-size:14px;}
.maingalleryw-stitle{font-size:15px; padding:20px 0px 0;}
.newsw-stitle{font-size:15px; padding:0 10px 30px;}
.fmbannerw{padding:20px 0;}
.exbox{width:96%; margin:0 2%; padding-top:30px; overflow:hidden}	
.jcarousel-control-prev, .jcarousel-control-next{background-size:25px !important;}
.main-big-banner{height:350px;/*background:none */  
background: url(/images/subg2.png) fixed;  background-attachment:scroll;
background-position:left top ;  width:100%; } 

#bo_w .tbl_frm01{padding:0;}
#bo_w .tbl_frm01 th{padding-right:0;}
.tbl_frm01 th{width:50px;}
.loginmbskin{width:100%;}
.frm_input{width:140px;}
.soge .intro .introbox .box01{height:auto; padding-bottom:20px;}
.soge .intro .introbox .box02{height:auto; padding-bottom:20px;}
.soge .intro .introbox .box03{height:auto; padding-bottom:20px;}
.soge .intro .intro02 .introbox .box01{height:auto;}
.soge .intro05 .intro05box{padding-bottom:0;}

.jcs{width:100% !important;}
.jcs li{float:left !important; width:48% !important; margin-right:1.5% !important; height:auto !important; margin-bottom:10px !important}
.jcs li img{width:100% !important;}	
.jcs li:hover span.over{top:45% !important; left:40%  !important; display:none !important}
.maingallery .lt_date{width:100% !important; font-size:14px; height:40px; padding-top:10px; line-height:120%;     white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.fbanner{width:auto; padding:0 10px; box-sizing:border-box}	
.jcarousel li{text-align:center !important;}
.jcarousel li img{margin:0 auto; width:98% !important;}
.jcarousel-control-next{right:0 !important;}
.jcarousel-control-prev{left:20px !important;}
.maingalleryw{padding-top:50px; padding-bottom:0; height:430px; width:100%; }
.mainrollbox{height:auto; padding:30px 20px; box-sizing:border-box}
.maingalleryw .tab_container{/*height:310px;*/}
.maingalleryw .tab_container #tab3{height:350px;}
.maingalleryw-title-n{font-size:28px;}
.jcarousel li:hover span.over{display:none !important;}



.slide-title{float:left; width:50% !important; padding-right:20px !important}
.slide-title .slide-title2{font-size:24px !important;}
.slide-title .slide-title1{font-size:30px !important;}

.slide-cont{width:50% !important; float:left; padding-bottom:10px;}
.gy .sbox img{width:100% !important; height:auto !important}


.bx-wrapper{margin-bottom:0 !important;}
.bx-wrapper .bx-controls-direction a{margin-left:0 !important; top:40% !important;}
.bx-wrapper .bx-next{right:0 !important; left:inherit !important}
#subbg{height:200px; background-position:center center;}
#subbg .subbgwrap{font-size:19px; padding:50px 20px 0 20px; letter-spacing:-1px; line-height: 140%; font-weight:400 !important; width: 100%;} 
#subbg .subbgwrap .s2{font-size:14px;}
.s01 .ceo-Bms{font-size:20px; margin-bottom:50px;}
.s01 .ceo-B-list{padding:0 0 50px 0; font-size:24px; padding-left:30px;}
.s01 .ceo-B-sign{padding-bottom:50px; font-size:16px; padding-left:30px; padding-right:10px;}
.quickmenu{display:none;}

.pt120{padding-top:0;}

.inyong{position:relative;font-size:14px}

/*스킨*/
#sfl{width:23% !important;     margin-bottom: 10px; height:40px !important; padding-left:5px !important}
#stx{width:45% !important;     margin-bottom: 10px; margin-left:0 !important ; height:40px !important;}
#fieldset .btn_submit{width:25% !important; margin-left:0 !important; position:relative; top:-5px; height:40px !important;}
#mb_login fieldset .btn_submit{width:100%; line-height: inherit; margin: 0; height: 50px !important}

.newszone .customw .customboxstitle li{display:inline;}
.newszone .customw .customboxstitle{padding-bottom:0;}
.newszone .customw .customtime li{letter-spacing:0;}
.main-slide{ height:600px; background:rgba(255,255,255,1);}
.main-slide  .mainimg1{  height:300px;   background-size:cover}
.main-slide  .mainimg2{ height:300px;   background-size:cover}
.main-slide  .mainimg3{  height:300px;  background-size:cover}
.main-slide  .mainimg4{  height:300px;  background-size:cover}
.main-slide  .mainimg5{ height:300px;   background-size:cover}
.main-slide  .mainimg6{ height:300px;   background-size:cover}
.main-slide  .mainimg7{ height:300px;   background-size:cover}
.main-slide .cycle-pager{bottom:20px;}

#mTnext01{right:3%;}
#mTprev01{left:3%;}


.youtubeWrap{text-align:center;}
.m_none{display:none;}

.noover{overflow:visible; height:auto !important;}
.pt40{padding-top:0;}

.fieldset .btn_submit{font-size:15px !important; height: 40px !important;float: right !important;     width: 25% !important; margin-left:0 !important; position:relative; left:-5px;}
.tab_con img{width:auto !important; margin-left: 20% !important; }
.jcarousel li img{width:80% !important;}
.exbox .tabmore a {    right: 10px;    height: 35px;    line-height: 35px;    width: 35px;top: 30px;}
.exbox .tabmore a::after{content:''}
.jcs li { width:23% !important;}
.policyw .policy-list li a::before{top:13px;}


#bo_cate li{width:12.2%; margin-right:3px;}
#bo_cate a{width:100%; }
.gall_con img{width:100%; height:200px}
#bo_gall .gall_li{width:23% !important;}
#bo_gall .gall_li li{width: 100% !important;}
.logo{float:none; padding-left:0}

#snb div.snbList li.first{margin-left:0; }
#snb div.snbList li{width:25%; box-sizing:border-box}
#snb div.snbList li.sub ul.menu li{ width:100%}
#bo_gall .gall_li{margin-right:10px !important;}

.topmenu .nav ul li a{width:25%; height:50px; line-height:50px}
#snb div.snbList{width:100%;}
.logo{float:none; padding:10px 0; display:block}
#snb{top:213px;}

.s03 .container .item-w .item{width:50%;}
.s03 .container .item-w:nth-child(2) .item{padding-right:0; left:0 ; padding-left:10px;}
.s03 .container .item-w .item img{width:100%;}
.s03 .container .itemtxt{padding:60px 30px 0 30px;}
.s03 .container .itemtxt .t1 span:first-child{font-size:40px;}
.s03 .container .itemtxt .t1 span:nth-child(2){font-size:35px;}
.s03 .container .itemtxt .t2{font-size:20px;}
.s03 .container .itemtxt .t3{font-size:17px;}
.maingalleryw .tabmore a::after{display:none;}
fieldset .btn_submit{height:40px !important; line-height:40px; position: relative;  }

.hotxtw{width:100%;}
.howon{background: url(/images/hw_bg3.png) no-repeat  center center;    height: auto; padding-bottom:50px; background-size:cover; padding-top:400px}
.hotxt1{padding-top:0;}
.hotxt1 .c1{text-align:center; padding-bottom:30px;}
.hotxt1 .c1 img{width:80%; text-align:center}
.cw{font-size:24px; padding:0 20px;}
.cw p{display:inline;}
.hotxt2{padding:0 20px;}
.hotxt2 .h2{font-size:30px;}
.orglistwrap { width: 100%;}
.orglistwrapt{ width: 100%;}
}

@media all and (max-width:1100px){
.orglistw {  width: 24% !important;    margin-right: 1% !important;}
.org01{width:24% !important;    margin-right: 1% !important;}
.org02{width:49% !important; margin-right:1% !important;}
.org03{width:24% !important;    margin-right: 1% !important;}
}

@media all and (max-width:1050px){
/*.mainnewsw{width:100%;}
.newszone .newsbox{width:49%; margin-right:1%; border:none; height:auto; padding:10px; border-right:1px solid rgba(244,244,244,1); height:340px;}
.newszone .newsmore{right:10px;}
.newszone .customw{width:100%; clear:both; margin-top:5px; }
.newszone .customw .custombox{width:50%; float:left; padding-right:10px; box-sizing:border-box;     height: 150px;
overflow: hidden; margin-bottom:20px;}
.soge img{ width:100%}*/
}

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

	
.maingalleryw{height:340px;}
.topmenu .nav{width:100%; float:none}
.topmenu .nav ul li a{width:20%;}
#snb div.snbList{width:100%;}
.ov_listall{width:auto !important; padding:0 20px;}
.sogeboard{width:100%;}
.s01 .ceow{margin-bottom:50px;}
#hd_pop{}
.soge .ci img{width:100%;}
.soge .citxt .cititle{line-height:140%;}
.soge .citxt .ciBtitle{padding:0 0 20px;}
.mapbox .maptitle{width:100%; margin-bottom:10px; font-size:20px}
.mapbox .maplist{width:100%; font-size:16px;}

.mapbox .maplist .m4 p{margin-bottom:10px;}
.mapbox .maplist .m4 span, .mapbox .maplist .m3 span{font-size:12px; margin-top:3px;}
.probox-title2{font-size:20px;}
.probox-title3{font-size:15px;  width:100%}
.probox p{display:inline;}

.newszone .newsbox:nth-child(3){border-right:none; border-bottom: none;}

.newszone{margin-bottom:0;}
.newszone .samdambox{width:33%; margin-right:0; height:auto; box-sizing:border-box; padding:20px}
.signup-box-term-head label{font-size:13px;}
.newstitle{font-size:20px;}
.newstitle:nth-child(3){padding-top:12px;  border-top: 1px solid #e8e8e8;}
.proboxw .probox{padding:20px 20px;}
.proboxw .pro1{background:none}
.proboxw .pro2{background:none}
.proboxw .pro3{background:none}
.proboxw .pro4{background:none}
.proboxw .pro5{background:none}
.proboxw .pro6{background:none}
.proboxw .pro7{background:none}
.proboxw .pro8{background:none}
.proboxw .pro9{background:none}
.proboxw .pro10{background:none}
.maingalleryw .tab_container #tab3{height:300px;}

.manse{padding:10px 20px; font-size:15px; line-height:160%; }
.manse .bg{ background-position:center center; opacity:0.5; padding: 0;}
.man-title{font-size:24px; line-height:160%; padding-bottom:20px !important}
.bank p:nth-child(2){font-size:16px; }
.bank p:nth-child(2) span{display:block;}
.sname{display:none;}
#ft_company{width:100%; box-sizing:border-box;}
.foot-tel{width:100% ; float:none; text-align:center;  clear: both;padding-top: 0px; padding-right:0}
#ft_copy{width:100%;  font-size:13px;}
.manselast .lts li{float:left; width:50%;}
}



@media all and (max-width:940px){
.fmbanner li a{width:25%; margin-right: 1.5%; height:auto; padding:20px; height:145px; margin-bottom:10px; box-sizing:border-box}
.fmbanner .ba5 a{width:100%; height: auto;}
.soge .two img{width:100%;}
.greetingBold{font-size:20px; font-weight:400; text-align:left}
.greetimg{width:100%; margin-left:0; margin-bottom:20px; }
.greetimg p{width:48%; float:left; margin-right:2%}
.greetimg img{width:100%;}
.greeting{width:100%; font-size:16px;}
}

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

.main-big-banner-t{font-size:18px; }
#bo_cate li{width:50%;}
#bo_cate a{width:100% !important;}
.subca{height:auto !important;   line-height:inherit !important; overflow:hidden; margin-bottom:10px !important; }
.subca ul a {width:50%; display:block; float:left; padding:5px 0; }

#bo_cate li{width:12.2%; margin-right:3px;}
#bo_cate a{width:100%; }
.gall_con img{width:100%; height:180px}
#bo_gall .gall_li{width:24.5% !important; margin-right:0.5% !important}
#bo_gall .gall_li li{width: 100% !important;}

.subca2{height:auto !important;   line-height:inherit !important; overflow:hidden }
.subca2 ul{width:100%!important; box-sizing:border-box}
.subca2 ul a {width:50%; display:block; float:left; padding:5px 0 0 0; box-sizing:border-box}
.subca2 ul li{width:100%; box-sizing:border-box}

.s01 .ceo-Bts li{width:32%; margin-right:1%; font-size:16px;  box-sizing:border-box;  background-position:center}

.brand .b-logo img{width:200px;}
.brandw{border-bottom:1px solid #dddddd; margin-bottom:30px;}
.brandw .brandbox{display:block; width:100%; height:auto; padding:20px; border-bottom:none}
.brandw .brandbox .b1{font-size:24px; margin-bottom:15px;}
.brandw .brandbox .b2{font-size:16px; line-height:1.4;}
.brandtxt{font-size:18px; letter-spacing:0}
.brandtxt .t2{font-size:16px; letter-spacing:-1px;}
.brandmoto{padding:30px 0;}
.brandmoto > div{width:100%; padding:10px 0}
.brandmoto .mobo-title{background-size:110px; padding-top:50px; height: 150px; font-size:26px;}
.brandmoto .mobo-stitle::before{top:-25px;}
.brandmoto .mobo-stitle{font-size:22px; padding-top:20px;}

.newszone .customw .customtel{}
.newszone .customw .customtime{}
.maingalleryw .tabmore a::after {   content: '';}
.custom-tw .custom-timg{float:right;}
.custom-tw .custom-timg img{padding-right:20px;}
.custom-tw .custom-t li{display:inline;}
.custom-tw .custom-t li .custom-btn{ text-align:center;}
.custom-tw .custom-btn a{display:inline-block; text-align:left}
.custom-tw .custom-t{float:none; width:65%; float:left}
.custom-tw .custom-t  .custom-btn{}
.s03 .container .itemtxt .t1{padding-bottom:12px;}
#bo_gall .gall_con:hover .over{display:none;}
.hd_wr .sns ul li a{width:55px;}	
.s03 .container .item-w:nth-child(2) .item{left:0;}
.s03 .container .item-w .item{padding-left:0; box-sizing:border-box;}
.s03 .container .item-w .item{width:100%;}
.s03 .container .item-w .item img{width:100%;}
.s03 .container .itemtxt{padding:60px 30px 0 30px;}
.s03 .container .itemtxt .t1 span:first-child{font-size:40px;}
.s03 .container .itemtxt .t1 span:nth-child(2){font-size:35px;}
.s03 .container .itemtxt .t2{font-size:20px;}
.s03 .container .itemtxt .t3{font-size:17px;}

.org{width:100%; background:none; padding:0; margin-bottom:20px;}
.orgbox{width:100%; background:none; margin-right:0; padding-top:0; height:auto; float:none; margin-bottom:20px;}
.orgbox .orgtitle{background: #006ebc; height:40px; padding:0; line-height:40px; margin-bottom:10px; }
.orglist{margin-top:0;}
.orglist li{width:100%; box-sizing:border-box}
.orgtop{padding-right:0; padding-bottom:20px;}
.orgtop img{width:120px;}
.mapbox{padding:0;}
.mapbox:nth-child(2){padding-top:20px;}
.mapbox .maptitle{width:100%; margin-bottom:10px; font-size:20px}
.mapbox .maplist{width:100%; font-size:16px;}
.mapbox .maplist li span{display:block;}
.mapbox .maplist .m4 p{margin-bottom:10px;}
.mapbox .maplist .m4 span, .mapbox .maplist .m3 span{font-size:12px; margin-top:3px;}

.soge .s01 .ceoimg{ width:100%;}
.soge .s01 .ceotxt{width:100%; margin-left:0; padding-left:0; height:auto; padding-bottom:30px;}

.proceBoxw{width:100%; padding:0 5%; box-sizing:border-box}
.proceBox{width:49%;  padding:20px; box-sizing:border-box; margin-right:1%}
.proceBox:nth-child(2n){float:right; margin-right:0}
.maingalleryw .tab_container #tab3{height:260px;}
.mainnewsw{width:100%;}
.reportdown{width:100%;}
#subbg .subbgwrap{font-size:16px;}
.manse > div{padding:10px;}
.orglistname{font-size:12px; letter-spacing:-0.7px;}
.m_member {display: flex; position: absolute; right: 0; column-gap: 5px; margin-top: 17px;    margin-right: 5px;}
.m_member a{display: block; background:#24328b; color: #FFFFFF; font-size: 12px; padding: 5px 4px}
.orgcm img{width: 100%}
}


@media all and (max-width:640px){
.hd_wr{width:100%;}
.hd_wrw{display: none}
.subnav{display:none;}
.mmenu{display:block; position:absolute; top:25px; left:10px;}
.mmenu img{width:35px;}
.topmenuw .m_member{display: flex}

.hd_wr .sns .favoradd{display:none;}
.hd_wr .sns ul{float:right; width:auto}
.hd_wr .sns ul li:last-child a{border:none;}
.hd_wr .sns ul li:first-child a{border-left:1px solid #ebebeb;;}
.hd_wr .member{display:none;}
.hd_wr .sns{width:100%;}
.topmenu .nav { position: absolute;    top: 35px;    right: 10px; display:block; display:none}
.topbanner img{width:100%;}
.topbanner p:first-child{width:30%;}
.topbanner .toptxt{width:60%; font-size:14px; padding-top:5px;}
.topbanner .toptxt span{padding-left:0px; font-weight:600; display:block}
.topbanner .adclose{position:absolute; top:10px; right:10px;}
.newszone .samdambox{width:100%;}
.newszone .newsbox{width:100%;}
#logo {height:75px; padding:0; line-height:55px;  float:none; }
#logo img{ width:200px; }
#hamburger{display:block;}
#hamburger {left: 0px; top: 0px; width: 80%; height: 100%; display: none; position:fixed; z-index: 99999; background:#f2f2f2; bottom:0}
#hamburger .hamburger_inner {padding: 12px; border-bottom:1px solid #f2f2f2; height:50px; background:rgba(255,255,255,1)}
.hamburger_inner .close {top: 20px; right: 20px; position: absolute;}
.hamburger_inner .close img{width:100%;}
.main-slide > div, .main-slide, .mainimg1,.mainimg2,.mainimg3,.mainimg4,.mainimg5,.mainimg6,.mainimg7{  height:300px !important;}
.mm01  a{background:url(/images/newmain1.jpg) no-repeat center center; width:100%; height:300px; background-size:cover; display:block}
.mm02  a{background:url(/images/newmain2.jpg) no-repeat center center; width:100%; height:300px; background-size:cover; display:block}
.mm03  a{background:url(/images/mainbg4.jpg) no-repeat center center; width:100%; height:300px; background-size:cover; display:block}

.sgw{padding: 0 }
.sgwt{font-size: 30px; line-height: initial; letter-spacing: -1px;}
.sgwtc{padding: 20px}
.fmbanner li a{width:50%; margin-right: 1.5%; height:auto; padding:20px; height:115px; margin-bottom:10px; box-sizing:border-box}
.jcs li { width:49% !important; float:left; margin-right:1% !important}
.neww{padding-bottom:25px !important;}
.newszone .newsbox{width:100%; margin-right:0; border:none; height:auto; margin-bottom: 10px;}
.newszone .customw{width:100%;}
.smember a{    width: 100%;    height: auto;    margin: 10px 0;    clear: both;}
.sm2 p{display:inline;}
.smember{float:none !important;}
.newszone{margin-bottom:0; padding: 0 10px;}
.newszone .samdambox{width:100%; margin-right:0; height:auto; box-sizing:border-box}
.newszone .customw{width:100%; padding-left:1%; margin-top:10px;}
.bg_main_notice{padding-bottom:0;}
.newszone .customw .custombox{width:48%; float:left; margin-right:1%; height: auto;    margin-bottom: 0; padding-right:0}
.maingalleryw{height:380px !important;}
.noover{height:auto !important; min-height: 440px;}

.s01 .ceoimg img{width:100%;}

.proboxw .probox{width:100%; height:auto !important}
.proboxw{margin-bottom:10px; padding:10px; box-sizing:border-box;  }
.proboxw .probox {background-size:50px; margin-right:0; padding:20px; margin-bottom:25px;}
.probox-title2{font-size:16px;}
.probox-title3{width:auto; font-size:14px;}
.probox-title3 p{display:inline;}
.proboxbtn a{font-size:12px; background:#006ebc url(../images/proarr.png) no-repeat 90% center; padding-right:30px;}
.proboxw{margin-bottom:0;}

.orgbox{width:49%; background:none; margin-right:0; padding-top:0; height:auto; float:none; margin-bottom:20px; float:left; margin-left:1%}
.orgbox .orgtitle{background: #006ebc; height:40px; padding:0; line-height:40px; margin-bottom:10px; }
.orglist{margin-top:0;}
.orglist li{width:100%; box-sizing:border-box}
.orgtop{padding-right:0; padding-bottom:20px;}
.orgtop img{width:120px;}
.mapbox{padding:0;}
.mapbox:nth-child(2){padding-top:20px;}
#bo_gall .gall_li{width:48% !important; margin:1% !important; float: left !important;}
#bo_gall .gall_con li{width:100%  !important;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#bo_gall .gall_con li img{width:100% !important; height:auto !important}
#bo_gall .gall_con:hover .over{left:50%  !important;; margin-left:-25px;}
#bo_gall .gall_text_href{ padding-bottom:10px !important;}
#view_skin > table.view{}
#view_skin .btnw{clear:both; margin:20px 0 10px !important}
#view_skin > p.button{clear:both; overflow: hidden; padding-top:0; margin-top:0 !important}
#view_skin > div.content{padding:20px  0 !important;}
.subject{ font-size:20px  !important;}
.subjectlist{display:none !important;}


.proceBoxw{width:100%; padding:0 5%; box-sizing:border-box}
.proceBox{width:100%; height:auto; padding:20px; box-sizing:border-box}
.proceBox .stepstitle p{display:inline;}

.proceBoxw .pbox01{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox02{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox03{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox04{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox05{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox06{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox07{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox08{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox09{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBoxw .pbox10{/*background-position:90% 90%; background-size:80px;*/ background:rgba(255,255,255,1)}
.proceBox .stepbtn a{width:100%; padding:5px 0}
.proceBox .stepbtn p{display:inline;}

.slide-title{ width:100% !important; box-sizing:border-box; padding:0 !important; letter-spacing:-1px;}
.slide-title .slide-title1{font-size:24px !important; font-weight:300; line-height:120%; }
.slide-title .slide-title2{font-size:24px  !important; font-weight:700; padding-bottom:25px; line-height:120%; }
.slide-title .slide-title3{font-size:16px  !important;  }

.slide-title .slide-title4 span{font-size:16px !important;}
.slide-title .slide-title5 a{font-size:14px  !important; width:110px !important; height:30px  !important; line-height:30px  !important; padding-left:20px !important; background:url(/images/more-b.png) no-repeat 90px center !important;display:block; box-sizing:border-box; margin-bottom:20px }
.gy{margin-top:50px !important;}
.gy .sbox img{height:auto !important;}
.onlym{display:block;}
.onlyp{display:none;}

.main-big-banner-t{font-size:15px; padding:0 20px; box-sizing:border-box; padding-top:15%; line-height:130%}
.main-big-banner-t .s1{font-size:14px;}
.slide-cont{width:100% !important;}
.slide-title .slide-title2{font-size:18px;}
.s01 .ceo-B-sign{text-align:left;}
.bx-wrapper .bx-controls-direction a{top: 46% !important;}
.s01 .ceow .ceotxt .ceo-t2{font-size:30px;}
.s01 .ceow .ceotxt .ceo-t1{font-size:30px;}
.newsw-title{font-size:20px; padding:10px 20px; box-sizing:border-box; line-height: 160%;}
.newsw-title span{display:block;}
.samdambox-title{font-size:18px;}
.sunlists .sun50{width:100%; float:none}
.reportdown .de-form input[type="text"], .reportdown .de-form input[type="tel"], .reportdown .de-form input[type="number"]{height:40px; line-height:40px; padding-left:10px; font-size:14px;}
.reportdown .age span{font-size:14px;}
.reportdown textarea{height:80px; padding:10px; font-size:16px;}
.pc{display:none;}
.mobile{display:block}
.swiper-slide img{width:100%;}
.sunlistw{overflow:hidden; padding:20px}
.submitbtn input[type=submit]{height:40px; line-height:40px; font-size:18px}

.buslist{width:96%; margin: 0 2%; letter-spacing:-1px;}
.buslistbox-title2018{width:100%;  font-size:18px; padding-left:0; }
.buslistbox-title2018 p{display:inline;}
.c50{width:100%;}
.h175{height:auto;}
.bus2108{height:auto; width:100%; padding:10px; box-sizing:border-box}
.bus2108-s{font-size:14px;}
.buslistbox2108-w{clear:both;}
.bus2018title .bust2{padding-top:30px; padding-bottom:20px;}
.buslistboxw2018{clear:both; margin-bottom:30px}
.bus2018title .bust1{font-size:22px; padding-top:15px; white-space: nowrap;
overflow: hidden;    text-overflow: ellipsis;    width: 80%; letter-spacing:-1px;}
.buslist:last-child{margin-bottom:50px;}
.bus2018title{padding-left:0;}
.bustoggle{width:70px; padding-left:0; text-align:center; background-img:none; height:30px; line-height:30px; font-size:14px; top:15px;}
.bustoggle span{width:70px; display:none}
.s04-100{padding:0px;}
.s04-title{font-size:18px; letter-spacing:-1px;}
.s04-100 .gubox .gubox-s{font-size:15px; line-height:150%}
.s04-100 .gubox ol{padding-left:0; font-size:14px;}

.symbol_wrap .top p{font-size:16px;}
.symbol_wrap .top h2{font-size:20px;padding-bottom:10px;}
.symbol_wrap .top .btn a{height:30px;line-height:30px;background-size:auto 15px;background-position:10px center;padding:0 10px 0 35px;margin:0 5px;}
.symbol_wrap .symbol01{background:none;}
.symbol_wrap .symbol01 .inner .left{float:none;width:auto;background:url(/img/bg_symbol01.png) no-repeat left -1px;border:1px solid #e2e2e2;height:auto;}
.symbol_wrap .symbol01 .inner .left img{padding:6% 0; width:50%}
.symbol_wrap .symbol01 .inner .right{float:none;width:auto; height:auto;}
.symbol_wrap .symbol01 .inner .right h3{font-size:20px;padding-bottom:10px;}
.symbol_wrap .symbol01 .inner .right p{font-size:16px;}
.symbol_wrap .symbol01 .inner .right p strong{font-size:16px;margin-bottom:20px;}
.symbol_wrap .symbol02{padding:20px 10px;}
.symbol_wrap .symbol02 .inner > h3{font-size:20px;}
.symbol_wrap .symbol02 .inner > h4{padding-bottom:10px;}


.symbol_wrap .symbol02 .inner > p{font-size:14px;padding-bottom:20px;}
.symbol_wrap .symbol02 .inner .color ul{padding-bottom:0;}
.symbol_wrap .symbol02 .inner .color ul li{width:50%;padding-bottom:10px;}
.symbol_wrap .symbol03{padding:20px 10px;}
.symbol_wrap .symbol03 .inner .list ul li h4{padding-bottom:5px;}
.symbol_wrap .symbol03 .inner .list ul li .img{text-align:left;}
.symbol_wrap .symbol03 .inner .list ul li .img img{height:65px;}
.reportdown .de-form label{font-size:16px; padding-bottom:5px; }
.newszone .newsmore{right:10px;}
.main-big-banner{height:200px;}
.s01 .txt{font-size:15px; letter-spacing:-1px;} 
.basic-table{font-size:15px;}
.bottom_LB{font-size:14px;}
.basic-table td{padding:10px;}
.s01 .s-title{font-size:16px; line-height:160%; letter-spacing:-1px;}
.sunlist li{font-size:16px;}

#view_skin *{font-size:16px !important;}
#view_skin > div.content{ line-height:160% !important}
.manbtn a{width:100%; height:50px; line-height:50px; font-size:18px; margin-bottom:0}
.volbtn .btn{width:100%; height:50px; line-height:50px; font-size:18px; margin-bottom:0; padding-top: 0; margin-top: 0;}
.volbtn .btn span{display:none;}
.bank{padding:10px; letter-spacing:-1px;}

.slick-slide img{width:100% !important;}

.slick-slide{margin:10px 0 !important;}
.downbtn{width:100%;}
.downbtn .dwbtn a{width:48%; margin-right:1%; background: url(/images/subde_down.png) no-repeat 20px center;}
.downbtn .dwbtn a:hover{background:#0088ce url(/images/subde_down_w.png) no-repeat 20px center;  }
.reportdown .w25{width:48%;}

.manse > div{ font-size:15px; font-weight:400}
.man-title{font-size:20px;}
.total1000{font-size:18px;}
.signup-box-term-head .tmp-check{padding:0;}
.signup-box-term-head .tmp-check:last-child{}
.agree{padding-bottom:10px !important;}
.orglistw{width:100% !important;}
.orglistw:nth-child(1) .n1, .orglistw:nth-child(4) .n1, .orglistname .n1{text-align:left; padding-left:20px; box-sizing:border-box;}
.orglistwrapt{display:none;}
#subbg .subbgwrap .s1{font-size:18px;}
#subbg .subbgwrap .s2 p{display:inline;}

.history .list li {padding:25px 0; padding-left: 0 !important; margin-top:10px !important}
	.history .list li .year {font-size:26px; line-height:26px; top:auto; left:auto; position:relative; margin-bottom:12px; display:block;}
	.history .list li ul li ul {margin:7px 0 15px 0; padding:10px 12px;}
	.history .list li ul li ul li {font-size:13px;}
	.history .list li ul li .day{position:relative;}

.orglistboxtitle{height:auto; line-height:inherit; padding:2px 0; margin-bottom:10px;}
.visite{float:left;}
.maingalleryw .tabs{width:96%; margin:0  auto;}
.maingalleryw .tabs li{width:32%;}
#bo_v_sns {    width: 94%; margin:0 auto}
#bo_v_sns li a span {    display: block;    width: 100%;    background: #ffeb00;    font-size: 15px;    text-align: center;font-family: "Noto Sans KR", sans-serif; font-weight:500}
#bo_v_sns{display:block; margin-bottom:10px;}
#bo_v_sns img{width:auto;}
#top_btn{display:none;}
.totalnum{width:100%;}
.manse  div p{display:inline;}
.subtabmenu ul.tabs li{font-size:14px;}
.memoboxws{margin:0; padding: 0 10px 30px}
.downico a {  width: 100%;    padding-left: 75px;     background-position: 30px center; font-size: 20px;}
.memocall{width:100%; box-sizing: border-box;}
.memobox-sbox{margin:0 0 30px 0;padding: 10px;}
.memobox-st{line-height: 130%;    padding: 0;    margin-bottom: 26px;    font-size: 34px;}
.memobox-s{padding: 30px 15px 0;}

.hd_pops{left: 0 !important; top: 50px !important}
.hd_pops_con{width: 100% !important; height: auto !important}
.hd_pops_con img{width: 100%; box-sizing: border-box}
}
@media all and (max-width:340px){
.fmbanner{width: 96%;    margin: 0 2%;}
.fmbanner li a{width:100%; height:auto}	


.fmbanner .ba1 a{ background-position:90% 20px;}
.fmbanner .ba2 a{background-position:90% 20px;}
.fmbanner .ba3 a{background-position:90% 20px;}
.fmbanner .ba4 a{background-position:90% 20px;}
.fmbanner .ba5 a{background-position:90% 20px; }


.fmbanner .ba5{width:100%;}
.fmbannerw{padding:10px 0 0 0;}
.policyw .policy-list li a{font-size:12px; padding:5px 7px;}
.policyw .policy-list li a::before{top:7px;}
#ft_copy{font-size:11.5px;}
.hd_wr .sns ul{width:200px;}
.hd_wr .sns ul li a{width:60px;}
.s01 .ceo-Bts li{font-size:12px; height:130px; line-height:140%}

.main-slide > div, .main-slide, .mainimg1,.mainimg2,.mainimg3,.mainimg4,.mainimg5,.mainimg6,.mainimg7{  height:150px !important; }
.maingalleryw{height:430px;}
.custom-tw .custom-timg img{padding-right:0;}

.maingalleryw .tabmore a{right:5px;}
.main-slide > div, .main-slide, .mainimg1, .mainimg2, .mainimg3, .mainimg4, .mainimg5, .mainimg6, .mainimg7 {height: 200px !important;}

}





.stipul_con{ padding: 30px 35px 0; margin-bottom: 20px; text-align: justify; border: 1px solid #dfdfdf; background: #fff; letter-spacing: 0; height:120px; overflow-y:scroll; line-height:150% }
.stipul_con h5{ font-weight: 500; font-size: 16px; margin-bottom: 10px; }
.stipul_con ul{ margin-bottom:10px }
.stipul_con ul li{  font-weight: 300; font-size: 13px; word-wrap: break-word; word-break: keep-all; }
.stipul_con ul li strong{ font-weight: 500; }
.stipul_con ul li ol li{ margin-top: 3px; margin-bottom: 5px; padding-left: 10px; font-weight: 300; }

.private_con p.private_info{ margin-bottom: 30px; font-size: 13px; line-height: 1.6;}
.private_con ul li ol li{ padding-left: 10px; text-indent: -7px; }
.private_con ul li ol li p{ padding-left: 7px; text-indent: 0; }

@media all and (max-width:740px){
.stipul_con{padding: 20px 10px}

}