@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/css?family=Roboto+Condensed');
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:#434242;text-decoration:none}
a:hover, a:focus, a:active {color:#434242;text-decoration:none}

/* 팝업레이어 */
#hd_pop {z-index:110;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:55px; line-height:55px}
.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; border-left:1px solid #ebebeb;}
.logo{float:left; }

.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:1270px; margin:0 auto; }

.topmenu .nav{width:900px; float:right}
.topmenu .nav ul li a{float:left; min-width:150px ; letter-spacing:-1px; text-align:center; font-size:17px; 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 {display:none;}
#hamburger{display:none;}

/* All Menu */
#snb { position:absolute; top:150px; z-index:60;   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 { float:left;  border-right:1px solid #ebebeb; height:215px; padding-top:10px;  }
#snb div.snbList li.first { border-left:1px solid #ebebeb; margin-left:410px; }
#snb div.snbList li.sub ul.menu li { float:none; width:148px  }
#snb div.snbList li.first  ul.menu li { float:none; width:162px  }
#snb div.snbList li.sub ul.menu .subnav{ display:inline-block; font-size:14px; font-weight:400; width:100%; padding:7px 0 7px  35px; box-sizing:border-box; background:#f8f8f8; position:relative}
#snb div.snbList li.sub ul.menu .subnav:before{content:'-'; position:absolute; left:25px}

#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: left;    padding-left: 30px;}
#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.ss1 li a{letter-spacing:-1.5px;}
#snb div.snbList li.sub ul.ss2 li a{letter-spacing:-1.5px;}
#snb div.snbList li.sub ul.ss3 li a{  padding-left: 10px;}


.main-slide {position:relative; overflow:hidden; height:540px; margin:0 auto; text-align:center; width:100%; }
.main-slide .cycle-pager {position:absolute; bottom:70px; 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/mainbg2.jpg) no-repeat center  -250px; width:100%; height:540px; background-size:cover; display:block}
.main-slide  .mainimg2, .main-slide  .mainimg2 a{background:url(/images/mainbg1.jpg) no-repeat center; width:100%; height:540px; background-size:cover; display:block}
.main-slide  .mainimg3, .main-slide  .mainimg3 a{background:url(/images/mainbg3.jpg) no-repeat center center; width:100%; height:540px; background-size:cover; display:block}
.main-slide  .mainimg4, .main-slide  .mainimg4 a{background:url(/images/mainbg1.jpg) no-repeat center center; width:100%; height:540px; background-size:cover; display:block}

