@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Sarabun:800');
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 {}
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');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;height:100%; font-family: 'Noto Sans KR', sans-serif;  font-size:16px;}
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 {-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 { text-decoration:none; color:#000}
a:hover, a:focus, a:active {text-decoration:none; color:#000}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;}
/* 팝업레이어 */
#hd_pop {z-index:2000;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;     height: auto !important;}
.hd_pops_con img{width:100%;}
.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}


/* common */
body{ position: relative;/* min-width: 320px;*/ height: 100%; /*font-size: 75%; */color: #282828; letter-spacing: -1px; -webkit-text-size-adjust: none;  }
/*body{ font-family: 'NotoKrM'};*/
section{ clear: both; }

.float-right{float:right !important; }
.float-left{float:left !important; }
.bold{font-weight:bold !important; }
.mt10{margin-top:10px !important; }
.mt40{margin-top:40px !important; }
.mt80{margin-top:80px !important; }
.mt100{margin-top:100px !important; }
.pb0{padding-bottom:0 !important; }
.mb70{margin-bottom:70px !important; }

.container{ width: 1200px; margin-right: auto; margin-left: auto; position:relative; clear:both; }
.container1200{width:1200px; margin: 0 auto}
.container1500{width:1500px;}
.textcenter{text-align:center; }
.header-nav-wrapper{box-sizing:border-box}
.topgnb{ height:100px; line-height:100px; }
.ycclogo{padding-right: 70px}

/* 상단 레이아웃 */
#hd {width:100%;background:#fff;position:relative; 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); z-index:3;
}
#hd #hd_wr{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}
.topmenuw{overflow:hidden;border-top:1px solid #e9e9e9; }
.topmenu{width:1250px; margin:0 auto; }

.topmenu .nav ul li a{float:left;     font-size: 18px; letter-spacing:-1px; text-align:center; display:block; position:relative; font-weight: 500; min-width:250px; box-sizing:border-box}
.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:#fd8062; left:0} 



#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 h1{float:left;}
.nav{width:100% ; overflow:hidden; height:85px; line-height:85px;}


.nav ul li:last-child a{ padding-right:0}
.topnav{ position:absolute; right:20px; top:30px}
.topnav ul{overflow:hidden; }
.topnav ul li{display:inline;}
.topnav ul li a{color:#5e5e5e; font-size:12px; font-weight:500; box-sizing:border-box; border:1px solid #d0d0d0 ; color:#858585; width:85px; text-align:center; line-height: 30px; height:30px;    float: left;margin-right: 3px; letter-spacing: 0;}

#write_skin .addbtn{padding:4px 10px !important; position:relative; top:2px}


#hamburger{display:none;} 


.header .header-nav-wrapper ul li{float:left; }
.header .gnb li a{ padding:0 2px; display:block; letter-spacing:0; font-weight: 500; font-size:13px; color:#5e5e5e}
.header .gnb li:first-child a{padding-left:15px; }
.header .gnb li:last-child a{padding-right:0px; }
.header .header-nav-wrapper ul li.admintop a{ color: #420bf2; }
.header .gnb li a:hover{ color: #336fd4; }
.header .sns a{display:inline-block;text-align:center;width:30px; height:30px; vertical-align:middle; margin-right:7px; }
.sns a.btn-a1{background:url(/images/main/sns01.png) no-repeat 0 0; background-size:cover }
.sns a.btn-a1:hover{background:url(/images/main/sns01on.png) no-repeat 0 0; background-size:cover }
.sns a.btn-a2{background:url(/images/main/sns02.png) no-repeat 0 0;background-size:cover  }
.sns a.btn-a2:hover{background:url(/images/main/sns02on.png) no-repeat 0 0; background-size:cover }
.sns a.btn-a3{background:url(/images/main/sns03.png) no-repeat 0 0;background-size:cover  }
.sns a.btn-a3:hover{background:url(/images/main/sns03on.png) no-repeat 0 0;background-size:cover  }
.sns a.btn-a4{background:url(/images/main/sns04.png) no-repeat 0 0; background-size:cover }
.sns a.btn-a4:hover{background: url(/images/main/sns04on.png) no-repeat 0 0; background-size:cover }
.sns a.btn-a5{background:url(/images/main/sns05.png) no-repeat 0 0; background-size:cover }
.sns a.btn-a5:hover{background:url(/images/main/sns05on.png) no-repeat 0 0; background-size:cover }
.header .header-nav{height:105px; line-height:105px; }
.header .logo{position:absolute; left:50%; margin-left:-110px; }
.header .familysite_bt{position: absolute;    top:5px;    left: 0;    display: block;    width: 70px;    height: 70px;
background: url(../img/images/familysite_bt.png) no-repeat 0% 50%;}
.header .gnb-area{height:80px; line-height:80px; padding-left:140px;}
.header .gnb-area .mbar{float:left; padding-left:30px; }
.header .gnb-area ul{float:left; }
.header .gnb-area ul li{float:left; position:relative}
.header .gnb-area li > a { display: block;  color: #000;  font-size: 20px;  font-weight:500; width:160px; margin-right:35px; text-align:center}
.header  .gnbmenubar{ height:6px; background:#336fd4; width:160px; position:absolute; bottom:-6px; z-index:3}
.header .gnb-area li:first-child a{padding-left:0; }
.header .gnb-area li > a:hover{color:#336fd4; }
.header-widget{ line-height: 10px;  padding-top: 50px; }
.header .util-search {float:right; line-height: 24px; }
.header .util-search a.search {display:inline-block;width:42px;height:42px;font-size:0;line-height:0;margin:0;background:url(/images/main/search.png) no-repeat 0 0; }




/* All Menu */
#snb { position:absolute; top:185px; z-index:1000;   background-repeat:no-repeat; background-color:#fff; border-bottom:1px solid #ebebeb; width:100%; letter-spacing:-0.8px; display:none; border-top:1px solid #ebebeb; left:0; padding-bottom:30px;}
#snb div.snbList { width: 1200px; margin:0 auto; overflow:hidden; position:relative;   z-index:1000;}
#snb div.snbList li{ letter-spacing:-1px; }
#snb div.snbList li.sub { float:left;  padding-top:10px;    box-sizing: border-box; margin-right:10px; }
#snb div.snbList li.first { }
#snb div.snbList li.sub ul.menu li { float:none;  }

#snb div.snbList li.sub ul.menu li a { color:#444; display:block; width:210px;  font-size:15px; letter-spacing:-1px; text-align: left;      box-sizing: border-box;    padding: 5px 0 5px 25px; border-bottom: 1px solid #d4d4d4;  margin: 0 10px}

#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:#4c5363}
#snb div.snbList li.sub ul.menu li ul li a{font-size:13px; padding-left:65px;}
#snb div.snbList li.sub ul.ss1 li a {padding-left:30px;}
#snb div.snbList li.sub ul.ss3 li a {padding-left:30px;}
#snb div.snbList li.sub ul.ss4 li a  {  padding-left:30px;}




.simple_banner_wrap{ position:relative; height:550px; 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/main_bg.png) no-repeat top center; width:100%; height:100%; background-size:cover;}
.simple_banner_wrap .mainimg2{background:url(/images/main_bg.png) 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:100px; height:1px; 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 .bgtxt3{font-size:24px; color:#d0cedb; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; opacity:0.8 }
 


.reservationzone{background:#f5f4f4;}
.reservationzonew{width:1200px; margin:0 auto;}
.reservationtop{height:80px;  background:rgba(228,227,227,0.5); border-bottom:1px solid #dedddd}
.reservationtop > div{float:left; height:80px; }
.reservation-txt{width:12%; background:#d8d7d7; text-align:center; color:#111111}
.reservation-txt .rt1{display:block; font-size:24px; font-weight:500; padding-top:10px;}
.reservation-txt .rt2{display:block; font-size:15px; font-weight:500; font-family: 'Karla', sans-serif; text-transform:uppercase }
.rebox{width:44%; font-size:24px; color:#8b8a8a; line-height:80px; padding:0 60px 0 70px; box-sizing:border-box; float:left; cursor:pointer; background:url(/img/reser-sel.png) no-repeat 90% center}
.reservationboxw{overflow:hidden;  padding:70px 0 50px;}
.reservationbox a{width:25%; float:left; padding-left:25px; padding-right:15px; box-sizing:border-box; border-right:1px solid #d9d8d8; display:block}
.reservationbox:first-child{}
.reservationbox .reservationbox-title{font-size:18px; color:#000000; font-weight:500}
.reservationbox .rline{width:30px; height:3px; background:rgba(0,0,0,1); margin:10px 0}
.reservationbox-stitle{color:#474747; height: 50px;     font-size: 14px;}
.reservationbox:last-child{border-right:none;}
.reservbtn{border:1px solid #a9a9a9; width:80px; height:25px; line-height:25px; text-align:center; text-transform:uppercase; font-weight:600; font-size:11px; background:rgba(255,255,255,1); margin-top:20px; color:#474747; font-family: 'Karla', sans-serif; letter-spacing:0}

.buszonew{background:#fff;}
.buszone{ z-index: 99; overflow:hidden; padding:35px 0 35px; width:1200px; margin:0 auto; }
.buszone .wbox div a{float:left; width:200px; border-right:1px solid #e1e1e1; height:100px; text-align:center; box-sizing:border-box; font-weight:500; padding-top:80px; display:block }
.buszone .wbox div a:hover{ color: #1581e8; }
.buszone .bus01 a{background:url(/images/main/m-ico01.png) no-repeat center top;} 
.buszone .bus02 a{background:url(/images/main/m-ico02.png) no-repeat center top;}
.buszone .bus02 span{font-size:20px; font-weight:700}
.buszone .bus03 a{background:url(/images/main/m-ico03.png) no-repeat center top;}
.buszone .bus04 a{background:url(/images/main/m-ico04.png) no-repeat center top;}
.buszone .bus05 a{background:url(/images/main/m-ico05.png) no-repeat center top;}
.buszone .bus06 a{background:url(/images/main/m-ico06.png) no-repeat center top;}
.s01table{width:98%; margin:0 auto 10px; border-top: 1px solid #67585b !important;}
.s01table tr td:nth-child(2), .s01table tr td:nth-child(3){text-align: left; padding-left: 10px}


.mboxw{overflow:hidden; width:1100px; position:relative; top:-50px; z-index:3; height: 300px; margin:0 auto; background:rgba(255,255,255,1)}
.mboxw>div{box-sizing:border-box; width:25%; height:300px; float:left; text-align:center}
.mboxw .mbox1{background:#0b3067 url(/images/mbox1.png) no-repeat bottom ; width:213px; padding: 30px 30px 0; box-sizing:border-box}
.mboxw .mbox1 .mbox1-title{color:#9eb7cf; font-size:18px; padding-bottom:30px;}
.mboxw .mbox1 .mbox1-title span{width:20px; height:1px; display:block; margin:10px auto; background:#60789c; }
.mboxw .mbox1 .mbox1-more a{width:155px; height:40px; line-height:40px; text-align:center; font-size:16px; border:1px solid #8497b4; display:block; box-sizing:border-box; color:#e3e6e9; font-weight:500; margin-bottom:20px;}
.mboxw .mbox1 .mbox1-more a:hover{transition: background-color 200ms linear; background:#092a5a }

.mboxw .mbox2{width:260px; background:#bfd4ef; }
.mboxw  .mbox2w { position:relative; height:155px;}
.mboxw .mbox2w:nth-child(2){background:#95c0eb}
.mboxw  .mbox2w a{padding:30px 60px 0 20px; box-sizing:border-box; text-align:left; display:block;color:#626262; letter-spacing:-1px; font-weight:500}
.mboxw .mbox3{width:400px; background:#f9f9f9; padding: 25px; box-sizing:border-box; text-align:left}
.mboxw .mbox4{width:227px; background:#3fbce9; padding:30px 0 0 0 }
.mboxw  .mbox2-title{font-size:16px; color:rgba(0,0,0,1); font-weight:600; font-size:18px; margin-bottom:10px;}
.mboxw .mbox2-plus{color:rgba(255,255,255,1); font-size:36px; font-weight:700; position:absolute; right:20px; top:20px}
.mbox3-title{font-size:18px; font-weight:700; margin-bottom:15px; position:relative}
.mbox3-title .mbox3-plus a{color:#999; font-size:36px; font-weight:700; position:absolute; right:0px; top:-15px; display:block}

.mbox3-stitle{font-size:16px; font-weight:500; margin-bottom:10px;}
.mbox3-txt{font-size:14px; color:#8d8d8d; border-bottom:1px dotted #CCC; padding-bottom:20px; margin-bottom:20px;}
.mbox3-list ul li:before{content:"+"; font-size:10px; color:#6d707f; padding-right:15px;}
.mbox3-list ul li{ margin-bottom:5px;}
.mbox4-title{font-size:18px; color:rgba(255,255,255,1); font-weight:500; padding-bottom:20px;}
.mbox4-title  span{width:30px; height:1px; display:block; margin:5px auto; background:#fff; }
.mbox4-list{padding:0 7px;}
.mbox4-list div{ position:relative }
.mbox4-list  a{border:1px solid #39a9d1; border-bottom:none; height:48px; line-height:48px; text-align:left; display:block; font-size:14px; font-weight:500; letter-spacing:-1px; padding-left:60px; box-sizing:border-box}
.mbox4-list div:last-child a{border-bottom:1px solid #39a9d1; }
.mbox4-list .m1 a{background:url(/images/ico01.png) no-repeat 20px center;}
.mbox4-list .m1 a:hover, .mbox4-list .m3 a:hover{background:url(/images/ico01.png) no-repeat 20px center #30a8d3; transition: background-color 200ms linear; }
.mbox4-list .m2 a:hover, .mbox4-list .m4 a:hover{background:url(/images/ico02.png) no-repeat 20px center #30a8d3; transition: background-color 200ms linear; }
.mbox4-list .m2 a{background:url(/images/ico02.png) no-repeat 20px center;}
.mbox4-list .m3 a{background:url(/images/ico01.png) no-repeat 20px center;}
.mbox4-list .m4 a{background:url(/images/ico02.png) no-repeat 20px center;}
.mbox4-list  .plus{display:block; width:25px; height:25px; border:1px solid #38a8d0; position:absolute; right:20px; top:10px;}
.mbox4-list  .plus:after{content:"+"; font-size:16px; font-weight:700; text-align:center; display:block; position:absolute; top:-10px; left:8px; color:#1e5b71}

.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_m{ left: 0px;   top: 0px;    width: 100%;    height: 100%;    display: none;    position: fixed;    z-index: 2;    opacity: 0.8;background-color: rgb(0, 0, 0);}

.hamburger{display:none;}
.sns{overflow:hidden;}
.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;}

.sboxw{width:1035px; margin:0 auto 45px; overflow:hidden}
.sbox > div{float:left; width:345px; height:285px; background: #f2f1ef;}
.sbox  .sboxs a{background:#f2f1ef; padding:30px 40px; box-sizing:border-box; display:block}
.sbox  .sboxs .sbox-title{text-align:center; font-size:24px; margin-bottom:20px; font-weight:600; letter-spacing:-1px;}
.sbox .sbox-more{display:block; border:1px solid #CCC; width:90px; height:30px; line-height:30px; text-align:center; margin:0 auto; letter-spacing:-1px; background:rgba(255,255,255,1); box-sizing:border-box; font-size:13px; font-weight:500}
.sboxs:hover .sbox-more{background:#dedbd4; color:#FFF; transition: background-color 200ms linear;}

.sbox .sbox-stitle{font-size:13px; margin-bottom:20px;}
.sbox .sbox1{background:url(/images/b1.png) no-repeat; background-size:cover;}
.sbox .sbox2{background:url(/images/b2.png) no-repeat; background-size:cover;}
.sbox .sbox3{background:url(/images/b3.png) no-repeat; background-size:cover;}
.sbox .sbox4{background:url(/images/b4.png) no-repeat; background-size:cover;}

.strboxw{overflow:hidden;}
.strboxw .strbox{float:left; width:24%; margin-right:1%; background:#f7f7f7}
.strbox01{background:url(/img/main/mainb_01.jpg) center center; background-size:cover; height:250px;}
.strbox02{background:url(/img/main/mainb_02.jpg) center center; background-size:cover;  height:250px;}
.strbox03{background:url(/img/main/mainb_03.jpg) center center; background-size:cover;  height:250px;}
.strbox04{background:url(/img/main/mainb_04.jpg) center center; background-size:cover;  height:250px;}
.strbox-txt{padding:30px 20px; height:180px; box-sizing:border-box}
.strbox-txt ul{padding-left:20px; font-size:16px; font-weight:500}
.strbox-title{font-weight:600; padding-bottom:20px; padding-left:10px; font-size:18px; letter-spacing:-1px}
.strbox-txt ul li{background: url(img/bullet.gif) no-repeat 0 50%; position:relative;font-size:17px; line-height:28px;}
.strbox-txt ul li:before{width:4px; height:4px; border-radius:100%; position:absolute; display:block; content:''; background: #a7a4a4; top: 10px;    left: -8px;}
/*서브페이지*/

.page_nav{font-size: 14px; color:#626262;  }
.page_nav li {float:right; margin-left: 10px; line-height: 40px; }
.page_title{ padding: 10px 0 10px;font-size: 28px;line-height: 160%;font-weight: 500; letter-spacing:-1px;     width: 70%;
    float: left;}
.page_title span.h2_5:before{    font-size: 16px;    display: block;    content: '제17회 포은문화제 '; position:relative; top:12px;}
.page_title span:last-child {display: block;width: 35px;height: 1px;background: #000;margin: 0 auto;}
.soge{line-height:170%;  font-weight:400; word-break:break-all; letter-spacing:0px; font-size:17px; color:#272727 } 

.hanw{overflow:hidden;}
.hanbox{float:left; width:300px; height:220px;  color:rgba(255,255,255,1); text-align:center;box-sizing: border-box;    margin: 10px 20px 10px 0;  }
.fontw400{font-weight:400;}
.hanbox01{background:url(/images/parade-1.jpg) center center;}
.hanbox02{background:url(/images/hak-2.jpg) center center;}
.hanbox03{background:url(/images/hak-3.jpg) center center;}
.hanbox04{background:url(/images/hak-4.jpg) center center;}
.hanbox05{background:url(/images/hak-5.jpg) center center;}
.hanbox06{background:url(/images/745/05_01_17.JPG) center center;}


.col_half { float:left;  position: relative;  }

.col_half > div {
	position:absolute;
	left:0;
	top:0;
	width:300px; height:220px; padding:60px 20px 0; box-sizing:border-box;
	background:rgba(32,33,37,0.7);
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out; cursor:pointer;
}
.col_half .blink {font-size:16px !important; padding:8px 0; display:inline-block; text-align:center;color:#ff0; width:70%; border:1px solid #ff0; margin:20px 15% 0 }
.col_half > div.lower {
	background:rgba(0,0,0,0.8);
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-transform:perspective(800px) rotateY(180deg);
	-webkit-transform:perspective(800px) rotateY(180deg);
	transform:perspective(800px) rotateY(180deg);
	cursor:pointer;
}
.col_half > div.lower p{font-size:16px;}
.col_half > div h1 {
	font-size:22px;
	padding:5px 0;
	margin-bottom:20px;
	color:#f6ff00; font-weight: 500;
	line-height:40px;text-align:center;
}

.col_half > div p {
	font-size:16px;
	padding:0;
	margin:0;
	color:#eee;
	line-height:24px; text-align:center; letter-spacing: -1px;
}

.col_half > div a {
	color:#ff0;
}

.col_half > div.upper {
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-transform:perspective(800px) rotateY(0deg);
	-webkit-transform:perspective(800px) rotateY(0deg);
	transform:perspective(800px) rotateY(0deg);
}

.col_half:hover > div.lower {
	-moz-transform:perspective(800px) rotateY(0);
	-webkit-transform:perspective(800px) rotateY(0);
	transform:perspective(800px) rotateY(0);
}

.col_half:hover > div.upper {
	-webkit-transform:perspective(800px) rotateY(-179.9deg);
	-moz-transform:perspective(800px) rotateY(-179.9deg);
	transform:perspective(800px) rotateY(-179.9deg);
}

.sogeboard{line-height:170%; font-weight:300; word-break:break-all; letter-spacing:-0.6px;  padding: 0 0px 50px 0;}

.s-img{overflow:hidden; margin-bottom:100px; padding-top:50px;}
.s-img > div{float:left; width:160px; margin-right:10px; font-size:12px;}
.s-img > div:last-child{margin-right:0;}
.s-img .simg-title{background:#03517f; text-align:center; color:rgba(255,255,255,1); font-size:13px; margin-top:10px; margin-bottom:10px;}
.sb2 .simg-title, .sb2 .simg-txt{background:#bd173b;}
.sb3 .simg-title, .sb3 .simg-txt{background:#e27416;}
.sb4 .simg-title, .sb4 .simg-txt{background:#687b5b;}
.sb5 .simg-title, .sb5 .simg-txt{background:#fbbc23;}

.ilposter{margin: 50px 0}

.simg-txt{text-align:center; background:#03517f; color:rgba(255,255,255,1); padding: 20px; box-sizing:border-box; height:220px; font-style:italic}

.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;}
.btnApply{text-align:center;}
.btnApply a{width:300px; padding:15px 0; margin:0  auto; background:rgba(51,51,153,1); color:rgba(255,255,255,1); text-align:center; font-size:20px; font-weight:400; display:inline-block; clear:both }
.huw{overflow:hidden;}
.huwbox{float:left; width:50%; padding-right: 20px;    box-sizing: border-box;}
.huwbox:nth-child(2){float:right; padding-right:0}

#section4{padding:50px 0 ;     overflow: hidden;  }
#section4 .sec04{width: 780px;    float: left;    margin-right: 30px;}
#section4 .swiper-container{ margin:0 auto; }
.notice-title{font-size: 18px; color:#515251; border-bottom:2px solid #2e3133; position:relative; padding:0px 0 5px 0; font-weight:500; letter-spacing:-1px;}
.notice{}
.tmore{position:absolute; right:0; top:-5px; font-size:13px; border:1px solid #d9d9d9; width:80px; height:28px; line-height:28px; padding-left:10px; box-sizing:border-box; background: url(/images/dotgray.png) 65px center no-repeat #FFF; display:block; letter-spacing:-1px;}
.bbsw{float: right;    width: 390px;}

.junbi{text-align:center; font-size:40px; padding:150px 0; border:1px solid rgba(244,244,244,1); margin-top:50px ; color:rgba(102,102,102,1)}

.swiper-slide img{width:100%;  transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);
-o-transform: scale(1);  transition: all 0.5s ease-in-out;   /* 부드러운 모션을 위해 추가*/}
.swiper-slideimg{position:relative; overflow:hidden}

.swiper-slide:hover img{  transform: scale(1.1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);}


.scover{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); top:0; left:0; bottom:0;  text-align:center; color:rgba(255,255,255,1); padding-top:120px; box-sizing:border-box; opacity:1}

.swiper-slide .scover-t1{font-size:16px; padding-top:20px;}
.swiper-slide .scover-t2{width:30px; height:1px; background:rgba(255,255,255,1); margin:10px auto 10px;}
.swiper-slide .scover-t4{color:#f42838; font-size:15px; font-weight:500; padding-top:10px}
.swiper-slide .scover img{width:auto;}

.search .seimg input{position:relative; float:right }
.search fieldset{width:550px;height: 55px;  box-sizing:border-box}
.search fieldset { position: relative; margin: 0 auto;width: 550px; height: 54px;line-height: 54px; }
.search legend {float: left;    font-size: 22px;       height: 54px;position:relative; line-height:54px; width:140px; color:rgba(51,51,51,1) ;font-family: 'Noto Sans KR'; text-align:center; background:rgba(255,255,255,0.7); position:relative }
.search legend:after{ content:''; position:absolute; background:#ae8e82; width:1px; height:30px; right:0px; top:12px}
.search  #keyword {    width:344px;     padding-left: 20px ;    border: 0; font-size: 12px;    color: #7c8389;   background:rgba(255,255,255,0.7);  float:left; height:54px; padding-right:20px; box-sizing:border-box }


/*.main-big-banner img{width: 400px}*/

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

#container {}
#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*/


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

.left h2{      font-size: 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:'FESTIVAL INFO'}
.left .h2_3:after{  font-size: 10px;   color: #000000;   display: block; content:'FESTIVAL'}
.left .h2_4:after{  font-size: 10px;   color: #000000;   display: block; content:'PICTURE'}
.left .h2_5:after{  font-size: 10px;   color: #000000;   display: block; content:'FORM'}
.left .h2_6:after{  font-size: 10px;   color: #000000;   display: block; content:'COMMUNITY'}

.left_menu{ margin:0;    }
.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(/images/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;  background: url(/images/submenu_acdot.png) 184px center no-repeat #1a6cbf;  }
.left_menu li .newico{background: #003f6b; width:53px; height:17px;     display: inline-block; position:relative; margin-right:3px; top:0px; border-radius:10px; color:rgba(255,255,255,1); line-height: initial; font-size:11px; text-align:center; letter-spacing:0}

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

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

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



/*navi_area*/
.navi_area{position:relative;height:48px;border-bottom:1px solid #e5e5e5}
.navi_area .layout{position:relative;height:48px}
.navi_area .btn_home{width:50px;height:48px;background-position:0 -60px}
.navi_dp1_list{display:inline-block;zoom:1;font-size:14px}
.navi_dp1_list:after{display:block;clear:both;content:''}
.navi_dp1_list>.navi_dp1{float:left;position:relative; width:260px; letter-spacing:-1px;}
.navi_dp1_list>.navi_dp1>span{position:relative;display:block;padding:0 15px;border-right:1px solid #2e465e;text-decoration:none; font-size:16px; color:#fff ; box-sizing:border-box; cursor:pointer; }
.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:2; width:99%}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list{left:0; top:55px}
.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;}
.navbar-fixed-top .navi_dp1_list>.navi_dp1>span{border-right: 1px solid #1866b4;}
.navbar-fixed-top  .homenav a{border-right: 1px solid #1866b4;}

.productarea{ overflow:hidden;}
.proareabox{overflow:hidden; position:relative}
.proareabox-txt{float:left; position:absolute; padding-left:540px; font-size:18px;}
.proareabox-txt p{padding-bottom:30px;}
.proareabox-img{float:left; width:500px;}
.pright .proareabox-img{float:right;}
.proareabox-img span{text-align:center; font-size:18px; font-weight:500; display:block; padding-top:10px; }
.pright .proareabox-txt{padding-right:530px; padding-left:0} 
.ptitle{text-align:center; font-size:24px; font-weight:500}
.ptfelist{overflow:hidden; margin-bottom:80px;}
.ptfelist li{float:left; height:420px; text-align:center; font-size:18px}
.ptfelist li:nth-child(4){padding-left:150px;}
.ptfelist li:nth-child(5){padding-left:110px;}
.ptfeimg img{width:100%;}

#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}
#subbg{background: url(/images/subg4.png) center no-repeat; height:207px; width:100%; text-align:center; color:rgb(255,255,255); background-size:cover;  font-size:22px; padding-top:0px; box-sizing:border-box; letter-spacing:0px;  background-size:cover; color:rgba(255,255,255,0.7); font-size:20px; text-align:center; padding-top:80px; box-sizing:border-box; display:none}
#subbg2{background: url(/images/mainbg2.jpg) center no-repeat; height:286px; width:100%; text-align:center; color:rgb(255,255,255); background-size:cover;  font-size:22px; padding-top:0px; box-sizing:border-box; letter-spacing:0px;}
#subbg3{background: url(/images/mainbg3.jpg) center no-repeat; height:286px; width:100%; text-align:center; color:rgb(255,255,255); background-size:cover;  font-size:22px; padding-top:0px; box-sizing:border-box; letter-spacing:0px;}
#subbg4{background: url(/images/mainbg4.jpg) center no-repeat; height:286px; width:100%; text-align:center; color:rgb(255,255,255); background-size:cover;  font-size:22px; padding-top:0px; box-sizing:border-box; letter-spacing:0px;}

.subg p:nth-child(2){font-size:15px; }


.subbgwrap{width:1200px; position:relative; margin:0 auto}
.subbgwrap .subt2{position: absolute;     left: 20px;    top: 40px;}
.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:70px; height:1px; background:rgb(255,255,255); text-align:center; margin:15px 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}


.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; border-left: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;}



.post-wrap { overflow: hidden; }
.item{overflow:hidden;}
.item-link{border:1px solid #CCC; padding:20px; box-sizing:border-box; overflow:hidden; margin-top:20px; position:relative}
.item-link:hover{cursor:pointer; background:#F6F6F6}
.item-link .thumb a{width:385px; float:left; height:200px; margin-right:30px; display:block}
.thumb01 a{background:url("/images/class-1.jpg")}
.thumb02 a{background:url("/images/class-2.jpg")}
.thumb03 a{background:url("/images/class-3.jpg")}
.thumb04 a{background:url("/images/class-4.jpg")}
.thumb05 a{background:url("/images/class-5.jpg"); background-position-y: bottom;}
.thumb06 a{background:url("/images/class-6.jpg")}
.thumb07 a{background:url("/images/class-7.jpg"); background-position-y: bottom;}


.cont{width:calc(100% - 415px); float:left}
.cont .cont-ci{font-size:30px; padding-bottom:10px; letter-spacing:-1px; font-weight:600; padding-top: 20px;}
.cont .cont-tl {
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal; font-weight: 400; padding-bottom:10px;}
.cont-for{font-size:15px;}
.post-data li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: #231F20;
    font-weight: 400; padding-left: 15px;
    text-align: left;
    margin-bottom: 5px; background: url(/images/dot_g.png) no-repeat 3px 12px;}

.post-catalog .cont-for strong {
    color: #2E2A2B;
    font-weight: 300;
}
.post-data strong {
    position: relative;
    display: inline-block;
    color: #706D6E;
    font-weight: 300;
    width: 60px;
    margin-right: 1rem;}
.post-data strong:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 0;
    border-left: 1px solid #DAD9D9;
}

.func-inner a{box-sizing: border-box;
    display: inline-block;
    overflow: hidden;  
    padding: 12px 27px 13px;
    color: #2E2A2B;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid rgba(46, 42, 43, 0.25);
    background-color: transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
	position:absolute; right:30px; bottom:30px}
.btn:hover, .btn:focus {
    color: #fff;
    border-color: #EC1C24;
    background-color: #EC1C24;
    text-decoration: none; }

.sbusbox{border-bottom:1px solid #d4d4d4; padding-bottom:30px;  line-height:160%; margin:0 auto 30px}
.sbusbox:last-child{border-bottom:none; margin-bottom:0}
.borbno{border-bottom:none !important;}
.sbusbox .h1-title{ /*width:280px; */font-size:20px; color:#3a3a3a; font-weight:600}
.sbusbox .h1-title span{width:25px; height:1px; display:block; background:#12508a; margin-bottom:5px; }
.sbusbox .oldtitle{ color: #0f78bb; }
.sbusbox .oldtitle01{ display: inline-block; margin-top:20px; padding-left:20px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 500; color: #f5f5f5; background: #1874de url(../img/images/bg_oldtitle01.png) right 28px center no-repeat; width:270px ;}
.sbusbox .oldtitle01:hover{  background: #185fb1 url(../img/images/bg_oldtitle01.png) right 28px center no-repeat; transition: background-color 100ms linear; }

.characterbg{background:url(/images/character.png) no-repeat right bottom; padding-bottom:10px}
.characterbg2{background:url(/images/character2.png) no-repeat right bottom; }
.characterbg3{background:url(/images/character3.png) no-repeat 75% bottom; }

.article-view{ padding-top:20px; }
.article-viewbox{padding-bottom:40px; }
.article-view .article-viewbox:last-child{padding-bottom:0; }
.article-view .article-viewbox .basic-table .pdr {text-align:left;}

.article-view .desc-a2 p{padding-left: 20px}
.article-view .desc-a2 p:before{content: "- "}
.article-view .desc-a2 p + li{margin-top: 20px}

.wedboxw{overflow:hidden; padding-bottom:20px}
.wedbox{padding-bottom:20px}
.wedbox:nth-child(2n){padding-right:0; padding-bottom:0px}
.wed-title{font-weight:500; font-size:17px}

.munposter{ padding:50px 0; text-align: center;}
.munposter img{width:100%;}
.munposter-title{text-align:center; font-size:18px; padding-bottom:15px; font-weight:500}
.munwedding img{width:auto; text-align:center}

.article-imgw{overflow:hidden; margin-left:12px; }
.article-img{border-bottom:1px solid #dddddd; width:305px; margin-right:20px; margin-bottom:50px; float:left; position:relative; }
.article-img:nth-child(3n){margin-right:0; }
.article-img img{width:100%;}
.article-img .article-t2{text-align:center; color:#363636; height:48px; line-height:48px; }
.article-img .articleline{position:absolute; width:64px; height:1px; background:#767676; bottom:-1px; left:50%; margin-left:-32px; }

#bo_cate #bo_cate_on, #bo_cate .cateon a{background: #1a6cbf url(/images/gnbarr.png) no-repeat 92% center !important;    color: rgba(255,255,255,1) !important;}
#bo_cate a{margin-right: 0px !important;     margin-bottom: 0px !important;border: 1px solid #dedee1;  background: rgb(255,255,255) !important; width: 99%  !important;}
#bo_cate ul{}
#write_skin > p.button > a{font-weight:400;}
.desc-a1{ color:#323232; background:url(/images/dot_h2.png) no-repeat left 5px; color:#1d1d1d; font-size:18px; padding-left:25px; font-weight:500; padding-bottom:15px; }
.desc-a2{ color:#323232; font-weight: 400; }
.downApply a{display:block; width:300px; padding:15px 0; text-align:center; background:rgba(0,0,102,1); color:rgba(255,255,255,1); font-size:20px; font-weight:400; margin:0px auto; cursor:pointer}

.desc-a2 > ul > li{background:url(/images/dot_g.png) no-repeat 3px 12px; padding-left:15px; margin-bottom:10px; overflow:hidden; color:rgba(51,51,51,1); letter-spacing: -0.5px;
}
.desc-a2 > ol > li{padding-bottom:40px;}
.desc-a2 > ol > li p{padding-left:15px; font-size:16px;}
.desc-a2  .maimg{padding-top:15px;}
.desc-a2  .maimg .we01{width:100%;}
.desc-a2  .maimgw{overflow:hidden; padding: 20px 0;}
.desc-a2  .maimgw p{float:left; padding-left: 10px;}
.desc-a2  .maimgw p span{display:block;}

.posterbox{text-align:center }


.desc-a3{ color:#525252; font-size:15px; padding-top:0px; letter-spacing:0;     padding-left: 10px;}
.desc-a3 dl{ margin-left: 15px; margin-bottom: 10px; }
.desc-a3 dd{ margin-left: 10px; }
.desc-de{font-size:16px; padding-bottom:20px; color:rgba(102,102,102,1); }
.desc-a2-num{padding-bottom:10px; font-weight:600; }
.history-1{font-size:13px; padding-top:10px;  color:rgba(102,102,102,1);  padding-left:10px; margin-bottom:20px;}
.historysoge .desc-a2 > ul > li{position:relative; margin-bottom: 0px;}
.historysoge .desc-a2 > ul >  p{padding:10px 0; font-weight:500}
.historysoge .his-img{float:left; width:30% }
.historysoge .his-img span{ font-size:12px; display:block;     text-align: center;    background: #f3f3f3}
.historysoge .his-img img{width:280px;}
.historysoge .his-txt{float:left; width: 70%;    padding-right: 3%;    box-sizing: border-box;}
.historysoge .his-txt p{padding-bottom:10px; text-align: justify;}
.historysoge .desc-a2{position: relative; padding-bottom:20px;}
.historysoge  .his-img2  img{width:50%; }
.historysoge  .his-img2  span{ font-size:12px; display:block;     text-align: center;    background: #f3f3f3; margin-bottom:20px;}
.historysoge  .desc-a3{padding-left:10px;}

.plistview{ float: right; }
.plistview a{ display: inline-block; margin: 0 20px 20px 0; padding: 0 15px 0 25px; width: 180px; text-align: center; line-height: 35px; color: #3573be; font-size: 15px; border: 1px solid #3573be; background: url(../img/images/plistview.png) left 18px top 10px no-repeat; }
.plistview a:hover{ color: #0c86f8; border: 1px solid #0c86f8; background: url(../img/images/plistview.png) left 17px top 10px no-repeat; }
.subtbgimg{ padding: 0; }
.subtbgimg img{/*width: 100%;*/}
.subtbgimg2 img{width:auto}
.subtbgtxt{width:310px; height:280px; position:absolute; background:rgba(31,100,183,0.9); right:-20px; bottom:-20px; color:rgba(255,255,255,1);     padding: 40px 50px 30px 40px; box-sizing:border-box}
.subtbgtxt .tx1{font-size:20px; color:#97e7ea; padding-bottom:5px; }
.subtbgtxt .tx2{font-size:26px; padding-bottom:20px; line-height:140%; }
.subtbgtxt .line{width:25px; height:1px; background:rgba(255,255,255,1); margin-bottom:10px }
.subtbgtxt .tx3{font-size:12px; color:#cad4e6;  line-height:150%; letter-spacing:-0.5px; }
.subtbg{ padding-top: 0; margin:0 auto 80px; position:relative}

.s02map{text-align:center; padding:30px 0 }
.s02map img{width:100%}

table caption{height:0px;overflow:0;position:absolute;left:-9999px;top:0;}
*+ html table caption{display:none;}
* html table caption{display:none;}

.h3_bul4 {height:53px; padding-top:40px; box-sizing:border-box; position:relative; font-size:24px; font-weight:700; color:#111111; padding-bottom:30px; }
.h3_bul4:before{display:block; content:''; width:30px; height:1px; background:#12508a; margin-bottom:10px}

.h3_bul4 span {position:absolute; left:0; top:0;}
.h3_bul{font-size:18px; padding-bottom:5px}
.h3_bul span{font-size:14px;}
.process {padding-left:10px;}
.process > div{font-size:16px; padding-bottom:10px;}
.process > div span{display:inline-block; font-size:12px; color:rgba(255,255,255,1); background:rgba(0,0,102,1); padding:0 10px; border-radius:15px; margin-right:10px}
.parking{text-decoration:underline; font-weight:500; font-size:14px }
.cationred{font-size:16px; font-weight:600;  color:rgba(204,0,0,1); padding: 0;}
.mgn_b30{margin-bottom:30px;}
.mgn_b10{margin-bottom:10px !important;}
.mgn_b20{margin-bottom:20px;}
.mgn_b40{margin-bottom:40px;}
.mgn_b70{margin-bottom:70px;}
.basic_list{margin-bottom:10px;line-height:1.4;}
.basic_list li{padding-left:10px;margin-bottom:20px;padding-bottom:3px;}
[class*="basic_list"] li li{padding-left:10px;margin-bottom:0px;padding-bottom:3px;background-position: 0 9px;}

.btn_list {height:28px;line-height:28px;border:1px solid #ddd;text-align:center;display:inline-block;background-color:#000000;
	width:145px;height:40px;line-height:40px;text-align: left;
	padding:0 36px 0 20px;color:#fff !important;font-size:13px;vertical-align:middle;
	background-image:url("/images/list-ico.jpg");background-repeat:no-repeat;background-position:90% center;
}


.basic_list1 {margin-bottom:20px;line-height:1.4;;}
.basic_list1 li{padding-left:15px;margin-bottom:6px;background-image:url("/images/basic_list.jpg");background-position:0px 9px;background-repeat:no-repeat;font-size:17px; overflow:hidden}
.msleft{float:left; padding-left:10px;}
.basic_list1.big li{font-weight:bold;color:#333333}
.basic_list1.big li a{font-weight:bold;color:#333333}
.basic_list1.left_plus {padding-left:10px;}
.basic_list1.mgn_no {margin-bottom:0;}
.bookconw{overflow:hidden;}
.bookcon{float:left; padding-left:20px; width: 320px;}
.bookcon p{padding-bottom:10px; font-size:16px; line-height:20px;}

.tb_type1 {background-color:#fff;margin-bottom:50px;border-top: 3px solid #4d5265;font-size:16px;}
.tb_type1 table{width:100%;border-collapse:collapse;}
.tb_type1.no_tb_border{width:715px;overflow:hidden;border-left:0px;}
.tb_type1.no_tb_border table{width:716px;}
.tb_type1.mgn_b20{margin-bottom:20px;}
.tb_type1.mgn_b30{margin-bottom:30px;}
.tb_type1.mgn_b40{margin-bottom:40px;}

.tb_type1 table thead th{text-align:center;vertical-align:middle;}
.tb_type1 table th{vertical-align:middle;text-align:left;padding-bottom:14px;padding-top:14px;padding-left:8px;padding-right:8px;color:#444444;font-weight:bold;
	border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:top;}
.tb_type1 table th:first-child {border-left:0;}
.tb_type1 table td {text-align:left;padding:14px 3px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;color:#808080}
/* .tb_type1 table td:first-child {border-left:0;} */
*+ html .in_length_ex{width:430px;}
* html .in_length_ex{width:430px;}

.tb_type1.all_center table th{text-align:center; background:#f0f0f0}
.tb_type1.all_center table td {padding:10px;}
.tb_type1.all_center table td.center{text-align:center; padding:0}
.tb_type1 table td.border-left {border-left:1px solid #dddddd;}
.tb_type1 table td.t_left {text-align:left;}
.tb_type1 table td.t_right {text-align:right;}
.tb_type1.th_center table th{text-align:center;vertical-align:middle;}
.tb_type1.th_center table td{text-align:left;padding-left:10px;}
body .tb_type1.th_center table td.align_center{text-align:center;}

.tb_type1 table tr.align_left th{text-align:left;}
.tb_type1 table tr.align_center th{text-align:center;}
.tb_type1 table tr.align_right th{text-align:right;}
.tb_type1 table tr.align_left td{text-align:left;}
.tb_type1 table tr.align_center td{text-align:center;}
.tb_type1 table tr.align_right td{text-align:right;}

.tb_type1 .align_right a{float:none;width:auto;}

.gansabtn{display:block; width:300px; text-align:center; background:rgba(0,0,51,1); color:rgba(255,255,255,1); font-size:20px; font-weight:500; padding: 10px 0 ; margin:0 auto}


@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 }
#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; padding-bottom:30px; font-size:14px; padding-top:30px;  background:#f7f7f7;  }
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.footblock{background:#4c4c4c; color:rgba(255,255,255,1); padding:30px 0 ; font-weight:400; }
.ftw{overflow:hidden; width:1160px; margin:0 auto; line-height:160%; } 
.ftw2{ /*width:780px; margin:0 auto;*/}
.footxt2{float:left; padding-left:20px; padding-top:10px;}

/* footer */
.footer{background:#373741; height:50px; display:none}
.footer .policybox{float:left; font-size:14px;}
.footer .policybox ul{overflow:hidden; position:relative; }
.footer .policybox ul li{float:left; }
.footer .policybox li a{float:left; padding:0px 30px 0; display:inline-block; color:#9c9c9c; line-height:50px; height:50px; position:relative}
.footer .policybox li a:first-child{padding-left:0; }
.footer .policybox li a::before{display: block; position: absolute; top: 22px; left:-15px; width: 1px; height: 10px; content: ''; background:#6e7075}
.footer .policybox li a:hover{ color: #f5f5f5; }


.footaddress{background:#45454f; overflow:hidden; padding-bottom:30px; padding-top:30px; border-top:2px solid #373741 }
.footaddress .addressGrap{float:left; width:550px; }
.addresstitle-m span{position:relative; display:inline-block; padding-right:20px; padding-left:20px;}
.addresstitle-m span::before{display: block; position: absolute; top: 5px; left:0px; width: 1px; height: 10px; content: ''; background:#6e7075}
.addresstitle-m span:first-child{padding-left:0;}
.addresstitle-m span:first-child::before{ background:none}

.footaddress .container{ padding-top:20px; }
.footaddress .snsw{float:right; overflow:hidden; }
.footaddress .snsw ul li{float:left; }
.footaddress .snsw a{display:inline-block;text-align:center;vertical-align:middle; }
.footaddress .snsw ul li:last-child a{margin-right:0;}
/*.footaddress .snsw a.btn-a1{background: url(../img/images/footsns01.png) no-repeat 0 0; }
.footaddress .snsw a.btn-a1:hover{background: url(../img/images/footsns01on.png) no-repeat 0 0; }
.footaddress .snsw a.btn-a2{background: url(../img/images/footsns02.png) no-repeat 0 0; }
.footaddress .snsw a.btn-a2:hover{background:url(../img/images/footsns02on.png) no-repeat 0 0; }
.footaddress .snsw a.btn-a3{background: url(../img/images/footsns03.png) no-repeat 0 0; }
.footaddress .snsw a.btn-a3:hover{background:url(../img/images/footsns03on.png) no-repeat 0 0; }
.footaddress .snsw a.btn-a4{background:url(../img/images/footsns04.png) no-repeat 0 0; }
.footaddress .snsw a.btn-a4:hover{background:url(../img/images/footsns04on.png) no-repeat 0 0; }
*/.footaddress .addressbox{float:left; }
.footaddress .addresstitle{color:#b0b0b0; font-weight:500; padding-bottom:6px; font-size:13px; letter-spacing:0 }
.footaddress .addresstitle span{padding-right:5px;}
.footaddress .addresstitle span.tel-w{color:#53b3df}

.footaddress .addresstxt{color:#b1b1b1; font-weight:500; padding-bottom:15px; font-size:14px; }
.footaddress .snsw .sns{margin-bottom:10px; }
.footaddress .snsw .sns li{float:left; margin-right:5px; }
.footaddress .copyright{color:#a1a1a1; clear:both; font-size:9px; margin-bottom:20px; letter-spacing:0; }
.footaddress .copyright img{ vertical-align: top; }
.footer .select_box{ position: relative; height: 50px; background: url(../img/images/selectico2.png) #292d36 200px center no-repeat; width: 235px; float: right; font-size: 14px; }
.footer .select_box select{ width: 100%; color:rgb(204,204,204); padding-right: 28px; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; outline: none; cursor: pointer; -moz-appearance: none; text-indent: 0.01px; text-overflow: ellipsis; height:50px; padding-left:20px; box-sizing:border-box; }
.footlogo{padding-right:30px; }
.quickmenu{position:fixed; right:0; overflow:hidden; width:75px;    bottom: 50px;      z-index: 1;}
.quickmenu .qucick-arr{ text-align:center;cursor:pointer}


.policyw{border-bottom:1px solid #e8e8e8; overflow:hidden; height:60px; line-height:60px; box-sizing:border-box; border-top:1px solid #e8e8e8; background:#fff}
.policyw .policy{overflow: hidden;    width: 1200px;    box-sizing: border-box;    margin: 0 auto;}
.policy-list{float:left; width: 60%;}
.policyw .policy-list li a{float:left; font-size:16px; padding:0 20px; color:#333333; display:block; position:relative}
.policyw .policy-list li a::before {display: block; position: absolute;  top: 25px; left: -1px; width: 1px; height: 13px;border-left: 1px solid #e1e1e1;  content: ''; }
.policyw .policy-list li:first-child a:before{border:none;}
.visite{float:right;}
.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;}


/*group*/
#group .lt{margin-top:20px}
#group .lt_date{position:absolute;top:0;right:0;color:#5d938b}
.ex01{ float:left; width:500px; padding-bottom:50px;}
.ex01-txt{ float:right; width:300px;}


/* 서브페이지 콘텐츠 시작 */
.contsBox{ margin: 20px auto 60px; font-size: 16px; line-height: 180%; }
.contsBox .h1-title{ font-size: 24px; margin-bottom: 25px; }
.contsBox .h1-title span{ display: block; margin-bottom: 10px; width: 25px; height: 1px; background: #505050; }
.contsBox .h1-title em{ font-size: 14px; font-weight: 300; }

.conts-Div{ overflow: hidden; }
.conts-Div .h1-title{ float: left; width: 370px; font-size: 24px; position: relative; margin-bottom: 10px; }
.conts-Div .h1-title span{ display: block; margin-bottom: 10px; width: 25px; height: 1px; background: #505050; }
.conts-Div .conts-des{ width: 730px; float: right; font-size: 16px; color: #323232; line-height: 180%; }
.conts-Div .carbox-title{ font-weight: 500; font-size: 18px; padding-top: 10px; }
.conts-Div .carbox-stitle{ color: #484848; font-size: 13px; letter-spacing: 0; }
.conts-Div .carbox-stitle strong{ font-size: 14px; font-weight: 500; }

.h4_box{ padding: 20px; font-size: 14px; letter-spacing: 0; border: 1px solid #eaeaea; border-radius: 3px; background-color: #f9f9f9; word-wrap: break-word; word-break: keep-all; }
.h4_box strong{ font-size: 16px; font-weight: 500; letter-spacing: -1px; }
.h4_box p strong{ font-size: 15px; letter-spacing: 0; color: #2d2d2d; }
.h4_box .h4_in0{ padding-left: 15px; }
.h4_box .h4_in1{ padding-left: 25px; text-indent: -15px; }
.h4_box .h4_in1-1{ padding-left: 16px; text-indent: -17px; }
.h4_box .h4_in1-2{ padding-left: 25px; text-indent: -23px; }
.h4_box .h4_in1-3{ padding-left: 20px; text-indent: -20px; }
.h4_box .h4_in2{ padding-left: 25px; text-indent: -17px; }
.h4_box .h4_in2-1{ padding-left: 25px; text-indent: -20px; }
.h4_box .h4_in3{ padding-left: 35px; text-indent: -15px; }
.h4_box .h4_in3-1{ padding-left: 35px; text-indent: -9px; }
.h4_box .h4_in4{ padding-left: 50px; text-indent: -20px; }
/* 서브페이지 콘텐츠 끝 */

.producbox{overflow:hidden; padding-top:50px;}
.producimg{float:left; padding-right:60px; box-sizing:border-box; padding-left:40px}
.producimg .bimg{text-align:center; height:510px;}
.productxt{float:right; width:600px; border-bottom:1px solid #b6b6b6}
.product-bom{}
.product-bomtitle{border-bottom:3px solid rgba(0,0,0,1); font-size:22px; font-weight:600; color:#3e3e3e; margin-bottom:15px; padding-bottom:10px; position:relative}
.prod-btn{position:absolute; right:0; bottom:0}
.prod-btn a{border:1px solid #979797; width:35px; height:30px; display:inline-block; background-repeat:no-repeat; background-position:center center}
.prod-btn a.prevbtn{background-image:url(/img/sub/left_arr.png)}
.prod-btn a.nextbtn{background-image:url(/img/sub/right_arr.png); margin-left:-1px}
.product-bomlist{overflow:hidden;}
.product-bomlist .product-bow{width:215px; height:360px; margin-right:5px; border:1px solid #e0e0e0; float:left; box-sizing:border-box; position:relative; border-bottom:none}
.product-bomlist .product-bow:last-child{margin-right:0;}
.simg {display:table;}
.simg > div{float:left; margin-right:10px;}
.simg span{display:table-cell; vertical-align:middle; border:1px solid #dfdfdf; width:135px; height:154px; text-align:center; margin-right:6px;}
.product-title{font-size:28px; font-weight:600; padding-bottom:15px; border-bottom:1px solid #353535; margin-bottom:20px;}
.product-stitle{padding-bottom:40px; font-size:20px; font-weight:500;}
.product-stitle .total{font-size:16px; border:1px solid #3c7b69; width:85px; height:30px; line-height:30px; text-align:center; font-weight:600; display:inline-block; margin-right:15px; }
.product-list{border-bottom:1px solid #b6b6b6; padding-bottom:30px; margin-bottom:30px;} 
.product-list li{color:#505050; margin-bottom:5px; font-weight:500}
.product-slist p{padding-bottom:30px; color:#878787; font-size:14px}
.listbtn{margin-bottom:180px;}
.listbtn a{display:block; float:right; height:30px; line-height:30px; width:90px; text-align:center; color:#000; font-weight:500; border:1px solid #666666}
.product-bowimg{display:table; height:260px; width:100%}
.product-bowimg span{display:table-cell; vertical-align:middle;text-align: center;}
.product-bowtxt{height:99px; background:#f7f7f7; padding:10px 10px 0 10px; text-align:center; box-sizing:border-box;  border-bottom:1px solid #e0e0e0;}
.product-bowimg img{max-width:170px;}




#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;}
.pc{display:block;}
.mobile{display:none;}




/* 게시물 선택복사 선택이동 */
#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 !important;color:#000;text-align:center;letter-spacing:-0.1em; border-top:3px solid #333333; font-size:15px !important; font-weight:normal }
.tbl_head01 thead th a{font-size:15px !important;}

.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:11px 0 !important;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;  font-size:15px !important; text-align: center;}
.tbl_head01 td a{font-size:15px !important;}

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

/* 자료 없는 목록 */
.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 #ddd; 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 #ddd;  box-sizing:border-box; font-size:16px; font-family: 'Noto Sans KR', sans-serif;}
.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}
#bo_sch{text-align:center;}

.tmp-check input[type="radio"] {display:none;}
.tmp-check input[type="radio"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(/images/chk_off.png) no-repeat; background-size:20px;    cursor:pointer;}
.tmp-check input[type="radio"]:checked + label span {    background:url(/images/chk_on.png) no-repeat; background-size:20px}
.tmp-check input[type="radio"]:checked + label{ cursor:pointer}

.tmp-check input[type="checkbox"] {display:none; }
.tmp-check input[type="checkbox"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(/images/chk_off.png) no-repeat; background-size:20px;    cursor:pointer;}
.tmp-check input[type="checkbox"]:checked + label span {    background:url(/images/chk_on.png) no-repeat; background-size:20px; border: none;}
.tmp-check input[type="checkbox"]:checked + label{ cursor:pointer}


.tmp-check label{cursor:pointer;}
.tmp-check .signup{font-style:normal;}
 .tmp-check{ font-weight:500; display:inline; padding-right:10px !important;}
.tmp-check span{margin-right:5px;}

/* 새창 기본 스타일 */
.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 -59px 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}

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


/*회사소개*/
.comp-title{text-align:center; font-size:45px; font-weight:600; letter-spacing:-3px; padding-bottom:20px}
.comp-stitle{text-align:center; padding-bottom:80px; font-size:20px;}
.comp-img{padding-bottom:50px;}
.companyDiv .basic-table{width:950px; margin:0 auto 200px}
.companyDiv .basic-table th{font-size:18px; font-weight:500;}
.companyDiv .basic-table td{text-align:left; padding-left:50px; font-size:16px; }

.ceoDiv{overflow:hidden; padding-bottom:150px; padding:0 15%; font-size:16px;}
.ceoimg{text-align:center;}
.sir{text-align: right}
.ceotxt .ceotxt-t1{font-size:26px; letter-spacing:-1px;  padding-bottom:10px; padding-top: 20px; line-height:150%; }
.ceotxt .ceotxt-t2{  font-size:26px; padding-bottom:80px; }
.ceotxt .ceotxt-t3 p{  font-size:18px; padding-bottom:30px;}
.ceotxt .ceotxt-t4{color:#040000; font-size:20px;  font-weight:600;}
.ceotxt .ceotxt-t3{text-align:justify; font-size:16px;}



.busDiv{overflow:hidden;}
.busw{overflow:hidden; margin-bottom:130px}
.busw .busimg{float:left;}
.busw .busimg img{width:550px; margin-top: 80px;}
.busw .bustxt{float:right; width: 550px;}
.busw .line{width: 25px;     height: 1px;    display: block;    background: rgba(51,51,51,1); margin-bottom:10px;}
.bustxt-title{font-size:28px; padding-bottom:40px;}
.bustxt-title span{font-size:30px; font-weight:600; padding-right:20px}
.bustxt-stitle{margin-bottom:35px; font-size:18px; color:#3A3A3A; line-height:160%}
.bustxt-list{font-size:20px; line-height:180%}
.bustxt-list p{padding-bottom:0; }
.left .busimg{float:right;}
.left .bustxt{float:left;}

.planbox{width:1010px; margin:0 auto 120px ; font-size:16px; line-height:180%; }
.planbox .h1-title{font-size:30px; position:relative; margin-bottom:60px; }
.planbox .h1-title span{width:25px; height:1px; display:block; background:#505050; margin-bottom:10px; }
.planbox-title{text-align:center; font-size:30px; margin-bottom:35px;  line-height:140%; }
.planbox-img{ background:url(../img/skin/plan_top.png) no-repeat 50px center; height:260px; width:100%; }
.planbox-img ul{overflow:hidden; padding-left:50px; padding-top:270px; }
.planbox-img ul li{float:left; width:150px; text-align:center; line-height:140%; font-weight:500}
.planbox-img2{padding-left:150px; }
.planboxbg{background:url(../img/skin/plan_bg.png) no-repeat; width:100%; height:437px; background-size:cover; text-align:center; color:rgba(255,255,255,1); padding-top:130px; box-sizing:border-box; margin-bottom:60px }
.planboxbg .line{width:60px; height:1px; background:#fff; display:block; margin:20px auto}
.planboxbg .bt1{font-size:24px; font-weight:600; margin-bottom:20px; }
.planboxbg .bt2{font-size:17px; font-weight:400; width:485px; margin:0 auto}


.basic-table{border-top:3px solid #67585b; border-bottom:1px solid #67585b;  border-left:1px solid #e5e6e7;}
.basic-table th{background:#ededed; border-right:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; text-align: center; font-size:17px; font-weight:500;  height:50px;  }
.s01table th{border-bottom:1px solid rgba(153,153,153,1); border-top:2px solid rgba(153,153,153,1);}
.basic-table td{ padding: 7px 10px; border-right:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; line-height: 1.8; font-size:16px; font-weight:400; color:#595959; text-align:center}
.basic-table td.tdbr{ border-right: 1px solid #e5e6e7 !important; }
.basic-table td span, .basic-table th span{padding:0 10px; }
.basic-table .tdleft{ text-align: left; line-height: 1.3; }
.basic-table .texleft{ text-align: left; line-height: 1.3; }
.basic-table .text-center{text-align:center;}
.play-table{margin-bottom:20px;}
.play-table td{text-align:center;}

.listboxw{padding-bottom:50px;}
#edulist .listbox-title{ font-size:26px; color:#000; font-weight:500; text-align:center ; padding: 30px 0;  }
#edulist .listbox-stitle{line-height:160%;}
#edulist .eudview-list{overflow:hidden; padding:20px 0 ; border-bottom:4px solid #666666; }
#edulist .eduviewbtn{float:none; text-align:center; margin-top:20px}
#edulist .viewbox-name ul{width:100%;}
#edulist .viewbox-name ul li:first-child{width:10%; text-align:center}
#edulist .viewbox-name ul li:last-child{width:87%; margin-right:0}
#edulist  .eduview-detail{border-bottom:1px solid #d1d1d1;  line-height:160%; position:relative;  margin-bottom:35px;}
#edulist  .eduview-sns{text-align:right; margin-bottom:10px; padding-top:10px; top:0}
#edulist  .eduview-sns a{padding:0 3px;}
#edulist  .eduview-detail-v{ color:#707070}
#edulist  .eduview-detail-t{padding:25px 0 40px; font-size:20px; color:#4f4e4e}
#edulist  .eduview-detail-s{line-height:220%; font-size:15px; padding-bottom:60px;}
#edulist  .eduview-detail-s p{padding-bottom:20px;}
#edulist  .eduview-detail-s p img{ width: 100%; }
#edulist .listbox-name{color:#333333; overflow:hidden; height:50px; margin-left:10px;}
#edulist .listbox-name ul{float:left; overflow:hidden; width:50% }
#edulist .listbox-name ul li{float:left; margin-right:2%; border-bottom:1px solid #d0d0d0;padding-left:5px; padding-right:5px; height:50px; line-height:50px; box-sizing:border-box}
#edulist .listbox-name ul li:first-child{width:20%; text-align:center}
#edulist .listbox-name ul li:last-child{width:76%; margin-right:0}
#edulist .listbox-name ul li span{ font-weight:600;  padding-bottom:5px; }
.soge .map{padding-top:50px;}
.soge .map iframe{width:100%; height:450px;}

.soge .mapnew{background:#f9f9f9; text-align:center; padding:40px 0}

.certiboxw{overflow:hidden; margin-bottom:150px}
.certiboxw .certibox{float:left; padding-top:50px; width:48%; margin-right:1%}
.certiboxw .certibox img{width:100%;}
.certiboxbg{background:url(/images/patent1.jpg) no-repeat center; height:600px; background-size:cover; padding:460px 15% 0; box-sizing:border-box; overflow:hidden}
.certiboxbg ul {float:left; font-size:20px; font-weight:500; width:50%; padding-left:80px;
box-sizing: border-box;}
.certiboxbg ul li{position:relative;  font-size: 20px; margin-bottom:10px; font-weight:500}

.timecw{overflow: hidden; padding-left: 15px; margin-bottom: 20px; margin-top: 25px}
.timec{float: left; width: 120px; font-weight: 700; font-size: 18px; position: relative; padding-left: 10px; padding-left: 16px;}
.timec:before{content: ''; display: block; position: absolute; width: 5px;height: 5px; background: #A0A0A0; border-radius: 50px; top:12px; left: 0}
.timecm{float: left; width: calc(100% - 140px)}


.tech{}
.tech .techtitle{ font-size:28px;   margin-bottom:70px; text-align:center; padding-top:50px;}
.tech  .tech01img{text-align:center; float:left; width:620px;}
.tech01imgs{width:100%; text-align:center;}

.tech-sbox{float:left; width:500px}
.tech  .techbox{overflow:hidden; border-top:2px solid #9b9a9a; margin-bottom:50px; padding-bottom:20px; padding-left:20px; padding-right:20px; box-sizing:border-box}
.tech .techbox:last-child{border-bottom:none;     padding-top: 50px;}
.tech  .techbox .techbanner ul li{float:left; width:33%; text-align:center}
.tech  .techbox .techbanner ul li span{display:block; font-size:16px; text-align:center}
.tech .companytitle{font-size:24px;  margin-bottom:40px; margin-top:70px  }
.tech  .companytitle span{display: block;    width: 25px;    height: 1px;    background: #000;    text-align: center;    margin-top: 15px; font-weight:bold; letter-spacing:-1px; }
.tech  .colswap{overflow:hidden; font-size:16px; color:#797474; padding-top: 20px;}
.tech  .companytitle-s{font-weight:500; color:rgba(51,51,51,1); margin-bottom:10px; font-size:18px; }
.techover{overflow:hidden; padding-bottom:50px}
.tech-sbox100{width:100% !important;}

.tech .cols50{margin-bottom:20px; padding:0 50px; box-sizing:border-box}
.tech .cols50 li {color:rgba(51,51,51,1); margin-bottom:10px;}
.red{color:#e83e0a;}
.tech .develimg{padding:70px 0 70px; text-align:center;}
.tech .develimg .detxt{padding-top:30px; font-size:16px;}
.tech .develbanner{margin-bottom:120px;}
.tech .develbanner .debw {overflow:hidden;}
.tech .develbanner .debw > div{width:220px; height:70px; text-align:center;  color:rgba(255,255,255,1); font-size:16px; padding:14px 0; box-sizing:border-box; float:left}
.tech .develbanner .debw > div p:nth-child(2){font-size:15px;}
.tech .develbanner .debw > div.arrbottom{width:220px; height:35px;background:url(../images/arr_bottom.png) no-repeat center center; float:right; margin-right:15px}
.tech .develbanner .debw > div.arrnext{width:35px; height:70px; background:url(../images/develop_next.png) no-repeat center center;float:left}
.tech .develbanner .debw > div.arrprev{width:35px; height:70px; background:url(../images/develop_prev.png) no-repeat center center;float:left}
.tech .develbanner .deb1{background:#75c361;}
.tech .develbanner .deb2{background:#61c361;}
.tech .develbanner .deb3{background:#61bf76;}
.tech .develbanner .deb4{background:#61bf76;}
.tech .develbanner .deb5{background:#8cb3cc;}
.tech .develbanner .deb6{background:#8cb3cc;}
.tech .develbanner .deb7{background:#8cc3cc;}
.tech .develbanner .deb8{background:#82d1b4;}
.tech .tech-sbox .colswap p{background:url(../images/dot.png) no-repeat left 10px; padding-left:15px}

.tech-strongw{ position:relative; margin-bottom:50px;}
.tech-strongimg{position:absolute; left:0; top:0; text-align: center; color:#333}
.tech-strongimg span{display:block;}
.tech-strongbox{position:relative; padding-left:200px; box-sizing:border-box}
.tech-strongw:nth-child(2) .tech-strongbox{padding-top:30px;}
.tech-strongw:nth-child(2){padding-bottom:70px;}
.historyboxw{padding-left:18%;}
.historybox{overflow:hidden;  margin-bottom:30px;}
.historybox > div{float:left;}
.historybox .history-y{font-size:26px; color:#3b3c6e; padding-right:80px;}
.historybox .history-s{font-size:22px; color:#4c4d4f;}

.han{font-family: 'Noto Sans KR', sans-serif;}
.protab ul{overflow:hidden; margin-bottom:120px}
.protab ul li a{float:left; display:block; height:40px; line-height:40px; border-radius:20px; width:23%; margin-right:2%; text-align:center; background:#ebebeb; font-size:18px;  }
.protab ul li a.active, .protab ul li a:hover{background:#acacac;}
.prodetailw .prodetail-title{font-size:24px; text-align:center; padding-bottom:50px; color:rgba(0,0,0,1); font-weight:500; text-transform:uppercase}
.prodetailtxt{width:1100px; background:rgba(255,255,255,1); border:1px solid #e1e1e1; padding:60px; box-sizing:border-box; margin:0 auto; position:relative; top:-50px; font-size:22px; line-height:170%; position:relative}
.prodetailtxt .t1{padding-bottom:50px;}
.prodetailtxt .t2{padding-bottom:20px; color:#000 ;   font-weight: 500; font-size:24px}
.prodetailbox{overflow:hidden; padding-bottom:90px;}
.prodetailbtn{position:absolute; bottom:60px; right:40px; }
.prodetailbox-s{padding-bottom:0;}
.prodetailbox-s .t3 p{float:left; width:460px;}
.prolist{overflow:hidden;}
.prolistbox{overflow:hidden;}
.prolistbox .prolistbox-title{font-size:28px; font-weight:500; text-transform:uppercase; letter-spacing:-1px;  position:relative; background:url(/images/product/bgline.png) center repeat-x; width: 100%;    height: 30px; margin-bottom: 30px;}
.prolistbox .prolistbox-title span{position:absolute; display:block; background:rgba(255,255,255,1); padding-right:10px;}
.prolistbox{padding-bottom:85px;}
.prolistbox:nth-child(2n) .prolistbox-detail .prolistboximg{float:right;}
.prolistbox:nth-child(2n) .prolistbox-detail .prolistboxtxt{padding-left:0; padding-right:470px}
.prolistbox-detail{overflow:hidden; position:relative}
.prolistbox-detail .prolistboximg{float:left; width:450px;}
.prolistbox-detail .prolistboxtxt{ padding-left:470px; position:absolute; font-size:18px; overflow:hidden }
.prolistbox-detail .prolistboxtxt .probtn{float:right; margin-top:30px;}
.prolistbox-detail .prolistboxtxt .probtn span a{width:155px; height:40px; line-height:40px; text-align:center; display:inline-block; border-radius:20px; font-size:18px; margin-left:5px }
.prolistbox-detail .prolistboxtxt .probtn span a.probtn01{background:#bbcee1;}
.prolistbox-detail .prolistboxtxt .probtn span a.probtn02{background:#a3d39c;}
.prodeDiv{overflow:hidden;}
.prodeDiv .prodetailbox {float:left; width:48%; margin-right:2%;}
.prodeDiv .prodetailbox .t3 p{overflow:hidden;}
.prodeDiv .prodetailbox .t3 span{display:inline-block; float:left}
.prodeDiv .prodetailbox .t3 span:nth-child(1){width:90px;}
.prodeDiv .prodetailbox .t3 span:nth-child(2){width:360px;}
.prodeDiv .prodetailbox:nth-child(2n){margin-right:0; float:right;}
.proDivB-title{text-align:center; font-size:24px; padding:100px 0 30px; font-weight:500}
.proDivBs{border:1px solid #e1e1e1; padding:20px; overflow:hidden}
.proDivBs li{float:left; width:49%; margin-right:1%;     height: 360px; text-align:center ; margin-bottom:40px; font-size:20px; font-weight:500}
.proDivBs li img{width:100%;}
.proDivBs li:nth-child(2n){float:right; margin-right:0;}
.proDivBs li span:nth-child(2){padding-top:10px; display:block}

.mapbox-title{font-size:30px; text-align:center; padding:0 0 50px 0;}
.mapline{border-top:1px solid #666; padding-top:60px; }
.edu_system_detail{font-size:18px; padding-bottom:50px;}
.edu_system_detail li{padding-bottom:10px;}
.edu_system_detail .add{display:inline-block; width:80px;}


.table-th{  border-top: 1px solid #333333; padding:10px 0 !important;    border-bottom: 1px solid #CCCCCC;}
.table-th span{display:inline-block; width:10%; text-align:center; font-size: 15px !important; }
.table-th span:nth-child(1){width:5%;}
.table-th span:nth-child(5){width:20%; }
.table-th span:nth-child(6){width:14%;}
.table-th span:nth-child(7){width:9%;}
.table-th span:nth-child(8){width:9%;}

.table-td{  border-bottom: 1px solid #CCCCCC;  padding:0 10px  !important; overflow:hidden  }
.table-td span{display:block; width:10%;font-size: 15px !important;  text-align:center; float:left; padding:0 5px  !important; border-right: 1px solid #CCCCCC; box-sizing:border-box; height:100px;}
.table-td span:last-child{border-right:none;}
.table-td span a{font-size: 15px !important;}
.table-td span:nth-child(1){width:2%;}
.table-td span:nth-child(2){width:3%;}
.table-td span:nth-child(6){width:20%; text-align:left; }
.table-td span:nth-child(7){width:15%;}

.history-gallery{width: 745px;}


.ceoboxw{overflow:hidden;  margin:30px auto 0; color:#4c4c4c; font-size:17px; line-height:180%;}
.ceoboxw .ceobox{}
.ceoboxw .ceobox:nth-child(2){ }
.ceoimg{ text-align:center;margin-bottom: 100px;float: right; padding-top: 50px;}
.ceoboxw .ceobox-p{ padding-bottom:35px; }
.ceoboxw .ceobox-p .bold{font-size:16px; }

.ceosign{text-align: right; }

#write_skin .wedsex-title{font-size:18px; padding:15px 0; font-weight:500}


.subsi{padding-bottom: 100px; color: #4e4e4e}
.subsitit{font-size: 22px; padding-bottom: 40px; font-weight: 600}
.subsi p{padding-bottom: 20px;}

.iljung{text-align: center; padding: 20px 0; }

@media only all and (max-width: 1670px){
#section4 .swiper-container {width: 94%;}
}

@media only all and (max-width: 1200px){
.topgnb .float-right{display: none}
.producimg{width:40%; padding:0}
.productxt{width:60%;}
.product-bomlist .product-bow{width:19%; margin-right:1%;}
.mid{width:96%; margin:0 2%; padding-top: 0;}
.subbgwrap{width:100%;}
#hd{z-index:auto;}
.topnav{width:100%;}

.ptfelist li{width:32%; margin-right:1%}
.ptfelist li img{width:100%;}
.ptfelist li:nth-child(4){padding-left:0px;}
.ptfelist li:nth-child(5){padding-left:0px;}
.tech .tech01img{width:50%;}
.tech-sbox{width:50%;}
.tech .tech01img img{width:100%;}
.reservationzonew{width:100%;}
#section4 .sec04{width:100%; margin-right: 0;    float: none;}
.bbsw{width:100%; padding:0 15px; box-sizing:border-box}
.buszone{width:100%;}
.buszone .wbox div a{width:16.5%;}
.policyw .policy{width:100%;}
.policy-list{width:100%;   padding:10px 0;}
.policyw .policy-list li a{font-size:13px;}
.policyw .policy-list li a::before{top:0;}
.policyw{height:auto; line-height:inherit;}
.visite{float:none; font-size:13px; padding-left:5px}
#visit h2{font-size:13px !important;}
.hd_pops_footer button{font-size:12px;}

.topnav{display:none;}
.nav{display:none;} 
#hd #hd_wr{height:auto;}
#logo {height:65px; 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:65px; padding-top: 0px;}
#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_inner ul li{display:inline-block; font-size:12px; border:1px solid rgba(102,102,102,1); padding:5px }
#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;}

.topgnb{line-height:inherit; padding:20px 0;}
.mboxw{position:relative; width:100%; margin-left: 0;    top: 0px;    left: 0; height:auto}
.mboxw>div{width:100%; height:auto !important}
.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}
.topcontents{padding-bottom:60px !important; }

#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;}
.mboxw .mbox1{width:100%; background-size:cover}
.mboxw .mbox2{width:100%;}
.mboxw .mbox3{width:100%;}
.mboxw .mbox4{width:100%; padding:30px 0;}

.sbox > div{width:100%; height:auto; box-sizing:border-box}
.sboxw{width:100%; margin:0}
.sbox .sbox1, .sbox .sbox2,.sbox .sbox3{height:200px;}

.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{width: 100%;}
#ft{padding:20px 0;}
.ftw{width:100%; padding:0 3%; box-sizing:border-box}
#ft_copy{padding:10px 20px; box-sizing:border-box }
.foot_logo{float:none; text-align:center; padding-bottom:20px;}
.foot_logo img{width:100px;}

.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: 13px; left:10px;}
.mmenu img{width:80%;}
.sns{top:15px; display:none}
.tmore{top:-10px;}

.page_title{font-size:22px; width:100%;}
.titlewrap{margin-bottom:10px;}

aside.left{display:none;}
.content{width:100%; box-sizing:border-box; border-left:none; padding-left:0; padding:0% 2%; 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}

.s-img > div{width:49% !important; margin-right:2%; margin-bottom:15px;}
.s-img > div:nth-child(2n){margin-right:0;}
.s-img .simg{height:120px; }
.s-img .simg img{height:100%; width:100px;}

.lts ul li a{width:78%; float:left;   white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.lt_date3{clear:both; line-height:150%}
.sbox .sboxs a{ padding:20px; }
.sbox .sbox-stitle{text-align:justify;}
.mbox1-more{width:45%; float:left; margin-right:3%}
.mboxw .mbox1 .mbox1-more a{width:100%;}



.ex01{ float:none; width:100%; padding-bottom:50px;}
.ex01-txt{ float:none; width:100%}


.product-slist p{line-height:160%;}
.producimg{padding-right:20px; box-sizing:border-box;}
.simg > div{width:48%; margin-right:1%}
.producimg .bimg{height:auto; }
.simg{padding-top:20px;}
.prod-btn{bottom:10px;}
.product-stitle{font-size:15px;}
.producimg img{max-width: 100%;}
.subnav{display:none;}
.logo .lang{bottom:10px;}


.companyDiv{padding:10px; box-sizing:border-box;}
.companyDiv .basic-table{width:100%; margin-bottom:50px;}
.comp-title{font-size:40px; line-height:120%;}
.comp-stitle{font-size:16px; padding-bottom:40px;}
.comp-stitle p{display:inline;}
.ceoimg{float:left; width:100%;}
.ceotxt{float:left; width:100%;}
.ceoDiv{padding:0 0px 100px; box-sizing:border-box;}
.ceotxt .ceotxt-t1{font-size:24px; padding-bottom:10px}
.ceotxt .ceotxt-t2{font-size:20px;}


.tec-imgw{width:100%; background-size:200px; padding-bottom: 50px;}
.tec-imgw .tec-img img{width:33%;}
.tec-stitle{font-size:18px; text-align:left}
.tec-stitle p{display:inline;}
.tec-listbox{width:96%; height:auto; padding:20px; background:none; border:2px solid #68af52; margin:0 2% }
.tecDiv{padding-bottom:50px; padding:10px; padding-top:50px;}
.teconbox{width:100%; height:auto; margin-right:0; margin-bottom:10px; padding:20px;}
.tecon{width:100%; padding:20px;}
.tecpDiv{padding:10px;}
.tecp-table th{font-size:14px;}
.tecp-table td{font-size:14px;}
.tecp-t02 tr td:nth-child(1){padding:10px;}
.tecp-t03 tr td{padding:10px;}
.tecp-t03 tr td:nth-child(1){font-size:14px;}
.tecp-t04 tr td:nth-child(1){font-size:14px;}
.tecp-t04 tr td:nth-child(1) span{font-size:14px;}
.oa-listimg{height:auto;}
.oaBox .oa-title{font-size:20px; padding-left:20px;}
.oamuBoxw{position:relative; width:92%; height:auto; background:none; border:10px solid #63b166; margin:0 4%}
.tecmuboxw{width:100%;}
.tecmubox{float:left; width:45%; margin-bottom:15px; min-height:400px; height:420px}
.tecmufbox-simg{float:left; padding-left:30px}
.tecsystemBox .tecsysimg{width:100%; height: 300px;}
.tecsystemBox .tecsys-txt{width:100%;}
.tecsystemDiv{width:92%; margin:0 4%}
.tecsystemfootBox{width:92%; margin:0 4%;}
.tecsystemfoot{width:100%; height:auto; padding-bottom:20px;}
.tec-title .k-ico {display:block;}
.subbgwrap{font-size:18px;}
.subcon img {    width: 100%;}
.strboxw .strbox{width:49%;}
.strbox-txt ul{font-size:14px;}

.soge .history-listw img{width:auto;}

.historybox{padding:0 5%;}

.tech{width:100%; box-sizing:border-box;}
.tech .cols50 li span{padding-right:0;}
.tech .cols50{padding-right:0;}
.prodetailtxt{width:100%; padding:20px; font-size:15px; box-sizing:border-box}
.prodetailbox-s .t3 p{width:100%;}
.prodetailbox-s .t3 p img{width:100%;}
.prodetailimg img{width:100%;}

.prolistbox-detail .prolistboxtxt{padding-left:0; width:100%; position:relative; padding-top: 50px;}
.prolistbox:nth-child(2n) .prolistbox-detail .prolistboxtxt{padding-right:0;}
.prolistbox-detail .prolistboximg{float:none; text-align:center; width:100%}
.historyboxw{padding-left:0;}
.wbox {    width: 100%;    box-sizing: border-box;}
.buszone{padding:30px 0; width:100%;}
.buszone .wbox div a{width:33%; margin-bottom:20px; font-size:14px; height:90px; padding-top:85px;}
.buszone .bus02{line-height:15px;}
.buszone .wbox div:nth-child(3n) a{border-right:none;}

.reservationbox a{width:48%;     border: 1px solid #d9d8d8;margin:0 0.5% 10px; padding:15px; box-sizing:border-box; min-height:192px; display:block}
.reservationboxw{padding:20px 0;}
.reservationbox-stitle p{display:inline;}


.footer .select_box{width:100%; background-position:90% center; }
.footer .select_box select{ width: 100%; padding-right: 0; padding-left: 0; font-size: 16px; }
.footlogo{padding-bottom:10px; padding-right:0; text-align:center; margin:0 auto; width:270px; float:none !important}
.footlogo img{width:100%;}
.footaddress .addressGrap{width:100%; border-right:none; padding:0 3%; box-sizing:border-box;     float: none;}
.footaddress .copyright{margin-bottom:20px; text-align:center}
.footaddress .copyright span{display:block;}
.footaddress .snsw{ text-align:center; float:none; padding-right:0; clear:both;}
.footaddress{letter-spacing: 0; padding-bottom:20px; overflow:visible}
.footaddress .addresstitle span{display:block;}
.addresstitle-m span{padding:0; padding-left:10px; margin-right:10px;}
.addresstitle-m span::before{display: block; position: absolute; top: 0px; left:0px; width: 1px; height: 10px; content: ' '; background:none}
.addresstitle-m span:first-child{padding-left:10px;}
.addresstitle-m span:first-child::before{ background:none}
.footaddress .addresstitle{text-align:center; width:100%}
.footaddress .addressbox{width:100%;}
.footaddress .addresstitle-m span{display:inline; }
.footaddress .addresstitle-m p{display:block;}
.footaddress .snsw{text-align:center;}
.footaddress .snsw .sns li{display:inline; float:none; margin-right:0}
.totalviewbtn{margin-bottom:0; }
.footer .policybox li a{padding:0 5px; font-size:11px; float:none !important; line-height:inherit; display:inline-block; height:auto}
.footer .policybox li a::before{ top:5px; left:-3px}
.footer .policybox li:first-child a::before{display:none;}
.footer .policybox li{display:inline; float:none !important}
.footer .policybox{padding:10px; float:none; text-align:center }


.sbusbox{width:100%; padding-bottom: 20px;}
.chargebox{width:100%; padding-top:0px;}
.subreporttitle{padding:30px 0 20px; font-size:20px;}
.article-view{width:100%; }
.article-img{width:100%; }
.article-img img{width:100%; }
.subtbg{width:100%; margin-bottom:50px; }
.subtbg img{width:100%; margin:0}
.subtbgimg{margin-left:0;}
.subtbgtxt{width:100%; position:relative; height:auto; right:0; bottom:0; padding: 20px; }
.busbox{width:96%; margin-left:2%; margin-right:2%; }
.busbox .h1-title{width:100%; padding-left:10px; box-sizing:border-box; margin-bottom:10px;}

.third_tab ul.tabs{width:100%;}
.third_tab ul.tabs li:nth-child(1):nth-last-child(4), .third_tab ul.tabs li:nth-child(1):nth-last-child(4) ~ li {display: inline-block; float: none; left:0; }
#subbg{display:none;}
.history-gallery{width:100%;}

	#edulist .viewbox-name ul li:first-child{width:20%;}
	#edulist .viewbox-name ul li:last-child{width:76%;}
	#edulist .eduviewbtn{margin-bottom:50px;}
	#edulist .listbox-name ul li span{font-size:14px; display: table-cell;     vertical-align: middle;}
	#edulist .listbox-name ul li:first-child{text-align:left; position:absolute; width:60px; padding:0;     line-height: inherit; display: table;}
	#edulist .listbox-name ul li:nth-child(2){padding-left:70px; width:100% ;    line-height: inherit;  display: table-cell;     vertical-align: middle; float: none;}
	#edulist .eduview-sns a{padding:0;}
	#edulist .listbox-name ul{width:100%; float:none; border-bottom: 1px solid #d0d0d0}
	#edulist .listbox-name{height:auto;}
	#edulist .listbox-name ul li{border-bottom:none;}
	
	.ceoboxw .ceobox{width:100%; }
	.ceoboxw{width:92%; margin: 0 4%; font-size:14px;}
	.ceoboxw .ceobox-p .bold{font-size:14px; font-weight:600;}
	.ceoimg img{width:auto; }
		.ceoimg .sir{text-align: center}
	.ceoimg .sir img{width: auto}
	.ceoboxw .ceobox-p p{display:inline; }
	.ceoimg{margin-bottom:50px; }
	.soge{font-size:15px;}
	.tb_type1 table th{font-size:13px; line-height: initial; padding: 3px 0;}
	.tb_type1 table td{font-size:13px; line-height: initial; padding:5px !important;}
	.tb_type1 table td p{display:inline;}
	.h3_bul4{font-size:20px;}
	.quickmenu{}
	.footaddress .container{padding-top:0;}
	.btn_list{height:auto; line-height:inherit; background-image: none; padding: 10px;}
	.basic_list1 li{font-size:15px;}
	.container1200{width:100%;}
	.wedbox{width:100%; margin-bottom: 20px;}
	.maimg img{width:auto !important;}

}
@media only all and (max-width: 720px){
.root_daum_roughmap{height: 400px !important; width: 100% !important}
.mcm img{width: 100%}
#ft_copy{width:100%; float:none}
.footxtR{width:100%; float:none; text-align:left; padding-top:30px;}
.proDivBs li{height:auto; width:100%}
.proareabox-txt{padding-left:0; width:100%; position:relative}
.proareabox-img img{width:100%;}
.proareabox-img{width:100%;}
.tech .tech01img{width:100%;}
.tech-sbox{width:100%;}
.certiboxbg{padding-left:10px; padding-right:10px}
.certiboxbg ul{width:100%; }
.historysoge .his-img{float:none; position:relative; text-align:center; width:100%}
.historysoge .his-img img{width:100%;}
.historysoge .his-txt{float:left; padding-right:0px; width:100%}
.hanbox{width:100%; height: 180px;}
.col_half > div{width:100%; height: 180px; padding-top: 40px;}
.col_half{width:100%;}
.sogeboard .titleBox img{width:100%;}
.qucick-arr{display: none}
#view_skin img{width:100%;}

#bo_cate a {
    height: 40px !important;
    line-height: 40px !important;
    margin-right: 0px !important;
    font-size: 16px !important;}
.btnApply a, .downApply a{width:80%; font-size:16px; padding:10px 0}
.page_nav{position:absolute; right:0}
.page_nav li{line-height:inherit;}
.page_nav li .fb_iframe_widget{ position:relative; top:10px;}
#bo_v_table{display:none;}
.characterbg{background:url(/images/character.png) no-repeat right bottom; padding-bottom:100px; background-size:180px}
.characterbg2{background-size:250px; padding-bottom:50px;  background-position:-50px bottom}
.characterbg3{background:none;}
.bookcon{float:none; padding-left:0; padding-bottom: 20px;}
.item-link .thumb{width:100%;}
.cont{width:100%;}
.func-inner{position: absolute;     right: 10px;    top: 200px;}
.post-data strong:before{right:-10px;}
.func-inner a{position:relative; bottom:0; left:0px; padding: 7px 20px;     font-size: 14px;}
.item-link{padding:10px;}
.item-link .thumb a{width:100%; height:180px; margin:0}
.cont .cont-ci{font-size:25px;}
.post-data strong{width:auto;}
.cont .cont-tl{font-size:14px;}
}

@media only all and (max-width: 520px){
.ilposter{margin: 0px 0 20px}
.third_tab ul.tabs li{width: 25%; height: 30px;
    line-height: 30px;}
.productxt{width:100%;}
.producimg{width:100%; padding-right:0; padding-bottom:50px;}
.producbox{padding-top:50px;}
.product-bomlist .product-bow{width:49%; margin-bottom:10px;}
.producimg .bimg{padding:0 30px;}
.simg{ margin:0 auto;}

.logo .lang{display:none;}
.pc{display:none;}
.mobile{display:block}
.main-slide > div, .main-slide, .mainimg1,.mainimg2,.mainimg3,.mainimg4,.mainimg5,.mainimg6,.mainimg7{  height:250px !important; padding-bottom: 0;}

.subbgwrap .subt2 img{width:300px;}
.tech .colswap .cols50{width:100%;     padding-left: 0px;}

.tech .techtitle{text-align:left; font-size:24px; margin-bottom:40px}
.footmenu .ftgbox .ftitle{font-size:14px}
.footmenu .ftgbox{padding-right:10px;}
#ft_copy{padding:0;}
.strbox-txt{font-size:14px; height: auto}
.tech-strongbox{padding-left:0;}
.tech-strongimg{position:relative; text-align:center;     padding-bottom: 20px;}
.tech-strongimg img{width:auto;}
.tech-strongw:nth-child(2){padding-bottom:0;}
.prodetailbtn{bottom:20px; position:relative; margin:0 auto; right: auto;     text-align: center;}
.prodetailbox-s{padding-bottom:50px;}
.prolistbox-detail .prolistboximg img{width:100%;}
.prolistbox .prolistbox-title span{font-size:18px;}
.protab ul{margin-bottom:30px;}
.proDivBs li{width:100%;}
.prodeDiv .prodetailbox{width:100%;}
.prodeDiv .prodetailbox .t3 span:nth-child(2){width:80%;}
.prodeDiv .prodetailbox .t3 span:nth-child(1){width:20%;}
.ptfelist li{width:48%; font-size:14px; height:250px}
.proareabox-txt{font-size:14px;}
.historybox{padding:0;}
.historybox .history-y{padding-bottom:5px; padding-right:0; float:none; font-size:20px;}
.historybox .history-s{font-size:18px;}
.tech .techbox{padding:0;}
.certiboxbg ul{width:100%;}
.certiboxbg{padding-top:250px;}
.strboxw .strbox{width:100%;}
.historybox .history-y{padding-bottom:10px;}
.reservationbox .reservationbox-title{font-size:16px; white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;}
.reservationbox a{width: 48%; float:left;     box-sizing: border-box;    margin: 1%;    min-height: auto; height:165px; position:relative; display:block}
.reservationbox-stitle{height:auto; font-size:13px; letter-spacing: 0;    line-height: 130%;}
.topcontents{padding-bottom:0px !important;}
.sbusbox .h1-title{margin-bottom:20px;}
.reservbtn{ position:absolute; bottom:10px; left:15px;}
.swiper-container{padding-bottom:0 !important;}
#section4{padding:20px 0; background:rgba(255,255,255,1);}
.scover{padding-top:80px;}

#section4 .sec04{width:100%;     margin-bottom: 50px;}
.bbsw{clear:both;}
.soge .map iframe{width:100%; height:300px;}
.footer{height:auto;}
.topgnb{line-height:inherit;padding: 8px 0; height:auto}
.search fieldset{height:0;}
.basic-table td{padding:3px 0; font-size:13px}
.basic-table th{font-size:15px; height: 40px;}
.huwbox{width:100%; padding:0}
#hd_pops_7{display: none}
#hd_pop{width:90%;}
.page_nav img{width:35px;}

}

.soge .main-big-banner{height:405px}
.posc{display: flex; column-gap: 30px; margin: 20px 0}
.posc p{flex: 1; width: 50%}
.posc p img{width: 100%}


@media only all and (max-width: 520px){
.posc{column-gap: 10px;}
}