@charset "utf-8";

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}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url('//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:12px;height:100%;  font-family: "notoKrR", sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
ul,li,ol{list-style:none;padding:0;margin:0}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000; text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

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

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

#logo { padding:0; line-height:130px; float:left }
#logo a{display:inline-block}
#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}

.topmenu{ overflow:hidden; height:50px; line-height:50px; background:#4c5363; width:100%}
.topmenu h1{float:left;}
 .nav{width:780px;  overflow:hidden; float:right}
.nav ul li a{float:left;letter-spacing:-1px;  display:inline-block; padding:0 49px; font-size:20px; font-weight:bold}
.nav ul li:last-child a{ padding-right:0}
.topnav{ text-align:right; padding:25px 0}
.topnav a{color:#5e5e5e; font-size:12px; padding:0 10px}

#hamburger{display:none;}

/* All Menu */
#snb { position:absolute; top:130px; z-index:1000;   background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ebebeb; width:100%; height:225px; letter-spacing:-0.8px; display:none; border-top:1px solid #ebebeb;}
#snb div.snbList { width: 1150px; 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:350px}
#snb div.snbList li.sub ul.menu li { float:none; }

#snb div.snbList li.sub ul.menu li a { color:#444; display:block;   padding:0 40px; font-size:15px; line-height:1.9; letter-spacing:-1px; text-align:left}
#snb div.snbList li.sub ul.menu li a:hover { color:#fff; text-decoration:none;background:#4c5363}
#snb div.snbList li.sub ul.ss2 li a {padding:0 50px;}
#snb div.snbList li.sub ul.ss3 li a {padding:0 50px;}
#snb div.snbList li.sub ul.ss4 li a {padding:0 40px;}
#snb div.snbList li.sub ul.ss5 li a {padding:0 40px;}
#snb div.snbList li.sub ul.ss6 li a {padding:0 45px;}


.simple_banner_wrap{ position:relative; height:645px; margin:0 auto; text-align:center; width:100%; background:rgb(102,102,102) }
.simple_banner_wrap .main_txt{position:absolute; top:180px; left:50px; z-index:10}
.simple_banner_wrap ul{ list-style:none;padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.simple_banner_wrap ul li span{display:block; width:100%; height:100%;}
.simple_banner_wrap .nav_wrap{ position:relative; z-index:2; top:405px;}
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:16px; height:16px; margin:0 1px; cursor:pointer; }
.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:14px; height:14px; text-align:center; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; }
.simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-3000px; border-radius:10px;/* box-shadow:inset 0 0 0 2px #FFF;*/ margin-right:8px; background:#fafafa;}
.simple_banner_wrap .nav_wrap.bullet ul li.on{ background-color:#1abaf9; }
.simple_banner_wrap .nav_wrap.prev_next{ height:14px; line-height:14px; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.prev_next ul li{ font-size:12px; width:8px; height:8px; font-weight:bold; text-align:center; }

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


.simple_banner_wrap .bgtxt{position:absolute; z-index:1000; top:150px; letter-spacing:-2px; width:680px; height:150px; padding-top:30px; box-sizing:border-box; left:50%; margin-left:-340px;}
.simple_banner_wrap .topline{width:50px; height:2px; background:rgb(255,255,255); text-align:center; margin:0 auto 20px }
.simple_banner_wrap .bgtxt1{font-size:50px; color:rgba(255,255,255,1); font-weight:bold; margin-bottom:10px}
.simple_banner_wrap .bgtxt2{font-size:28px; color:rgba(255,255,255,1);font-family: 'Nanum Myeongjo', serif; font-weight:bold; letter-spacing:-4px}
.simple_banner_wrap .bgtxt3{font-size:28px; color:#d0cedb; font-weight:bold; letter-spacing:-3px; text-transform:uppercase; opacity:0.8 }

.mboxw{overflow:hidden; width:1170px; position:absolute; top:540px; z-index:3; left:50%; margin-left:-585px }
.mboxw>div{padding:85px 70px 0; box-sizing:border-box; width:390px; height:250px; float:left; text-align:center}
.mbox1{background:#e6e9f0 url(/images/mainico_03.png) no-repeat center 20px ; } 
.mbox2{background:#fff url(/images/mainico_02.png) no-repeat center 20px ; width:390px; height:250px; float:left; text-align:center} 
.mbox3{background:#1f61b4 url(/images/mainico_01.png) no-repeat center 20px ; width:390px; height:250px; float:left; text-align:center} 
.mbox-1{font-size:24px; font-weight:bold; letter-spacing:-1px;}
.mbox-1 span{display:block; width:30px; height:1px; background:#85878b; text-align:center; margin:8px auto;}
.mbox3 .mbox-1{color:rgb(255,255,255);}
.mbox3 .mbox-1 span{background:#7da3d3;}
.mbox-3 a{display:block; border:1px solid #bbbbbb; width:100px; height:30px; margin:0 auto; text-align:center; line-height:30px; font-size:15px; letter-spacing:-1px; margin-top:20px;}
.mbox3 .mbox-2{color:rgb(255,255,255);}
.mbox3 .mbox-3 a{color:rgb(255,255,255); border:1px solid #fff; }

.mainbottom{background:url(/images/mainfoot.jpg)  no-repeat top center; height:410px; color:rgb(255,255,255)}
.mb-txt{color:rgb(255,255,255); font-size:22px; float:left; text-transform:uppercase;  margin-top:120px;}
.mb-txt .mb-txt2{font-size:36px; line-height:120%; font-weight:bold; margin-right:130px}
.mbbanner{float:left; width:700px; margin-top:80px;}
.mbbanner>div{float:left; width:170px; border-right:1px dotted #535976; text-align:center; height:220px; padding:0 20px; box-sizing:border-box; padding-top:125px;}
.mbbanner>div a{color:rgb(255,255,255);}
.mbbanner .mbw01 {background:url(/images/maint_01.png) no-repeat center top;}
.mbbanner .mbw02{background:url(/images/maint_02.png) no-repeat center top;}
.mbbanner .mbw03 {background:url(/images/maint_03.png) no-repeat center top;}
.mbbanner .mbw04{background:url(/images/maint_04.png) no-repeat center top;}
.mbbanner .mb-1{font-size:18px; padding-top:20px;}
.mbbanner .mb-2{ width:28px; height:2px; background:#8a93aa; margin:10px auto}
.mbbanner .mb-3{font-size:12px; padding-top:20px; color:#6f758c}



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

.hamburger{display:none;}
.sns{overflow:hidden; float:right; position:absolute; right:0; top:80px; }
.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;}

/*서브페이지*/
.mid {width:1150px; margin:0 auto; padding: 60px 0 0px;  position:relative; border-top:none; border-bottom:none; overflow:hidden}
aside.left{float:left;width:215px;  }

.left h2{      font-size: 22px; color: #fff;
    font-weight: normal;    letter-spacing: -1.5px;
   padding-bottom: 15px; text-align:center; background:#305c92; padding-top:15px
}
.left h2 span:after{clear:both;display:block;font-size:15px;letter-spacing:0;}
.left .h2_1:after{  font-size: 10px;   color: #fff;   display: block; content:'INTRODUCE'}
.left .h2_2:after{  font-size: 10px;   color: #fff;   display: block; content:'THREECHUK'}
.left .h2_3:after{  font-size: 10px;   color: #fff;   display: block; content:'DUMP'}
.left .h2_4:after{  font-size: 10px;   color: #fff;   display: block; content:'SPECIAL VEHICLE'}
.left .h2_5:after{  font-size: 10px;   color: #fff;   display: block; content:'P.R ROOM'}
.left .h2_6:after{  font-size: 10px;   color: #fff;   display: block; content:'CUSTOMER'}

.left_menu{ margin:0;    }
.left_menu li a{ display: block; border-bottom: 1px solid #e5e5e5; color:#333; line-height:48px; padding-left:30px; font-size:15px; letter-spacing:-1px; text-transform:uppercase }
.left_menu li:hover a,.left_menu li:focus a,.left_menu li.on a{    background: url(/img/sub/lnb_arrow.png) 190px center no-repeat;     color: #2f6daf; text-decoration:none }
.ascenter {margin-top:50px; padding-bottom:100px;}
.ascenter .ascenter-1{font-size:22px; color:#a3a3a3; text-transform:uppercase; font-weight:bold; letter-spacing:-2px}
.ascenter .ascenter-2{font-size:34px; color:#205db0; font-weight:bold; letter-spacing:-2px}
.ascenter .ascenter-3{letter-spacing:-0.5px; border-bottom:1px solid #ececec; padding-bottom:15px}
.ascenter .ascenter-3 p{background:url(/images/dot_g.jpg) left center no-repeat; padding-left:10px; color:#888888}

.titlewrap{overflow:hidden;}
.content{position:relative;z-index:1;  float: right;width:890px;  box-sizing:border-box; min-height:500px;     padding: 0 0 0px 30px; }
.page_nav{font-size: 14px; color:#626262; display:none  }
.page_nav li {float:right; margin-left: 10px; line-height: 40px;}
.page_title{   font-size: 30px;
    color: #333;
    line-height: 36px;
    margin-bottom: 30px;
   letter-spacing:-2px;
    font-weight: normal; border-bottom:1px solid rgb(204,204,204); padding-bottom:20px}
.soge{line-height:170%;  font-weight:400; word-break:break-all; letter-spacing:-0.6px; font-size:13px;}
.sogeboard{line-height:170%; font-weight:300; word-break:break-all; letter-spacing:-0.6px;  padding: 0 0px 40px 0;}

.soge .intro .introbg{background:url(/images/intro_01.png) no-repeat center center; width:100%; height:230px; margin-bottom:80px}
.soge .intro .intronum{background:#4c5363; width:58px; height:58px; line-height:58px; color:rgba(255,255,255,1); font-size:24px; text-align:center; border-radius:100%; margin:0 auto 25px}

.soge .intro .intro01title{text-align:center; font-size:26px; margin-bottom:27px; font-weight:300}
.soge .intro .intro01title span{font-weight:500;}
.soge .intro .intro01subtitle{text-align:center; line-height:210%; width:435px; margin:0 auto 40px; font-size:15px }
.soge .intro .introboxw{overflow:hidden; margin-bottom:110px;}
.soge .intro .introbox{width:270px; height:290px; float:left; margin-right:12px; color:rgba(255,255,255,1);letter-spacing:0; box-sizing:border-box}
.soge .intro .introbox:last-child{margin-right:0;}
.soge .intro .introbox .box01{background:#617784; height:100%;  border-radius:5px; text-align:center; padding-top:20px; box-sizing:border-box}
.soge .intro .introbox .box01 .boxsubtitle{font-size:22px; margin-bottom:10px; letter-spacing:-1.5px;}
.soge .intro .introbox .box01 .boxsustitle{margin-bottom:30px;}
.soge .intro .introbox .box02{background:#5b7f69;  height:100%;  border-radius:5px; padding:20px 40px;  box-sizing:border-box}
.soge .intro .introbox .box03{background:#81785c;  height:100%;  border-radius:5px; padding:20px 40px;  box-sizing:border-box}
.soge .intro .introbox .boxtitle{font-size:30px; text-align:center; padding:10px 0 25px; box-sizing:border-box; color:#fdf9de; border-bottom:1px solid #a69f8b; width:195px; margin:0 auto; margin-bottom:25px;}
.soge .intro .introbox .boxlist li{background:url(/images/3x3_white_dot.png) no-repeat left 10px; padding-left:10px; margin-bottom:8px}
.soge .intro .intro02 .introbox{color:#617784; height:640px; border:1px solid #617784; border-radius:5px; box-sizing:border-box }
.soge .intro .intro02 .introbox .box01{height:100%; background:rgba(255,255,255,1);}
.soge .intro .intro02 .introbox .box02{height:100%; background:rgba(255,255,255,1);}
.soge .intro .intro02 .introbox .box03{height:100%; background:rgba(255,255,255,1);}
.soge .intro .intro02 .introbox .boxtitle{color:#617784; font-size:22px; line-height:140%; letter-spacing:-1px}
.soge .intro .intro02 .introbox .boxbg{width:62px; height:62px; text-align:center; line-height:62px; border-radius:100%; margin:0 auto 20px}
.soge .intro .intro02 .sbox{border-top: 1px solid #a69f8b;  margin:0 35px; padding-top:30px;}

.soge .intro .intro02 .introbox .bg01{background:#7797a1 center center url(/images/intro_02.png); }
.soge .intro .intro02 .introbox .bg02{background:#7797a1 center center url(/images/intro_03.png); }
.soge .intro .intro02 .introbox .bg03{background:#7797a1 center center url(/images/intro_04.png); }
.soge .intro .intro03t{font-size:22px; text-align:center; margin-bottom:25px}
.soge .intro .intro03 .intro03boxw{overflow:hidden; margin-bottom:110px;}
.soge .intro  .intro03 .intro03box{float:left; width:200px; height:230px; margin-right:10px; border-radius:5px; color:rgba(255,255,255,1); text-align:center; padding:25px 15px; box-sizing:border-box; line-height:170%}
.soge .intro  .intro03 .intro03box:last-child{margin-right:0;}
.soge .intro  .intro03 .box1{background:#8793a6;}
.soge .intro  .intro03 .box2{background:#88a4ad;}
.soge .intro  .intro03 .box3{background:#83a198;}
.soge .intro  .intro03 .box4{background:#859e7e;}
.soge .intro  .intro03 .boxbg{background:rgba(255,255,255,1); width:60px; height:60px; margin:0 auto 20px; border-radius:100%;  background-position:center center; background-repeat:no-repeat }
.soge .intro  .intro03 .box1 .boxbg{background-image:url(/images/intro_05.png);}
.soge .intro  .intro03 .box2 .boxbg{background-image:url(/images/intro_06.png);}
.soge .intro  .intro03 .box3 .boxbg{background-image:url(/images/intro_07.png);}
.soge .intro  .intro03 .box4 .boxbg{background-image:url(/images/intro_08.png);}
.soge .intro  .intro03 .intro03subtitle{border-top:1px solid rgba(204,204,204,1); padding-top:5px; margin-top:5px;}

.s01ceow{padding-top:50px;}

.soge .sogebox {text-align:center; color:#4d4d4d}
.soge .sogebox .sogetitle{font-size:24px; text-align:center; margin-bottom:15px;}
.soge .sogebox .sogesubtitle{font-size:16px; margin-bottom:45px;}
.soge .sogebox .sogesection{background:#5f8694; color:rgba(255,255,255,1); padding:5px 0px; width:170px; margin:0 auto 15px; font-size:16px;}
.soge .sogebox  .sogesectiontxt{line-height:160%; margin-bottom:50px;}
.soge .sogebox .sogedetail{border:1px solid #5c5c5c; width:100%; box-sizing:border-box; padding:50px; margin-bottom:110px; overflow:hidden}
.soge .sogebox .sogedetail .sogeico{border:1px solid #5b7e8a; width:156px; height:156px; border-radius:100%; margin-left:auto; margin-right:auto; font-size:15px; color:#416673; font-weight:500; background-repeat:no-repeat; background-position:center 25px}
.soge .sogebox .sogedetail .sogeico span{padding-top:120px; display:inline-block;}
.soge .sogebox .sogedetail .ico1{background-image:url(/images/intro_09.png)}
.soge .sogebox .sogedetail .ico2{background-image:url(/images/intro_10.png)}
.soge .sogebox .sogedetail .ico3{background-image:url(/images/intro_11.png); background-position:center 10px;}
.soge .sogebox .sogedetail .sogebox1{background:#b39c7c; color:rgba(255,255,255,1); padding:15px 10px; border-radius:5px;}
.soge .sogebox .sogedetail .sogebox2{background:#b39c7c; color:rgba(255,255,255,1); padding:15px 10px; border-radius:5px;}
.soge .sogebox .sogedetail .sogebox4{background:#74a4b4; color:rgba(255,255,255,1); padding:15px 10px; border-radius:5px;}
.soge .sogebox .sogedetail .sogebox5{background:#76a064; color:rgba(255,255,255,1); padding:15px 10px; border-radius:5px;}
.soge .sogebox .sogedetail .sogebox6{background:#a4926a; color:rgba(255,255,255,1);padding:15px 10px; border-radius:5px;}
.soge .sogebox .sogedetail .sogebox7{background:#ac7f7f; color:rgba(255,255,255,1); padding:15px 10px; border-radius:5px;}
.soge .sogebox .sogedetail .detitle{font-size:16px; margin-bottom:5px}

.soge .sogebox .sogedetail .sogeboxline span{position:relative; padding:0 15px; font-size:12px}
.soge .sogebox .sogedetail .sogeboxline span:first-child{padding-left:0;}
.soge .sogebox .sogedetail .sogeboxline span:first-child::before{border-left:none;}
.soge .sogebox .sogedetail .sogeboxline span::before{ display: block;   position: absolute;    top: 5px;    left: -1px;    width: 1px;    height: 12px;    border-left: 1px solid #fff;    content: '';}
.soge .sogebox .sogedetail .sogebox2{background:#779254; color:rgba(255,255,255,1); padding:15px 0; border-radius:5px;}
.soge .sogebox .sogedetail .arrdown{padding:5px 0;}
.soge .sogebox .sogedetail .sogebox2{margin-bottom:60px;}
.soge .sogebox .sogedetail .sogebox2 .sogebox2title{font-size:16px; border-bottom:1px solid #adbe98; padding-bottom:8px; margin-bottom:8px; margin:0 50px}
.soge .sogebox .sogedetail .sogebox2 .sogebox3title{margin-bottom:10px; font-size:15px; margin-top:10px;}
.soge .sogebox .sogedetail .sogebox2 .sogebox4title{margin:0 180px;}
.mb30{margin-bottom:30px}

.soge .sogebox .sogedetail .boho1{width:250px; height:125px; background:#5b9b9f; color:#FFF; float:left; border-radius:5px; padding-top:20px; text-align:left; box-sizing:border-box; padding-left:55px }
.soge .sogebox .sogedetail .boho2{width:250px; height:125px; background:#73b07a; color:#FFF; float:right; border-radius:5px ; padding-top:20px ; text-align:left; box-sizing:border-box; padding-left:55px}
.soge .sogebox .sogedetail .bohoimg{clear:both; text-align:center}
.soge .sogebox .sogedetail .boho3{width:250px; height:165px; background:#a98476; color:#FFF; float:left;  border-radius:5px; padding-top:20px; text-align:left; box-sizing:border-box; padding-left:55px}
.soge .sogebox .sogedetail .boho4{width:250px; height:165px; background:#7187ab; color:#FFF; float:right;  border-radius:5px; padding-top:20px; text-align:left; box-sizing:border-box;padding-left:55px }
.soge .sogebox .sogedetail .bohotitle{font-size:18px; margin-bottom:10px}
.soge .sogebox .sogesang3{background:#89a672; color:rgba(255,255,255,1); width:510px; border-radius:5px ; margin:10px auto 0; overflow:hidden; } 
.soge .sogebox .sogesang3 .sogesangbox{float:left; width:50%; box-sizing:border-box; border-right:#adc19d 1px solid; margin:15px 0; text-align:left; padding-left:60px;  }
.soge .sogebox .sogesang3 .sogesangbox .sogesangtitle{font-size:16px; margin-bottom:10px}
.soge .sogebox .sogesang3 .sogesangbox li{background:url(/images/3x3_white_dot.png) no-repeat left center; padding-left:15px}
.soge  .intro04box{overflow:hidden; margin-bottom:140px;}
.soge  .intro04box .ourtoday{float:left; width:25%;}
.soge  .intro04box .ourtitle{font-size:16px; padding-top:10px; padding-bottom:20px; padding-left:10px}
.soge  .intro04box .ourlist li{background:url(/images/3x3_black_dot.png) no-repeat left 10px; padding-left:10px; margin-left:15px;}
.soge .intro05 .intro05box{padding-bottom:100px; overflow:hidden}
.soge .intro05 .intro01subtitle{width:490px;}
.soge .intro05 .intro05txt{text-align:center; text-transform:uppercase; font-size:36px; line-height:120%; margin-bottom:90px}
.soge .intro05 .intro05txt .s1{color:#b1b4bb;}
.soge .intro05 .intro05txt .s2{color:#bbb2c1;}
.soge .intro05 .intro05txt .s3{color:#9aa9bb;}
.soge .intro05 .intro05box .boxB{float:left; border-right:1px solid #a4a4a4; box-sizing:border-box; width:25%; text-align:center; height:335px}
.soge .intro05 .intro05box .boxB:last-child{border-right:none;}
.soge .intro05 .intro05box .boxB .boxBtitle{width:175px; height:175px; color:rgba(255,255,255,1); background:#648a97; border-radius:100%; margin-bottom:15px; margin-left:auto; margin-right:auto; }
.soge .intro05 .intro05box .boxB .boxBtitle .boxBno{font-size:24px; padding-top:45px; display:block}
.soge .intro05 .intro05box .boxB .boxBtitle .boxBsno{display:block; font-size:18px; padding-top:15px}
.soge .intro05 .intro05box .step2 .boxBtitle{background:#647c97;}
.soge .intro05 .intro05box .step3 .boxBtitle{background:#787aa2;}
.soge .intro05 .intro05box .step4 .boxBtitle{background:#9779ac;}
.soge .intro05 .intro05box .step1{color:#648a97;}
.soge .intro05 .intro05box .step2{color:#59728e}
.soge .intro05 .intro05box .step3{color:#636593;}
.soge .intro05 .intro05box .step4{color:#775a8b;}
.soge .intro05 .intro05box .boxBsubtitle{font-size:18px; margin-bottom:15px}


.soge h2{font-size:24px; padding:20px 0;}
.soge .t1wrap{overflow:hidden; }
.soge .maptxt{margin-top:30px; line-height:180%;}
.soge .maptxt p{padding-left:0;}
.soge .maptxt p span{font-weight:bold; width:75px; display:inline-block}
.soge h3{ padding-left:25px; background:url(/img/sub/dot3.gif) no-repeat left center; font-size:17px; padding-bottom:10px; padding-top:10px; }
.soge .s01 .sbg{margin-bottom:20px;}
.soge .s01{float:left; overflow:hidden}
.soge .s01 .s01ceo{float:left; width:495px;}
.soge .s01 .ceotxt span{font-weight:bold; font-size:34px;}
.soge .s01 .ceotxt{font-size:30px; line-height:150%; margin-bottom:60px; letter-spacing:-1.5px}
.soge .s01 .ceotxt2{ margin-bottom:70px; font-size:15px; line-height:180% }
.soge .s01 .ceoimg{float:left; margin-right:35px;}
.soge .s01 .ceosign{padding:50px 0 100px;}
.soge .s01 .sbg{margin-bottom:20px;}
.soge .org{padding-top:50px;}


/* 걸어온 길 */
.list_history{border-top:2px solid #4d4d4d; font-size: 16px;}
.list_history em{font-style: normal;}
.list_history li{overflow:hidden;border-bottom:1px solid #e6e6e6}
.list_history li:last-child{border-bottom:none;}
.history_info{overflow:hidden;padding:33px 0;color:#1e1e1e}
.history_info .txt_year{float:left;width:200px;line-height:30px; font-size: 30px;}
.history_info .inner_info{display:block;overflow:hidden}
.history_info .txt_info{padding-top:3px;line-height:30px}
.history_info .txt_info:first-child{padding-top:0}
.history_info .txt_info .txt_num{float:left;padding-right:37px;font-weight:bold}
.history_info .txt_info .txt_date{display:block;overflow:hidden;padding-top:1px}
.history_info .txt_info .txt_date2{font-weight:bold}



.soge .ci{text-align:center; width:100%;}
.soge .ci img{border:1px solid #999; padding:40px 20px; display:block; box-sizing:border-box;margin:0 auto 40px; }
.soge .citxt{text-align:center;}
.soge .citxt .cititle{font-size:24px; margin-bottom:15px}
.soge .citxt .cititle span{font-weight:500;}
.soge .citxt .cisubtitle{padding-bottom:50px; font-size:16px}
.soge .citxt .ciBtitle{font-size:14px; text-align:center; padding:0 80px 120px;}
.soge .orgtxt{text-align:center; border-bottom:1px solid #CCC; padding-bottom:30px; overflow:hidden}
.soge .orgimg{margin-top:20px;  border-bottom:1px solid #CCC; overflow:hidden; margin-bottom:100px; padding-bottom:20px;}
.soge .orgimg .org{float:left; margin-right:10px; margin-left:10px}
.soge .orgimg .org1{background:#5583a1; color:rgba(255,255,255,1); width:60px; height:60px; border-radius:50%; display:block; text-align:center; line-height:60px; float:left; margin-right:10px;} 
.soge .orgimg  .org1txt{line-height:60px; color:#5583a1}
.soge .orgimg .org2{background:#4c837d; color:rgba(255,255,255,1); width:60px; height:60px; border-radius:50%; display:block; text-align:center; line-height:60px; float:left; margin-right:10px;} 
.soge .orgimg  .org2txt{line-height:60px; color:#4c837d}
.soge .orgimg .org3{background:#697ba6; color:rgba(255,255,255,1); width:60px; height:60px; border-radius:50%; display:block; text-align:center; line-height:60px; float:left; margin-right:10px;} 
.soge .orgimg  .org3txt{line-height:60px; color:#697ba6}
.soge .orgimg2{margin-bottom:100px;}
.soge .map{font-size:16px;}
.soge .map1{font-size:16px; margin-bottom:10px;}
.soge .map2 span{padding:0 10px; font-size:14px;}
.soge .mapapi{margin-top:50px; margin-bottom:100px;}
.soge  .story{background:#f5f4f4; border:1px solid #b0aead; border-radius:5px; text-align:center; padding:60px 0; margin-top:50px;}
.soge  .story .stroy1{margin-bottom:45px;}
.soge  .story .stroy2{font-size:22px; margin-bottom:10px;}
.soge  .story .stroy2 span{color:#7983a6; }

 table.b_table{width:100%; border-top: 2px solid #67585b;
    border-bottom: 1px solid #e5e6e6;  }

 table.b_table th {height: 22px; background-color: #f7f7f7;     padding: 10px 16px 13px 20px;
    text-align: center;
    line-height: 160%;
    vertical-align: middle;
    border-left: 1px solid #e5e6e6;
    border-top: 1px solid #e5e6e6;
    font-size: 13px;}
 table.b_table td{height: 22px;   padding: 10px 16px 13px 20px;
    text-align: center;
    line-height: 160%;
    vertical-align: middle;
    border-left: 1px solid #e5e6e6;
    border-top: 1px solid #e5e6e6;
    font-size: 13px;}
table.b_tabletr td{text-align:center; letter-spacing:-0.02em; line-height:1.2em; background-color:#fff; height:13px; padding: 10px 10px 13px 10px;}
table.b_table td.txt{padding-left:30px;text-align:left;}
table.b_table td.num{padding-right:30px;text-align:right;}
table.b_table th.borL0, table.Curriculum_t td.borL0 { border-left: 0;}


.cation{font-size:15px; line-height:160%;}
.cation-title{font-size:20px; padding:20px 0}
 .cation-title span {
    display: block;
    margin-bottom: 13px;
    width: 40px;
    height: 1px;
    background: #0e55ac;
}
.cation p{padding-bottom:15px; padding-left:5px}
.cation .mt20{margin-top:20px;}

.historyimg{margin-bottom:50px;}
.historytxt {margin-bottom:50px;}
.historytxt:last-child{margin-bottom:200px;}
.historytxt .historyear{background:#4c5363; color:rgba(255,255,255,1); padding:3px 0; margin-bottom:10px; font-size:16px; width:80px; text-align:center}
.historytxt  .historyday{display:inline-block; width:90px;}
.historytitle li{margin-bottom:10px;}

.program .programtxt{border-bottom:1px solid #999999; padding-bottom:30px; margin-bottom:20px; text-align:center}
.program .probox{border-bottom:1px solid #999999;margin-bottom:20px; overflow:hidden; padding-bottom:20px;}
.program .proimg{float:left; width:330px;}
.program .protitle{float:left; width:400px;}
.program .programtitle{font-size:22px; margin-bottom:20px;}
.program .programdetail{margin-bottom:5px;}
.program .programdetail .proBtitle{background:#596279; color:rgba(255,255,255,1); padding:3px 0; margin-right:10px; width:50px; text-align:center; display:inline-block}
.program .probox:last-child{border-bottom:none;}
.mititle{text-align:center; margin-bottom:50px; line-height:200%}
.milogo{text-align:center; padding:0 0 35px 0;}
.miproduct .miprotitle{ text-align:center; margin-bottom:30px; font-size:22px;}
.miproduct .mibox{overflow:hidden; float:left; margin-right:8px; margin-bottom:25px}
.miproduct .mibox:nth-child(4){margin-right:0;}
.miproduct .mibox:last-child{float:right;}
.miproduct .mibox .miboximg img{border:1px solid#999999;}
.miproduct .mibox .mibox1{text-align:center; font-size:16px; padding:10px 0}
.miproduct .mibox .mibox2{text-align:center;}
.miproduct .miboxw{overflow:hidden; margin-bottom:50px;}
.michangtxt{text-align:center; border:1px solid #999999; border-left:none; border-right:none; padding:20px; margin-bottom:100px}
.michangtxt .michangtxt1{font-size:18px; margin-bottom:10px;}

.white{color:rgba(255,255,255,1);}
.latest{width:33.2%;float:left}
.maingallery{overflow:hidden; clear:both; margin-bottom:100px; }
.maingalleryimg{float:left; width:245px;background:#6c5f5a; text-align:center; height:190px; padding-top:20px; box-sizing:border-box}
.maingalleryrolling{float:left; width:850px}
.mainstory{overflow:hidden;}
.mainstory .storytitle{font-size:26px; text-align:center; letter-spacing:-1px; border-bottom:1px solid rgba(51,51,51,1); padding-bottom:25px; }
.mainstory .storybox{padding:20px 0; overflow:hidden;  text-align:center }
.mainstory .storyboxw{width:210px; float:left;}
.mainstory .storyboxw .icobox{width:80px; height:80px; border-radius:5px; margin:0 auto }
.mainstory .storyboxw .box01{ background:url(/images/b2.png) #4e677a no-repeat center center;}
.mainstory .storyboxw .box02{ background:url(/images/b4.png) #4e7a76 no-repeat center center;}
.mainstory .storyboxw .box03{ background:url(/images/b1.png) #597f5f no-repeat center center;}
.mainstory .storyboxw .box04{ background:url(/images/b5.png) #757f59 no-repeat center center;}
.mainstory .storyboxw .box05{ background:url(/images/b3.png) #7f6e59 no-repeat center center;}

.mainstory .storyboxw .icoboxtitle{margin:20px 0 5px; font-size:17px; letter-spacing:-1px}
.mainstory .storyboxw .gobtn { height:25px; line-height:25px; text-align:center; color:rgba(255,255,255,1); display:inline-block; background:#46484b; margin:10px auto 15px; padding:0 15px; letter-spacing:-1px; }
.mainstory .storyboxw .gobtn a{color:rgba(255,255,255,1);}
.mainfoot{background:url(/images/main_60.jpg) no-repeat center center; height:315px; text-align:center; margin-bottom:100px; overflow:hidden;  }
.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 }
.boardnew{margin-bottom:50px; overflow:hidden; margin-top:250px;}
.supportitle{font-size:24px; color:#1e6890; margin-bottom:20px; text-align:center; margin-top:20px; letter-spacing:-1px; font-weight:400}
.suppourtsubtitle{font-size:14px; color:#5d5d5d; padding-bottom:40px; text-align:center; letter-spacing:-1px; font-weight:400; line-height:160%; border-bottom:2px solid rgba(0,0,0,1)}
.support1bg{background:url(/images/support1.jpg) no-repeat center center; width:830px; height:230px; margin-top:30px}
.support2bg{background:url(/images/support2.jpg) no-repeat center center; width:830px; height:230px;  margin-top:30px}
.support3bg{background:url(/images/support3.jpg) no-repeat center center; width:830px; height:230px;  margin-top:30px}

.s06bg{background:url(/images/s06bg.jpg) no-repeat center center; width:830px; height:230px;  margin-bottom:65px;}
.s06title{text-align:center; font-size:24px; margin-bottom:15px; border-bottom:1px solid #999999; padding-bottom:35px; letter-spacing:-1px;}
.s06box{border-bottom:1px solid #999999; margin-bottom:65px; padding-bottom:20px; text-align:center; font-size:14px; line-height:160%}
.s06box .s06title1{font-size:20px; margin-bottom:10px;}
.s06box .s06subtitle .blue{color:#294794;}
.s06box .s06subtitle .bold{font-weight:500;}
.s06list .listbox{margin-bottom:35px;}
.s06list .s06listitle{font-size:22px; margin-bottom:40px;}
.s06list .listbox .list{font-size:16px; margin-bottom:10px;}
.s06list .listbox .listsub{margin-left:20px;}
.listable{margin-top:50px;}
.listable .listabletitle{font-size:22px; margin-bottom:30px;}
.listable .listabletitle span{font-size:16px;}
.listable table th{background:rgba(244,244,244,1); padding:5px 0; border-left:1px solid rgba(204,204,204,1); border-bottom:1px solid rgba(204,204,204,1);}
.listable table td{border-left:1px solid rgba(204,204,204,1); border-bottom:1px solid rgba(204,204,204,1); padding:3px 0px 3px 15px;}
.listable table{border-top:1px solid rgba(204,204,204,1);border-right:1px solid rgba(204,204,204,1); }
.listmb{margin-bottom:80px; margin-top:10px;}

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

#container {position:relative;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:1100px; 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}

.subbgwrap{background: url(/images/sub_vis_1.jpg) center center no-repeat; height:238px; width:100%; text-align:center; color:rgb(255,255,255)}
.subbgwrap .bgtxt{position:absolute; z-index:1000; top:70px; left:0px; width:100%; margin-left:0}
.subbgwrap .bgtxt img{width:300px;}
.subbgwrap .bgtxt1{font-size:28px;}
.subbgwrap .bgtxt2{font-size:16px; padding:0 10px;}
.subbgwrap .bgtxt3{font-size:14px; color:#d0cedb; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; opacity:0.8 }
.subbgwrap  .topline{width:50px; height:1px; background:rgb(255,255,255); text-align:center; margin:0 auto 10px }


#rightbanner{position:absolute; left:50%; top:400px; margin-left:620px; z-index:3}
#rightbanner .b1{ background:#5e5e5e; color:rgb(255,255,255); font-size:13px; padding:15px 0; letter-spacing:-0.5px}
#rightbanner  .b2{width:70px; text-align:center; border:1px solid #c5c5c5; box-sizing:border-box }
#rightbanner  .b2 .b3 a{border-bottom:1px solid #c5c5c5; padding:20px 0; display:block }
#rightbanner  .b2 .b4 a{padding:20px 0 ;display:block}
#rightbanner  .b5 a{display:block; background:url(/images/top.jpg) no-repeat #2d508a center 10px; width:70px; text-align:center; padding:10px 0; height:43px; box-sizing:border-box; color:rgb(255,255,255); margin-top:8px; padding-top:20px}
.rightw{width:70px; text-align:center}

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

	

}
@media all and (max-width : 375px) {
    #container_title{padding-bottom:13px}
    #container {padding:0 0 15px 0px}
    #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 {;border-top:1px solid #dde4e9;background:#fff;text-align:center; padding-bottom:50px; font-size:14px}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
#ft_company{padding:20px 20px 10px}
#ft_company a{display:inline-block;padding:0px 5px;}
.bd_no{border:none !important}
#ft_copy p, #ft_copy p a{color:#888;padding-bottom:0px}
#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}

/*group*/
#group .lt{margin-top:20px}
#group .lt_date{position:absolute;top:0;right:0;color:#5d938b}
@media all and (max-width : 375px) {
    #group .lt{margin-top:10px}

}


@media only all and (max-width:1024px){
.topnav{display:none;}
.nav{display:none;}
#hd #hd_wr{height:auto;}
 #logo {height:55px; padding:0; line-height:55px; border-bottom:1px solid rgba(236,236,236,1);     box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28); text-align:center; float:none}
 #logo img{width:120px;}
#hamburger{display:block;}
#hamburger {left: 0px; top: 0px; width: 80%; height: 100%; display: none; position:fixed; z-index: 99999; background:#f5f5f5; bottom:0}
#hamburger .hamburger_inner {padding: 12px; border-bottom:1px solid #363636; height:50px;}
.hamburger_inner .close {top: 12px; right: 2px; position: absolute;}
.hamburger_inner .close img{width:70%;}

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

.mboxw{position:relative; width:100%; margin-left: 0;    top: 0px;    left: 0;}
.mboxw>div{width:100%;}

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


.mmain-top .msearch{position:absolute; top:15px; right:0px; cursor:pointer}
.mmain-top .msearch img{width:90%;}
.topmenu nav { position: absolute;    top: 35px;    right: 10px; display:block;}
.topmenu{display:none;}

.simple_banner_wrap ul{position:relative; height:320px;}
.simple_banner_wrap{ height:auto}
.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 li{width:8px; height:8px; margin-top:30px}
.simple_banner_wrap .nav_wrap{position:absolute; top:250px; left:50%; margin-left:-75px; width:125px; height:50px; }
.simple_banner_wrap .bgtxt{position:absolute; z-index:1000; top:40px; left:0px; width:100%; margin-left:0}
.simple_banner_wrap .bgtxt img{width:300px;}
.simple_banner_wrap .bgtxt1{font-size:28px;}
.simple_banner_wrap .bgtxt2{font-size:20px; padding:0 20px;}
.wrap{width:100%;}
.mmenu{display:block; position:absolute; top:10px; left:10px;}
.mmenu img{width:50%;}
.sns{top:15px; display:none}
.mid{width:100%; box-sizing:border-box}
aside.left{display:none;}
.content{width:100%; box-sizing:border-box; border-left:none; padding-left:0; padding:0% 5%; box-sizing:border-box;}
.mainbanner .mb1{width:100%; border-right:none}
.mainbanner .mb2{width:100%;}
.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{border-bottom:1px solid #CCC; }
#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}
#ft_company{width:100%; box-sizing:border-box;}
.boardnew{margin-bottom:10px; margin-top:0}

.soge{}
.soge .s01 .s01ceo{width:100%;}
.page_title{font-size:22px }
.page_nav li{float:left;}
.soge .s01 .ceoimg{margin-right:0; text-align:center; width:100%; margin-top:0px; padding-left:0}
.soge .s01 .ceotxt{line-height:150%; font-size:18px; margin-bottom:20px; margin-top:30px}
.soge .s01 .ceotxt span{font-size:20px;}
.soge .ci img{width:100%;}
.soge .citxt .cititle{line-height:140%;}
.soge .citxt .ciBtitle{padding:0 0 20px;}
.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;}
.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;}

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

.mbbanner{width:100%; margin-top:20px;}
.mainbottom{background:#10204e url(/images/mainfoot.jpg) no-repeat; height:auto; overflow:hidden }
.mb-txt{margin-top:30px; margin-left:20px;}
.mbbanner>div{height:auto; width:50%; margin-bottom:15px;}
.mb-txt .mb-txt2{margin-right:0; width:100%;}
.mbbanner .mb-3{padding-top:10px;}
}

/* 게시물 선택복사 선택이동 */
#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; font-size:16px}
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;margin:0 0 3px;padding:3px 7px;background:#000;color:#fff;text-decoration:none;vertical-align:middle;}
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;}
.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:12px 0;color:#000;text-align:center;letter-spacing:-0.1em; border-top:3px solid #333333; font-size:16px; font-weight:normal}


.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:15px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; font-size:16px;}

.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:15px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:15px 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}
#bo_sch select{height:30px; line-height:30px;}
/* 자료 없는 목록 */
.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; border-bottom:1px solid #999999; padding-bottom: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:30px; border:1px solid #dddddd; box-sizing:border-box}
.tbl_frm01_login textarea {width:98%;}
.tbl_frm01_login a {text-decoration:none}
.tbl_frm01_login .frm_file {display:block;margin-bottom:5px}
.tbl_frm01_login .frm_info {display:block;padding:0 0 5px;line-height:1.4em}




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

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

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

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

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

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

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



@media only all and (max-width:1024px){
#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;}
.subbgwrap{height:200px; background-size:cover;}
.history_info .txt_year{width:20%;}
.history_info{padding:20px 0;}
.soge img{width:100%;}
#rightbanner{display:none;}

.subbgwrap .bgtxt1{font-size:20px; letter-spacing:-1px}
.subbgwrap .bgtxt2{font-size:14px; padding:0 10px 10px;}
.subbgwrap .bgtxt3{font-size:13px;}
#snb{display:none;}
#snb div.snbList {display:none;}
}