.main-slide .main-slidetxt{ top:110px;  font-size:24px; z-index:0;  width:810px; margin:0 auto; padding-top:130px; box-sizing:border-box; color:rgba(255,255,255,1);}
.main-slide .main-slidetxt .s1{color:#f9ea86; font-size:42px; text-transform:uppercase; font-weight:600; margin-bottom:20px; font-family: 'Roboto Condensed', sans-serif;}
.main-slide .main-slidetxt .s2{font-size:20px;}
.main-slide .main-slidetxt .s3{font-size:32px; letter-spacing: -2px; font-weight:500}

#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;}

.main-slidetxt1{    color: #fff;    font-size: 40px;   font-weight: 600; padding-top:80px;}
.sdgs_L_tabmenu{    width: 1050px; margin:0 auto; padding-top:20px; box-sizing:border-box; overflow:hidden}

.sdgs_box_wrap { position:relative; width:110px; max-width:110px; float:left; margin:0 2px 2px 0}
.sdgs_image { display:block; width:100%; height:110px;}

.sdgs_s_tabmenu { clear:both; text-align:center; margin:20px auto 50px 0; overflow:hidden;}
.sdgs_s_tabmenu .sdgs_box_wrap { position:relative; width:84px; max-width:84px; float:left; margin:0 1px 1px 0}
.sdgs_s_tabmenu .sdgs_box_wrap > a { position:absolute; left:0; top:0; width:84px; height:84px; display:block;}
.sdgs_s_tabmenu .sdgs_image { display:block; width:100%; height:85px;}

.sdgs_overlay {  position: absolute; display:table;   bottom: 0;   background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7); /* Black see-through */  color: #f1f1f1;   width: 100%; height:100%;  transition: .5s ease;  opacity:0;  color: white;  font-size: 13px; font-weight:600;  padding: 0;  text-align: center; border-radius:5px;}  
.sdgs_overlay span { display:table-cell; vertical-align:middle;}
.sdgs_box_wrap:hover .sdgs_overlay {  opacity:0;}




.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;}

.wrapin{width:1200px; margin:0 auto;}
.mainblist{overflow:hidden; position:relative; top:-50px; z-index:100}
.mainblist .mainb-box a{width:25%; height:105px; float:left; background:#1991d6; color:#FFF; padding-left:100px; box-sizing:border-box; padding-top:25px; display:block; font-size:20px; font-weight:500}
.mainblist .b-box01 a{background:url(/images/main_01.png) no-repeat #f4f4f4 20px center; color:#3870b3; letter-spacing:-1px; padding-top:30px;}
.mainblist .b-box02 a{background:url(/images/main_02.png) no-repeat #3870b3 60px center; background-size:60px;}
.mainblist .b-box03 a{background:url(/images/main_03.png) no-repeat #2cab9e 60px center; background-size:80px;}
.mainblist .b-box04 a{background:url(/images/main_04.png) no-repeat #2d8b10 60px center;}
.mainblist .mainb-txt{text-align:center;}
.mainblist .mainb-txt .c2{font-size:12px; text-transform:uppercase}

.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:18px;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;}

.movw{padding:30px 0; width:1200px; margin:0 auto; overflow:hidden}
.movw .mov{float:left; width:48%}
.movw .mov iframe{width:100%; height:330px;}
.movw .bbsw{float:right;width:48%}
.notice-title{font-size:20px; color:#515251; border-bottom:2px solid #2e3133; position:relative; padding:10px 0 5px 0; font-weight:500; letter-spacing:-1px;}
.notice{margin-bottom:10px;}

.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;}

.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:300px; border:1px solid #e8e8e8;  height:380px; margin-right:25px; 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%;}


.main-title{font-size:24px; padding:20px 0; text-align:center}
.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:0px 0 50px ; letter-spacing:-1px; overflow:hidden; height:280px; margin-bottom:20px;}
.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:16px;}
.maingalleryw-stitle{text-align:center; font-size:18px; color:#000102; padding-bottom:30px; }
.maingallery{width:1430px; margin:0 auto 50px;}
.main-big-banner {   height: 450px;    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:28px; padding-top:180px; box-sizing:border-box; letter-spacing:-1px; line-height: 160%;}

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

.maingalleryw .tabs{overflow:hidden; text-align:center; margin-bottom:20px; margin:0 auto 50px; width:1200px; } 
.maingalleryw .tabs li{ float:left; cursor:pointer; color:#646464; background:#f5f5f5; width:50%; height:50px; text-align:center; box-sizing:border-box; line-height:50px; border:1px solid #b1b1b1; border-left:none}
.maingalleryw .tabs li:first-child{border-left:1px solid #b1b1b1}
.maingalleryw .tabs li.active{color:#fff; background:#006ebc; border:1px solid #006ebc}
.maingalleryw .tabs li:last-child{margin-right:0;}
.maingalleryw .tab_container .tab_content1{    padding-bottom: 50px;}

.footdiv{overflow:hidden; margin-bottom:55px}
.footbanw{width:590px; float:left; margin-right:20px; }
.footbanw .footbox{float:left; width:50%; height:185px;}
.footbanw .footbox img{width:100%; height:100%}
.footnews{float:right; width:540px;}
.footb-txt{text-align:center; font-size:20px; padding-top:20px; letter-spacing:-1px;}
.footb-txt span{width:50px; height:1px; background:rgba(102,102,102,1); display:block; margin:10px auto;}
.footb-stxt{text-align:center; color:#b1b1b1;}
.footmore a{display:block; background:#a2a98d; width:110px; height:26px; padding:0 20px; box-sizing:border-box; color:rgba(255,255,255,1); line-height:26px; font-size:11px; text-transform:uppercase; box-sizing:border-box; margin:20px  auto 0;
}

/*.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%;}
.jcarousel .jBox{position:relative !important;}

.lt_date{color:#FFF !important; font-size:16px; text-align:center;  display:block; height:55px; letter-spacing:-1px; cursor:pointer; width:294px;    background: rgba(51,51,51,0.78) !important;     position: absolute;    bottom: 0; white-space: nowrap;     overflow: hidden;    text-overflow: ellipsis; line-height:55px;}

.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;}

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


/* 일반현황 - 연혁 */

.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:500; 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 0%; border:0; margin-top:0px; }
.history .list li ul li:first-child {margin-top:0;}
.history .list li.dayin{padding-left:60px;}
.history .list li ul li .day {color:#666; position:absolute; left:0; top:0; letter-spacing: 0;}
.history .list li ul li p {color:#333;}
.history .list li ul li ul {background:#f8f8f8; margin:10px 0 15px 0; padding:7px 15px; width:70%}
.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;}



.mt100{margin-top:100px;}
.mb60{margin-bottom:50px;}


.h-Div-list{font-size:15px; font-weight:400; width: 100%; box-sizing: border-box;}
.h-Div-list span{ position: absolute; left: 0; font-weight:600}
.h-Div-list li{ color:#2d2d2d; font-size:16px ;     position: relative; padding-left: 80px; padding-bottom: 10px;     border-bottom: 1px solid #d1d1d1;}
.history-listw{ width: 100%; }

.history-listw .history-list .h-Div-list li:last-child{border-bottom:none;}
.history-gallery{padding-bottom:50px; text-align: center;}

/*서브페이지*/
.subbgwrap{background: url(/images/sub_vis_3.jpg) center center no-repeat; height:215px; width:100%; text-align:center; color:rgb(255,255,255); background-size:cover; position:relative; padding-top:70px; box-sizing:border-box; padding-left:40px;}

.subbgwrap .bgtxt img{width:300px;}
.subbgwrap .bgtxt1{font-size:28px; text-transform: uppercase;    font-weight: 500;   
    font-family: 'Roboto Condensed', sans-serif; }
.subbgwrap .bgtxt2{font-size:16px; padding:0 10px;}
.subbgwrap .bgtxt3{font-size:14px;letter-spacing:-1px; text-transform:uppercase;  }
.subbgwrap  .topline{width:70px; height:1px; background:rgb(255,255,255); text-align:center; margin:15px auto 10px }

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

.left h2{      font-size: 26px; 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:'INTRODUCE'}
.left .h2_2:after{  font-size: 10px;   color: #000000;   display: block; content:'SUBCOMMITTEE'}
.left .h2_3:after{  font-size: 10px;   color: #000000;   display: block; content:'EDU'}
.left .h2_4:after{  font-size: 10px;   color: #000000;   display: block; content:'BOARD'}
.left .h2_5:after{  font-size: 10px;   color: #000000;   display: block; content:'CUSTOMER'}
.left .h2_6:after{  font-size: 10px;   color: #000000;   display: block; content:'NATURE'}

.left_menu{ margin:0;    }
.left_menu .subnav a{border-bottom: 1px solid #e5e5e5; display:inline-block; font-size:14px; font-weight:400; width:100%; padding:7px 0 7px  25px; box-sizing:border-box; background:#f8f8f8}
.left_menu .subnav a:hover{color:#1a6cbf}
.left_menu 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(/img/lnb_arrow.png) 190px center no-repeat; }
.left_menu li:hover a,.left_menu li:focus a,.left_menu li.on a{ background: #1a6cbf;   text-decoration:none; color:#FFF }



/*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_title span{    display: block;
width: 45px;
height: 1px;
background: #000;
margin: 0 auto}

.titlewrap{overflow:hidden; border-bottom:1px solid #E2E2E2}
.content{position:relative;z-index:1;  float: right;width:970px;  box-sizing:border-box;    padding: 0;  margin-bottom: 0;}
.page_nav{font-size: 14px; color:#626262; float: right;}
.page_nav li {float:right; margin-left: 10px; line-height: 40px;}
.page_title{   font-size: 26px; float:left;  color: #333;     line-height: 36px;     letter-spacing:-2px;    font-weight: normal;  padding-bottom:15px}
.soge{ font-weight:400; word-break:break-all; letter-spacing:-1px;  color: #585858;
    font-size: 16px;    line-height: 180%; margin-top:40px; padding-bottom:50px;}
.insa-title{font-size:30px; color:#474747; text-align:center; padding:0px 0 80px ; letter-spacing:-1px; font-weight:600}
.insa-bg{background:url(/images/insabg.png); height:290px; width:100%; background-size:cover; margin:30px 0; color:rgba(255,255,255,1); padding:60px 75px; box-sizing:border-box; font-weight:600}
.insa-bg .t1{font-size:24px;}
.insa-bg .t2{font-size: 18px;    font-weight: 500; padding-top:20px;}
.sign{text-align:right; font-weight:600; padding:40px 0}
.mb30{margin-bottom:60px;}
.s01-txtw{overflow:hidden;}
.s01-txtw .s01-txt{float:left; width:540px;}
.s01-txtw .s01-img{float:right;}
.s01-txt-title{font-size:26px; color:#008f97; line-height:150%; width:450px; padding-bottom:30px; letter-spacing:-2px;}


.ji-title{font-size:16px; padding-bottom:40px; font-weight:500; letter-spacing:0 }
.ji-stitle{font-size:22px;padding-bottom:20px; }
.ji-stitle span{color:rgba(0,0,153,1);}

.desc-a2 > ul > li {
    background: url(/images/dot.gif) no-repeat 3px 12px;
    padding-left: 15px;
    margin-bottom: 10px;
    overflow: hidden;}

.ruletxt3 h5, .ruletxt3 h6{ font-weight: 500; font-size: 17px; color: #141414; padding:20px 0 }
.ruletxt3  .title{font-weight: 500;    font-size: 17px;    color: #141414;  padding: 20px 0;}
.ruletxt3  .title2{font-weight:700;    font-size: 20px;    color: #141414;  padding: 20px 0 0 ;}
.ruletxt3 p{list-style-type: decimal;    font-size: 14px;    line-height: 1.8;    padding-left: 20px; color: rgba(102,102,102,1); letter-spacing:0;}


.third_tab {margin-bottom: 20px; position:relative; }
.third_tab ul.tabs{  margin:0 auto 40px; text-align: center; overflow:hidden; border-bottom:1px solid #dedee1;}
.third_tab ul.tabs li{ float:left; display:inline-block; height:48px; line-height:48px; font-size:15px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; border-bottom:none; border-left:none }
.third_tab ul.tabs li.active{ background:#1a6cbf url(/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1);}
.third_tab ul.tabs li:hover{background: #1a6cbf url(/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.third_tab ul.tabs li a{ display:block; width:100%; height:100%; }
.third_tab ul.tabs li {width:12.5%; text-align:center }

.play_tab ul.tabs li {width:33.3%; text-align:center }
.play_tab ul.tabs li:first-child{ border-left:1px solid #dedee1;}

.subcontitle{padding-bottom:27px; font-size:18px; font-weight:500;}
.subcontitle span{display:block; margin-bottom:10px; width:30px; height:1px; background:#67585b;}
.subconorg{padding: 0 2px; margin-bottom:15px; font-size:15px; line-height: 1.7; word-wrap: break-word; word-break: keep-all; letter-spacing: -0.5px; border-bottom: 1px solid #dadada;margin-bottom: 40px; padding-bottom:10px}
.subconorg p{padding-bottom:20px}

.eduw{overflow:hidden;}
.eduw .eduimg{ float: right;    width: 395px;}
.eduw .edutxt{float:left; width: calc(100% - 395px); padding-right: 20px;    box-sizing: border-box;}

.eduw .edutxt2{float:left; width: calc(100% - 525px); padding-right: 20px;    box-sizing: border-box;}
.eduw .eduimg2{ float: right;    width: 525px; padding-top: 116px;}


.subconbox .subtable {text-align:center;  border-top:3px solid #67585b; border-bottom:1px solid #67585b;}
.subconbox .subtable  table{border-collapse: collapse;
    border-spacing: 0;
    width: 100%;}
.subconbox .subtable th{padding:10px 0;border-right:1px solid #dddddd; font-size:15px;	font-family: "notoKrM",sans-serif;border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; background:#f7f7f7;}
.subconbox .subtable th:last-child{ border-right: 0; }
.subconbox .subtable td{padding:10px 5px; font-size:14px;letter-spacing:-0.5px;color:#6c6e6f;border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;}
.subconbox .subtable audio { width: 200px; height: 30px; }
.subconbox .subtable td:last-child{ border-right: 0; }
.subconbox .subtable .textleft		{text-align:left}
.subconbox .subtable .textcenter	{text-align: center; }
.subconbox .subtable .lp20			{ padding-left: 20px; }
.subconbox .subtable .buttonfile_intd a{display:inline-block; padding:7px 40px 7px 20px; color:rgba(255,255,255,1); background:url(../images/filedown_ico2.png) no-repeat right 10px  #6c5d7e; text-shadow: 0 0 1px #000; }
.subconbox .subtable .buttonfile_intd a:hover{ color:#ffffff; text-shadow: none; }
.subconbox .subtable .bd_r{ border-right:1px solid #dddddd !important; }
.subconbox .subtable .nobdb{border-bottom:1px solid #f3f3f3;}
.subconbox .subtable .bdbb{border-bottom:1px solid #b7b7b7;}
.subconbox .subtable .bgfa{background-color: #fafafa;}
.subconbox .subtable tr td.left{text-align:left; padding-left:50px;}
.cation{font-size:13px; text-align:right}

.jubox{overflow:hidden; padding-bottom:50px;}
.juboximg{position:absolute;}
.juboxtxt{float:left; padding-left:150px;}
.juboxtxt-title{font-size:17px; font-weight:500; padding-bottom:15px}

.jibox{overflow:hidden;}
.jibox ul li{float:left; width:25%; padding-top:120px; border-right:1px dotted rgba(207,207,207,0.7); box-sizing:border-box; padding:130px 20px 0; text-align: justify; min-height:300px; font-size:13px}
.jibox ul li:last-child{border-right:none;}
.jibox ul li.jibox01{background:url(/images/ja_01.png) no-repeat center top;}
.jibox ul li.jibox02{background:url(/images/ja_02.png) no-repeat center top;}
.jibox ul li.jibox03{background:url(/images/ja_03.png) no-repeat center top;}
.jibox ul li.jibox04{background:url(/images/ja_04.png) no-repeat center top;}
.borno{ padding:0 5% 20px}

.procbox{overflow:hidden; padding-bottom:15px;}
.procy {position:absolute; color:#0d83b0; font-size:22px; font-weight:500}
.proc-tw{float:left; padding-left:120px;}
.proc-t{color:#0d83b0; font-size:15px; font-weight:500; padding:10px 0; background: url(/images/dot.gif) no-repeat left 20px; padding-left:10px;}


/*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; border-bottom:1px solid #c6c6c6; padding-bottom:25px; margin-top:20px;}
.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; width:1160px; 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:340px; 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:820px; 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 }


.fbanner ul li{float:left; padding:0 30px; height:90px; line-height:90px;}
.fbannerw{border-top:1px solid #ebebeb; background:#fff; margin-top: 70px;}
.fbanner{overflow:hidden; width:1275px; 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}

.content_copy{display:none;}


.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;}

/*오시는길*/

.adm_info li { margin-top: 5px;color: #444; line-height: 26px;  margin-left:20px; margin-bottom:10px; }

.adm_info li span.a{width:170px; display:inline-block; font-weight:bold; margin-bottom:5px; margin-left:10px;}
.adm_info li span.b{ margin-bottom:5px; font-size:14px; width:500px;}
.adm_info li span.ico{width:22px; display:inline-block;}

.adm_info2 li { margin-top: 5px;color: #444; line-height: 26px;  margin-left:20px; margin-bottom:10px; background: url(/images/dot3x3.gif) no-repeat 0 8px;    background-size: 3px;    color: #555;    line-height: 22px;    letter-spacing: -0.4px;  padding-left:10px;}

.adm_info3{width:50%; float:left;}
.adm_info3 li { margin-top: 5px;color: #444; line-height: 26px;  margin-left:20px; margin-bottom:10px; background: url(/images/dot3x3.gif) no-repeat 0 8px;    background-size: 3px;    color: #555;    line-height: 22px;    letter-spacing: -0.4px; padding-left:10px;}

.suga th{background:#f9f9f9; border-right:1px solid #f4f4f3; border-bottom:1px solid #f4f4f3; padding:7px 3px} 
.suga  .subtxt{font-size:12px; text-align:right;}
.suga table{border-left:1px solid #f4f4f3; border-top:1px solid #f4f4f3;}
.suga td{ border-right:1px solid #f4f4f3; border-bottom:1px solid #f4f4f3;  padding:7px 3px; text-align:center} 
.table-c td:nth-child(3){text-align:left;}

.suga .sutitle{font-size:16px; font-weight:bold; padding-top:30px; padding-bottom:7px}
.edu_system_detail{overflow:hidden; margin-bottom:30px}
.edu_system_detail dt { padding: 10px 0; font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px;  background: url('/img/sub/tit_bl.gif') 0 0 no-repeat }
.edu_system_detail ul.bus{ margin-bottom:50px}
.edu_system_detail ul.bus li{margin-bottom:10px;}
.edu_system_detail .vitxt{ color: #f27b07; font-size: 20px; text-align:center}
.edu_system_detail .time{background-color:rgba(246,246,246,1); padding: 20px 30px; margin-bottom:30px;}
.edu_system_detail dd{ padding-left: 20px;     margin: 0;}
.intro_con span{padding-right:10px;}

@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;}
.footlogo{padding-right:0 !important; padding-bottom:10px;}



}
@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:#36363e; padding:25px 0; 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{ color:#878787}
#ft_company  .t1{font-size:11px;}
.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}
.footlogo{float:left; padding-right:70px; padding-top:10px;}
#ft_copy{ color:#878787; 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{overflow:hidden; height:60px; line-height:60px; box-sizing:border-box; border-top:1px solid #e8e8e8; background:#2b2b33}
.policyw .policy{overflow: hidden;    width: 1120px;    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:#cacaca; display:block; position:relative}
.policyw .policy-list li:first-child a{padding-left:0;}
.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:60px;height:30px;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:50px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3{width:32px;height:32px;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 15px;
    height: 30px;
    line-height: 1em;
    font-size: 16px;
}

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:30px; width:170px; border:1px solid #999999; box-sizing:border-box}
.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}

#sfl{
width: 160px;
height: 30px ; line-height:30px ;box-sizing:border-box;
border: 1px solid #c4c4c4; padding-left:20px;      font-family: "Noto Sans KR", sans-serif; font-size:16px; 
}



/* 새창 기본 스타일 */
.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 a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none;  box-sizing: border-box;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    border: 1px solid #e6e6e6;
    background-color: #FFFFFF;
    line-height: 40px;
    }
.pg_start{background:url(../img/page_btn.gif) no-repeat 0 3px ;text-indent:-9999px;width:40px;height:40px;border:1px solid #eee;padding:0;border:1px solid #ddd}
.pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 3px;text-indent:-9999px;width:40px;height:40px;border:1px solid #eee;padding:0;border:1px solid #ddd}
.pg_end{background:url(../img/page_btn.gif) no-repeat -93px 3px;text-indent:-9999px;width:40px;height:40px;border:1px solid #eee;padding:0;border:1px solid #ddd}
.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 3px;text-indent:-9999px;width:40px;height:40px;border:1px solid #eee;padding:0;border:1px solid #ddd}
.pg_current {display: inline-block; box-sizing: border-box;
    height: 40px;
    width: 40px;
    text-align: center;
    border: 1px solid #333333;
    background-color: #333333;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 40px;}
/* 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: 600;    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:760px; font-size:18px}
.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;}
.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; width:1070px; margin:0 auto; border-bottom:1px solid #c1c1c1; padding-bottom:50px; margin-bottom:60px; line-height: 140%; }
.orglistw{float:left; width:230px; margin-right:50px;}
.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; width:1070px; margin:0 auto 25px;}
.orglistwrapt .orgtitle{float:left; background:rgba(246,246,246,1)}
.org01{width:230px; margin-right: 50px;}
.org02{width:510px; margin-right: 50px;}
.org03{width:230px;}
#bo_v_sns{display:none;}


.historyDiv{overflow:hidden;}
.historybg{ background:url(../img/skin/history_bg.png) no-repeat center bottom; background-size:cover; height:550px;}
.history-title{text-transform:uppercase; font-size:36px; text-align:center; font-weight:600; letter-spacing:-1px;}
.history-stitle{text-transform:uppercase; font-size:32px; text-align:center; font-weight:500; letter-spacing:-1px; padding-bottom:40px}
.history-listw{overflow:hidden;     border-bottom: 1px solid #000;  margin-bottom:35px;}
.history-tleft{float:left; width:50%; font-size:26px;  font-weight:500; padding-top:5px; text-align:right; padding-right: 60px;    box-sizing: border-box; clear: both;}

.history-tright{float:left; width:50%;   border-left:2px solid #2055ae; box-sizing:border-box;  padding-top:5px;}
/*.history-listw:after{content:''; width:15px; height:15px; border-radius:100%; background:#2055ae; display:block; position:relative; left:50%; margin-left:-7px; top: 1335px;}*/
.hiswimg{text-align:center;}

.h-Div .h-Div-year{font-size:32px; font-weight:600; padding-bottom:20px;  padding-left:40px; position:relative}
.h-Div .h-Div-year span{position:absolute; left:-10px ; z-index:2}
.history-tleft .h-Div .h-Div-list span{right:0;}
.history-tleft .h-Div .h-Div-list li{padding-left:0; padding-right:65px;}
.h-Div .h-Div-list{font-size:15px; font-weight:400;  padding-left:40px; }
.h-Div .h-Div-list span{ position: absolute; left: 0; font-weight:600}
.h-Div .h-Div-list li{ color:#2d2d2d; font-size:16px ;     position: relative; padding-left: 70px; padding-bottom: 10px;}
.h-Div2016{padding-top:100px;}

.h-Div2013{ padding-top:100px;}
.h-Div2011{ padding-top:100px;}
.h-Div2009{ padding-top:100px;}
.h-Div2007{ padding-top:100px;}
.history-tleft .h-Div .h-Div-year span{position: absolute;    right: -68px;}
.history-tleft .h-Div .h-Div-list{padding-left:10px;}


.footdiv .notice{width:580px; float:left; margin-bottom:10px;}
.footdiv .notice:nth-child(1){margin-bottom:20px;}

.tmore{position:absolute; right:0; top:5px; font-size:14px; border:1px solid #d9d9d9; width:80px; height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; background: url(/images/dotgray.png) 65px center no-repeat; display:block; letter-spacing:-1px;}




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

.newszone .newsbox{margin-right:15px;}
.jcs li:last-child{margin-right:0 !important;}
.jcs{width:1120px  !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: 260px;}

.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; 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{margin-bottom: 20px;}
.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: 90% }
.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%;}



.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;}
.policy-list{width:100%;}

.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:50%; height:36px; line-height:32px;}
.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:5px !important; width:24px !important}
.jcarousel-control-prev{left:20px !important;}
.maingalleryw{padding-top:0px; padding-bottom:0; 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{ background-position:center center;}
#subbg .subbgwrap{font-size:19px; padding:50px 20px 0 20px; letter-spacing:-1px; line-height: 140%; font-weight:400 !important; height:170px} 
#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; top:10px; 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%;}

.newszone .customw .customboxstitle li{display:inline;}
.newszone .customw .customboxstitle{padding-bottom:0;}
.newszone .customw .customtime li{letter-spacing:0;}
.main-slide{ height:500px; 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:40px;}

#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:190px}
#bo_gall .gall_li{width:32% !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:16.5%; 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:16.5%; height:40px; font-size:16px}
#snb div.snbList{width:100%;}
.logo{float:none; padding:10px 0; display:block}
#snb{}

.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;     top: -5px;     width: 80px !important;}

.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%;}
.wrapin{width:96%;}
.wrapin100{width:100%;}
.footbanw{width:45%; margin-right:2%}
.footdiv .notice{width:47%;}

.movw{width:100%; padding: 2%;    box-sizing: border-box;}

}

@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;}
#snb div.snbList li{    width:16.5%; box-sizing:border-box; padding:0 10px;}
#snb div.snbList li.sub ul.menu li a{padding-left:10px; font-size:13px}
.topmenu .nav ul li:first-child a{width:19%; padding-left:10px; box-sizing:border-box}
.topmenu .nav ul li a{width:13%;}
.sdgs_L_tabmenu{width:100%; padding-top: 30px;     padding-left: 20px;     box-sizing: border-box;}
}

@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%}
.s01-txtw .s01-txt{width:100%;}
.s01-txtw .s01-img{float:none; text-align:center;}
.s01-txtw .s01-img img{width:auto;}
}

@media all and (max-width:1024px){
	
.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;min-height: 300px; }
.maingalleryw{height:200px;}
.topmenu .nav{width:100%; float:none}
.topmenu .nav ul li a{width: 16%;    font-size: 13px;    min-width: auto;}
#snb div.snbList{width:100%;}
.ov_listall{width:auto !important; padding:0 20px;}
.sogeboard{width:100%;}
.s01 .ceow{margin-bottom:50px;}
#hd_pop{display:none;}
.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; letter-spacing:0}
.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%;}

.sdgs_box_wrap{width:15%;}
.sdgs_box_wrap img{width:100%; height:auto}
.jibox ul li{width:100%; border-right: none; padding-left:0; padding-right:0;     min-height: auto;}

}



@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;}
.mainblist .mainb-box a{width:50%; padding-left:50px; height:80px;}
.mainblist .b-box01 a{ background-position:20px center; background-size: 40px;}
.mainblist .b-box02 a{background-position:20px center; background-size: 40px;}
.mainblist .b-box03 a{background-position:20px center; background-size: 40px;}
.mainblist .b-box04 a{background-position:20px center; background-size: 50px;}
.mainblist .mainb-txt .c2{font-size:11px;}
.mainblist{top:0; padding-bottom: 20px;}
}

@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:32.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;}
.main-slide .main-slidetxt{left:0; width:100%; letter-spacing:-1px;}
.main-slide .main-slidetxt .s3{font-size:24px; padding:10px; }
.notice-title{padding-bottom:20px;}

.history-list{width:100%; margin-right:0}
.ji-title{padding-top:20px;}
.eduw .eduimg{width:100%; margin-bottom:20px; }
.eduw .edutxt2, .eduw .edutxt{width:100%; padding-right:0;}
.eduw .eduimg2{padding-top:0; width:100%; margin-bottom:20px;}
}


@media all and (max-width:640px){
.subtabmenu ul.tabs li{font-size:16px;} 
.hd_wr{width:100%;}
.subnav{display:none;}
.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%; display:none}
.hd_wrw{height:70px;}
.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 #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: 15px; right: 0px; position: absolute;}
.hamburger_inner .close img{width:70%;}
.main-slide > div, .main-slide, .mainimg1,.mainimg2,.mainimg3,.mainimg4,.mainimg5,.mainimg6,.mainimg7{  height:350px !important;}
.mm01  a{background:url(/images/mainbg2.jpg) no-repeat center center; width:100%; height:350px; background-size:cover; display:block}
.mm02  a{background:url(/images/mainbg1.jpg) no-repeat center center; width:100%; height:350px; background-size:cover; display:block}
.mm03  a{background:url(/images/mainbg3.jpg) no-repeat center center; width:100%; height:350px; background-size:cover; display:block}
.mm04  a{background:url(/images/mainbg1.jpg) no-repeat center center; width:100%; height:350px; background-size:cover; display:block}

.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}
.newszone .customw{width:100%;}
.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: 320px;}
.noover{height:auto !important; min-height: 440px;}
.jcarousel .jBox{padding-right:0 !important;}
.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:100% !important; }
#bo_gall .gall_con li{width:100%  !important;}
#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:18px; padding:10px 20px; box-sizing:border-box}
.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:16px; letter-spacing:-1px;} 
.basic-table{font-size:16px;}
.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{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:13px;}
.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:50%;}
#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;}
.footbanw{width:100%; float:none; margin-right:0}
.footnews{width:100%;}
.mainblist .mainb-box a{font-size:14px;}

.history-tleft{width:100%; float:left; padding:0; text-align:left; box-sizing:border-box}
 .history-tright{width:100%; float:left; padding:0; text-align:left; border-left:none; box-sizing:border-box}
 .history-listw{ box-sizing:border-box; border:none}
 .history-listw .history-list .h-Div-list li:last-child{    border-bottom: 1px solid #d1d1d1;}
 .history-listw:before,.history-listw:after{display:none;}
 .h-Div .h-Div-year span{left:0}
 .history-tleft .h-Div .h-Div-year span{position:relative;left: 0;    float: left;}
 .h-Div .h-Div-year{padding-left:20px; font-size:24px;}
 .history-tleft  .h-Div .h-Div-year{padding-left:0;}
 .h-Div .h-Div-list{padding-left:20px;}
 .h-Div2016{padding-top:100px;}
 .h-Div{height:auto; margin-bottom:20px;}
 .h-Div2015, .h-Div2016, .h-Div2014,.h-Div2013,.h-Div2011,.h-Div2009,.h-Div2007{height:auto; padding-top:0}
.subbgwrap .bgtxt1{font-size:20px; padding:0 10px; box-sizing:border-box}
.subbgwrap .bgtxt2{font-size:14px;}
.insa .insa-title{font-size:18px; line-height: 170%; padding:30px 0; letter-spacing:-1px;}
.insa{font-size:14px;}
.insa-bg{padding:40px 20px 0 20px; height: 200px;}
.insa-bg .t2{font-size:14px;}
.soge{margin-top:0px; padding-bottom: 0;}
.s01-txt-title{width:100%; font-size:20px; padding-top:20px;}
.s01-txt-title p{display:inline;}

.mb30{margin-bottom:0;}
.footbanw{width:100%; overflow: hidden;
    padding-bottom: 20px;}
.footdiv .notice{width:100%}

.movw .mov{width:100%; padding:0 2%; box-sizing:border-box}
.movw .mov iframe{height:260px;}
.movw .bbsw{width:100%; padding:0 2%; box-sizing:border-box}
.subconbox .subtable tr td:last-child{text-align:left; padding-left:10px;}
.procy{position:relative;}
.proc-tw{padding-left:0;}
.third_tab ul.tabs{margin-top:20px;}
.notice_date{ display:none !important;}

/*.footbanw .footbox{width:100%; text-align: center;}
.footbanw .footbox img{width:auto;}
.notice_date{display:none;}*/
.footb-txt{font-size:16px;}
.footb-stxt p{display:inline;}
.topmenu{position:absolute; top:10px;}

.footmore a{margin-top:5px;}
.footbanw .footbox{height:155px;}
.footb-stxt{padding:0 5px;}
.page_nav{ float:left}
.main-slidetxt1{font-size:18px; padding:0; padding-top:30px;}

.tab_container .tab_content1{overflow:hidden;}

.history .list li {padding:25px 0;}
.history .list li .year {font-size:26px; line-height:26px; top:auto; left:auto; position:relative; margin-bottom:12px; display:block;}
.history .list li .year p{display:inline;}
.history .list li ul li ul {margin:7px 0 15px 0; padding:10px 12px; width: 100%;
box-sizing: border-box;}
.history .list li ul li ul li {font-size:13px;}
.history .list li ul li{padding-left:70px;font-size:14px;}
.history .list li ul li .day{font-size:14px;}

}

@media all and (max-width:750px){
.history .list li {padding:25px 0;}
.history .list li .year {font-size:26px; line-height:26px; top:auto; left:auto; position:relative; margin-bottom:12px; display:block;}
.history .list li .year p{display:inline;}
.history .list li ul li ul {margin:7px 0 15px 0; padding:10px 12px; width: 100%;
box-sizing: border-box;}
.history .list li ul li ul li {font-size:13px;}
.history .list li ul li{padding-left:0px;font-size:14px;}
.history .list li ul li .day{font-size:14px;}
}
@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%}



.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: 300px !important;}

.topcontents{margin-bottom:30px;}

}



.living{background:#f9f9f9 url(/images/livingpatten2.png) repeat; padding:40px 60px 0 ; box-sizing:border-box}
.livingt{text-align:center; }
.livingtxtw{overflow:hidden;}
.livingtxt{float: left; line-height: 160%;
    width: calc(100% - 420px);
    font-size: 18px;
    padding-top: 60px; margin-top: -10px;
    letter-spacing: -1px; color:#383737}
.livingtxt p{padding-bottom:20px;}
.livingtxt p span{font-weight:500; color:rgba(204,0,0,1);}
.livingimg{float:right;}

.livinglist{ padding:0; box-sizing:border-box; margin:0px 0 10px; font-size: 17px; overflow: hidden; line-height: 160%; letter-spacing:-0.5px; border-top:1px solid rgba(204,204,204,1)}
.livinglist:before{width:60px; height:2px; background:#3a5896; display:block; margin:0 auto; display:block; content:''}
.livingsub{position:absolute; background:rgba(0,0,102,1); color:rgba(255,255,255,1); 
    top: -18px;    padding: 5px 0px; left: 50%; width:180px; text-align:center;
    margin-left: -90px;}
.livingsubt{font-size:18px; font-weight:500; }
.livingsubt > div{padding-bottom:20px;}
.livingsubt > div .ts{font-weight:500; font-size:19px; letter-spacing:-1px; color:#02407a}
.livingsubt > div .tsa{ font-size: 17px;    font-weight: 400;
    letter-spacing: -1px;}


.livinglist ul{padding:30px;}
.livinglist li{overflow:hidden; position:relative; padding-left: 20px;}
.livinglist li:before{position:absolute; width:10px; height:3px; background:#0b707b;    left: 0;    content: '';    display: inline-block;    top: 12px;}
.livinglist li span:nth-child(1){font-weight:600; letter-spacing: 10px;}
.livinglist li span{display: block;
    float: left;
    font-weight: 400;
    padding-right: 8px;
    font-size: 18px;
    letter-spacing: -1px;}
.livingbtn{margin:40px 0 0px; text-align:center} 
.livingbtn2{text-align:center; font-size:14px; color:#095686; padding-top:5px}
.livingbtn a{display:inline-block; padding:15px 40px; background:#1475b2; color:#FFF; font-weight:500; font-size:18px; letter-spacing:-1px}
.livingbtn a:hover{transition: all 0.2s ease-in; background:#093b5a;}
.livingfbg{background: #f9f9f9 url(/images/livingpatten2.png) repeat;}
.livingfbg-in{background:url(/images/living_04.png); height:100px; width:100%; background-size:contain }

.livingsubj{border: 1px solid rgba(238,238,238,1); position: relative;
    padding: 50px 50px 20px;
    background: rgba(255,255,255,1); position:relative;
    font-size: 17px; 
    line-height: 160%;
    margin: 0 auto;
    width: 760px;
    /* padding-left: 200px; */
    box-sizing: border-box;
    color: rgba(51,51,51,1);}
.livingsubj .livingstemp{position:absolute; right:-80px; top: 150px;}
.snsh{text-align:center; margin-top:0px;}
.snsht{border-bottom:1px solid rgba(204,204,204,1); font-size:17px; color:#3a5896; font-weight:500; display:none}
.snsht span{width:60px; height:2px; background:#3a5896; display:block; margin:0 auto}
.snsbox {overflow:hidden; text-align:center; padding:40px 30px;}
.snsbox p{display: block;    text-align: center; display: inline-block;    margin: 0 20px;}
.snsbox p span{display:block; font-size: 15px;}
.snsbox a{color:rgba(51,51,51,1); text-decoration:none;}

.mlivingt{text-align:center;}
#daumRoughmapContainer1711611097992{width: 100% !important}
.root_daum_roughmap_landing{width: 100% !important}

@media all and (max-width:750px){
.living{padding:20px 10px; margin-bottom:30px}
.livingt img{width:100%;}
.livingimg2  img{width:100%;}
.livingtxt{width:100%; font-size: 15px; padding-top: 10px;}
.livingimg{width:100%; text-align: center;}
.livingimg img{width:100%;}
.livingt{padding-bottom:20px;}
.livinglist{margin:0; font-size:14.5px; padding: 0px; }
.livinglist ul{padding:30px 5px 0;}
.livinglist li span{display:inline; float: none; font-size:15px}
.livinglist li span:nth-child(1){letter-spacing:0;}
.livingbtn{margin:0 0 40px 0;}
.livingbtn a{font-size:16px; font-weight:400; padding:15px }
.snsbox{padding:10px;}
.snsbox p{margin:0 5px;}
.livingsubj{width:100%; margin: 50px 0; padding: 40px 20px;}
.livingsubt > div .ts{font-size:16px;}
.livingsubt > div .tsa{font-size:15px;}
.livingsubj .livingstemp img{width:120px;}
.livingsubj .livingstemp{right:-30px; top: initial;    bottom: -55px;}
.mlivingt img{width:100%;}
#fregisterform{padding:0 !important; background: #fff !important;}
#fregisterform img{width:100%;}
.livingstemp{top:50px;}
.livingstemp img{width:100px !important;}
.loginmbskin{padding:10px !important;}
.priagree-title{font-size: 16px !important;    letter-spacing: -1px;}
#fregisterform .btn_submit{margin-bottom:0 !important;}
.livingfbg-in{display:none;}
}



#daumRoughmapContainer1711611097992 {width: 100% !important}
@media all and (max-width:750px){ 
#daumRoughmapContainer1711611097992 {height: 300px !important}
}