@charset "utf-8";
/* 공통 [컨텐츠] */
b {font-weight:normal; font-weight:600;}
.space {display:block; height:50px; }

.Table01 { width:100%; border-left:1px solid #dfdfdf; }
.Table01  th, .Table01 td {border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:10px 2px ; line-height:30px;  text-align:center; font-size:12pt; }
.Table01  td { background:#fff;}
.Table01  th {background:#555;color:#fff; border-right:1px solid #555;}
.Table01  .td_left {text-align:left;padding-left:2%;}
.Table01 span.td_none {color:#fff;}

#con_Mtit {text-align:center; color:#48651f; font-size:30pt;    font-family: 'Roboto Condensed',NanumBarunGothic,sans-serif;  font-weight:400; margin:10px; }
#con_Mtit > span  {color:#8dc63c;}
#con_Stit {text-align:center; color:#fff; font-size:18pt;  font-weight:400; margin-bottom:70px;  }
.con_text {text-align:center; color:#777; font-size:13pt; line-height:25px; }
span.text_block {display:inline-block; }  /*반응형을 위한 텍스트 블록 */
span.text_color {color:#555; font-weight:600;}

.sub_title_bar {background:url('/home/image/sub/dot_bg.jpg') 0 5px repeat-x;  } 
.bar_Mtit {background:#fff; width:220px; margin:0 auto;   text-align:center; color:#48651f;  font-size:20pt;  font-family: 'Roboto Condensed',NanumBarunGothic,sans-serif;    font-weight:400; }
.bar_Mtit > span {color:#8dc63c;}

.imgBox {position: relative; text-align: center;}


/* 서브페이지 */

/*공통*/ 
h2.h_txt_fl1 {font-size:20px; font-weight:600;  margin-bottom:10px; color:#333;}
h2.h_txt_fl2 {font-size:25px; font-weight:600;  text-align:center; margin:20px 0px; color:#333;}
h2.h_txt_fl3 {font-size:20px; font-weight:600;  text-align:left; margin-bottom:20px; color:#333;}
h2.h_txt_fl3 > span {color:#600;}
h2.h_txt_fl2:after {content:''; display:block; width:40px; height:1px; background:#333; margin:0 auto; margin-top:10px; }
p.p_txt_fl1 {font-size:15px; font-weight:400;  text-align:center; color:#777;}
h3.h_txt_item {font-size:24px; font-weight:400; }
p.p_txt_item {font-size:15px; line-height:24px; margin-top:30px;  }
span.span_red {color:#900; font-weight:600;}
span.span_black {color:#000; font-weight:600;}

h2.h_txt_sl1 {clear: both; font-size: 25px; font-weight:400; color: #600; margin:20px 0px; text-align:center;}
h2.h_txt_sl2 {clear: both; display:block; font-size: 25px;  padding:10px; padding-top:40px; text-align:center; font-weight:600; color: #333;  }
h2.h_txt_sl3 {display:block; font-size: 30px; text-align:center;  color:#fff; font-weight:400; }
h2.h_txt_icon {font-size:18px; font-weight:600; color:#666;}
p.p_txt_icon {font-weight:400; color:#666; }
p.p_txt_sl1 { width:100%; max-width:800px;font-size: 15px; color:#777; font-weight:400; margin:0 auto; margin-top:10px; text-align:center;  }
p.p_txt_sl2 { width:100%; font-size: 14px; color:#777; font-weight:400; margin:0 auto; margin-top:45px; text-align:center;  }
p.unline {width:50px; height:2px; background:#333; margin:0 auto; margin-top:10px;}
ul.list01 {margin: 0 0 20px 15px;}
ul.list01 li {margin: 0; padding-left: 15px; line-height: 2; font-size: 14px; color: #333; background: url('/home/image/sub/list_bullet02.gif') 0 12px no-repeat;}
a.sl_btn01 {display: inline-block; font-size: 15px; color: #fff; padding: 8px 20px; border: 1px solid #111; background: #333;}
a.sl_btn02 {display: inline-block; font-size: 15px; color: #fff; padding: 8px 20px; border: 1px solid #c25e5e; background: #d46f6f;}

.small_margin {margin-bottom: 5px !important;}
.nobmargin {margin-bottom: 0 !important;}
.nomargin {margin: 0 !important;}







/* 로그인 페이지 스타일 */
#login_wrap input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset}

#login_wrap {width:500px; margin:60px auto}
#login_wrap .login_tit {clear:both; font-size:32px; color:#333; font-weight:600; text-align:left; margin-bottom:25px}
#login_wrap .login_subtit {text-align:left; font-size:17px; color:333; font-weight:400; margin-bottom:35px}

#login_wrap .inner_box {position:relative; padding:40px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede}
#login_wrap .inner_box p {clear:both; margin:0 0 10px 0; padding:0}
#login_wrap .inner_box label {float:left; width:70px; font-size:14px; color:#333; font-weight:600; height:30px; padding-top:10px}
#login_wrap .inner_box input.input {clear:both; width:300px; height:40px; line-height:40px; text-indent:10px; color:#444; border:1px solid #d8d8d8; background:#fff; outline:none}
#login_wrap .inner_box input.input:focus {border-color:#666;}
#login_wrap .inner_box .btn_login {position:absolute; top:40px; right:0; width:115px; height:90px; font-family:'나눔고딕','NanumGothic',sans-serif; font-size:18px; font-weight:600; color:#fff; text-align:center; border:1px solid #111; background:#3f3f3f; cursor:pointer; outline:none}
#login_wrap ul.btnsign {clear:both; margin:35px 0; width:100%; text-align:center;}
#login_wrap ul.btnsign li {clear:both; width:100%; margin-bottom:10px; line-height:35px; overflow:hidden}
#login_wrap ul.btnsign li span {float:left; font-size:14px; color:#777}
#login_wrap ul.btnsign li:before {float:left; margin-right:10px; content:"\e6e1"; font-family:'xeicon'; color:#999}
#login_wrap ul.btnsign li .btn {position:relative; float:right; display:block; width:155px; height:13px; padding:10px 20px; color:#fff; text-align:left; line-height:13px}
#login_wrap ul.btnsign li .btn:after {position:absolute; top:10px; right:15px; content:"\e60d"; font-family:'xeicon'; font-size:8px; color:#eee}
#login_wrap ul.btnsign li .btn_find {border:1px solid #888; background:#999}
#login_wrap ul.btnsign li .btn_join {border:1px solid #666; background:#777}


/*신규작성 */



/*멤버십 로그인 */

.login_box {position:relative; width:500px;  overflow:hidden;  padding-left:10px;  margin:0 auto; background:#333; }
.login_box  div {margin-left:30px;}
.login_box  p {display:inline-block; font-size:13px; margin-top:5px;}
.login_box  p label {padding:0px 5px; color:#fff; }
.login_box #password, .login_box #uid {width:100px; background:#fff; font-size:13px;  height:20px; border:0px; color:#aaa; font-weight:400;}
.login_box .btn_login {position:relative; float:right; background:#900; border:0px;  padding:5px 45px; color:#fff; font-size:14px; cursor:pointer; }
.btn_tri {position:absolute; display:block; content:'';  top:0px; left:0px; width:0; height:0; border-width:17px; border-style:solid; border-color:transparent transparent #fff #fff   }
.login_box  .btn_tri1 {position:absolute; display:block; content:'';  top:0px; left:0px; width:0; height:0; border-width:17px; border-style:solid; border-color:transparent transparent #333 #333; z-index:2; }
.login_box  .btn_tri2 {position:absolute; display:block; content:'';  top:0px; right:0px; width:0; height:0; border-width:17px; border-style:solid; border-color:transparent #fff #fff transparent}
.login_box .btn_login:hover {background:#c00;  }
.login_box div.login_submit_wrap {position:relative; float:right; margin-left:0px }
.h_txt_login {font-size:14px; display:inline-block; color:#fff; margin:0px 10px;  margin-top:5px;  margin-left:40px; font-weight:400; float:left; clear:both;}
.h_txt_login > a {color:#ffd800; margin-left:5px;}
.h_txt_login > a:hover {color:#fff1a3; }
/* 프론트 멤버십 */
#fl_mb {width:100%; height:auto; background:#eee; padding-top:5px;  display:block;} 
#fl_mb > ul  {display:block; width:100%; max-width:1200px; height:auto; margin:0 auto;  } 
#fl_mb > ul:after  {clear:both; content:'';  display: block; } 
#fl_mb > ul > li  {float:left;  width:25%;  height:auto;   text-align:center; padding-top:10px; padding-bottom:70px; box-sizing:border-box;} 
#fl_mb > ul > li  > h3 {font-size:18px; font-weight:600; color:#555;}
#fl_mb > ul > li  > p {font-size:13px; font-weight:200; color:#777; margin-bottom:15px;}
#fl_mb > ul > li  > a {display:inline; border:1px solid #777; padding:2px 12px; color:#555; font-size:13px;}
#fl_mb > ul > li  > a:hover {background:#900; color:#fff; transition:all 0.3s ease;   border-color:#900;  }



/*첫번째 콘텐츠 그룹 */
.fl_group1 {width:100%; max-width:1200px; height:auto; margin:0 auto;  padding:20px 15px; padding-bottom:0px; overflow:hidden; box-sizing:border-box;}
.fl_group1:after {content: ''; display: block; clear: both;}
.fl_group1 > .fl_item1 {float:left; position:relative;  width:33.33%; height:auto; padding:20px 15px; box-sizing:border-box; }

h2.h_txt_fl1 > i {font-size:19px;}
.fl_group1 > .fl_item1 >  a {display:block; width:100%; height:100%;}
.fl_group1 > .fl_item1 >  a  > p  {color:#666; height:60px; margin-top:10px;  font-size:15px; padding-left:5px;}
.fl_group1 > .fl_item1  > a > img  {width:100%;}
.fl_group1 > .fl_item1 > a > h2:after {content:"";  display:block; width:0px; height:1px; margin-top:5px; background:#333;}
.fl_group1 > .fl_item1 > a:hover > h2:after {width:100%;  transition:all 0.3s ease; background:#900;}
.fl_group1 > .fl_item1 > a:hover > h2 {color:#900;}
.fl_group1 > .fl_item1 > a:hover > p {color:#000;}

.fl_group1  .fl_item1_img {position:relative; width:100%; height:auto;}
.fl_group1  .fl_item1_img > img  {display:block; width:100%;}
.fl_group1  .fl_item1_img > img.img_hover_item1{position:absolute; bottom:0px; opacity:0; filter:alpha(opacity:'0');}

.item_line {margin:0 auto; margin-top:40px;  height:35px;   width:100%; max-width:1200px;   background:url('/home/image/img_line1.jpg') center no-repeat; background-size:100%; text-align:center; font-size:25px; color:#aaa;}
.item_line > span {position:relative; display:block; width:70px; height:33px; background:#fff;  margin:0 auto; }

/*첫번째 콘텐츠 그룹 추가 */
.fl_group1 > .fl_item1_1 {position:relative; clear:both;  float:left;  width:66.66%; height:auto; overflow:hidden; }
.fl_group1 > .fl_item1_1 > div {position:relative; float:left; width:50%;  padding:20px 15px; box-sizing:border-box;  }

.item1_1_box   {overflow:hidden;}
.item1_1_box   > ul > li {float:left; width:33.33%;  text-align:center; }
.item1_1_box   > ul > li > a {display:block; width:100%; height:100%;   transition:all 0.3s ease;  background:#eee; padding:17px 0px;  }
.item1_1_box   > ul > li > a:hover {background:#ddd; }

  
  
  
 .fl_item1_banner {position:relative; width:33.33%;  height:145px; float:left;  padding:20px 15px;  box-sizing:border-box; overflow:hidden; margin-top:40px; }
  .fl_item1_banner > a {display:block; width:100%; height:100%; overflow:hidden; background:#333;}
  .fl_item1_banner > a:hover {background:#600;  transition:all 1s ease;}
  .fl_item1_banner > a  img {height:100%; margin-left:5px;}
  .fl_item1_banner > a div.item1_1_img { background:url('/home/image/main/ban_bg.png') 20px 0px no-repeat;}
  
/*두번째 콘텐츠 그룹 */
.fl_group2 {position:relative; width:100%; background:url('/home/image/main/item2_mbg.jpg') 0px 170px repeat-x; }
.fl_group2_wrap {width:100%;  max-width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0px 30px; padding-bottom:60px;}
.fl_group2_ul  {position:relative; display:block; width:100%; height:50px; margin-top:30px;  z-index:10; }
.fl_group2_ul > li {width:100%; height:50px; float:left; background:#333; line-height:50px; font-size:18px; text-align:center; cursor:pointer; color:#ccc;}
.fl_group2_ul > li.group2_active_li {background:#900; color:#fff;}
.fl_group2_ul > li.group2_active_li:after {display:block; content:'';  margin: 0 auto; width:0; height:0; border-width:10px; border-style:solid; border-color: #900 transparent transparent  transparent}

.fl_item2 {position:relative;  width:100%; height:auto;}
.fl_item2:after {content: ''; display: block; clear: both;}

.fl_item2_nav {position:absolute; left:0px; display:block; width:70px; height:100%; background:#333;}
.fl_item2_nav > li {display:block; width:70px; height:70px; border-bottom:1px solid #555; box-sizing:border-box;  color:#bbb;  text-align:center; line-height:70px; font-size:23px; cursor:pointer;}
li.item2_nav_active {background:#ccc !important; color:#333; }
.fl_item2_nav > li:hover {background:#555;}

.item2_sec {width:100%; height:100%;    background:#fff; }
.item2_sec:after {content: ''; display: block; clear: both;}

.item2_sec_1 {float:left; width:35%; height:100%; padding-left:70px; box-sizing:border-box; }
.sec_1 {display:none; padding:30px; }
.sec_1  h3.h_txt_item:after  {content:''; display:block; width:72px; height:1px; background:#333; margin-top:10px;}

.fl_item2_slide {width:65%;  padding:10px 0px;  background:url('/home/image/main/item2_bg.jpg');}
.fl_item2_slide > img {width:100%; max-width:740px; display:none; }
.item2_sec_active {display:block !important;}

.sec_1_ul {position:relative; bottom:0px; display:block; width:200px; margin-left:30px; margin-bottom:30px; height:auto;} 
.sec_1_ul:after {content: ''; display: block; clear: both;}
.sec_1_ul > li {display:block;  float:left; width:80px; text-align:center;  margin:2px; padding:5px 0px; box-sizing:border-box; border:1px solid #777; } 
.sec_1_ul > li:hover {background:#333; color:#fff; cursor:pointer; } 
.btn_none {color:#ccc !important;  border:1px solid #ccc !important; background:#fff !important; cursor:default !important; }

.fl_brd {background:#fff; width:49%; float:left; padding:30px; box-sizing:border-box; margin-top:50px;}
.brd_ma {margin-left:2%;}
.fl_brd  > .h_txt_fl1 > a {float:right; font-size:22px;  }
.fl_brd  > .h_txt_fl1 > a:hover {font-size:23px; color:#900; }
.fl_brd > .box_brief {border-top:2px solid #333;}
.fl_brd .cell4brief {overflow:hidden; white-space:nowrap ; text-overflow:ellipsis;}
.fl_brd .cell4brief > a:hover {color:#900;}
.fl_brd .pline4list {height:45px; border-bottom:1px solid #eee;}


/*포트폴리오 슬라이드 */
.fl_group3 {position:relative; width:100%; max-width:1200px; margin:0 auto; padding:40px 60px; padding-bottom:80px; box-sizing:border-box; background:#fff;}
.fl_group3 .fl_fortslide_wrap {position:relative; width:100%; margin-top:30px; overflow:hidden;}
.fl_group3  ul.newsbrief {position:relative;  width:900%; }
.fl_group3  .newsbrief:after {content: ''; display: block; clear: both;}
.fl_group3 .fl_fortslide_wrap .cell4news {padding:20px; float:left; }
.fl_group3 .news_div {width:100%; max-width:450px;  margin:0 auto; background:#fff;  padding-bottom:35px; border-bottom:1px solid #333; border-top:2px solid #333;}
.fl_group3 .news_title {padding:15px 10px; }
.fl_group3 .news_title > a {font-size:18px; color:#333; font-weight:600;}
.fl_group3 .news_title > a > img {display:none;}
.fl_group3 .news > a {display:block; } 
.fl_group3 .news > a > span  {display:block;  height:267px; overflow:hidden; } 
.fl_group3 .news > a > .news_img > img {float:none;  width:100%;} 
.fl_group3 .news > a > .text  {display:block; height:70px; color:#666; padding:20px 10px; overflow:hidden; } 
.fl_group3 .news > a.text_a:after {display:block; content:'자세히보기'; border:1px solid #999; text-align:center; line-height:30px;  width:100px; height:30px; margin-left:10px;  }
.fl_group3 .news > a.text_a:hover  > .text {color:#000;}
.fl_group3 .news > a.text_a:hover:after {background:#333; color:#fff;  border:1px solid #333; transition:all 0.3s ease;}

.fortslide_btn {position:absolute; padding:10px 15px;  top:55%;  cursor:pointer; z-index:10; font-size:20px; color:#ccc;  background:#555;}
.fortslide_btn:hover {background:#000; color:#fff;   margin:0px -5px; transition:all 0.3s ease;}
#fortslide_next {right:0px;}
.btn_none2 {background:#ccc !important; color:#fff  !important;  cursor:default;  margin:0px  !important;  }

/* 하단 베너  */
.fl_group4 {position:relative; width:100%; padding:10px 30px;  box-sizing:border-box; background:#eee; }
.box_banner{position:relative; width:100%; max-width:1200px; margin:0 auto; }
.fl_group4  .banner_list_btn {position:absolute; right:0px; top:0px;}


/*회사소개 페이지 */
.int1_img1 {display:block;  max-width:793px; width:100%;  margin:0 auto;  margin-top:50px; }
.int1_img2 {display:none;  width:100%; max-width:500px; margin:0 auto; margin-top:50px; }
.int_item_group {margin-top:80px; margin-bottom:50px; overflow:hidden;}
.int_item {width:33.3%; float:left;  }
.int_item > a {position:relative; display:block; padding:30px; padding-left:95px; }
.icon_wrap {position:absolute; left:30px; top:30px; width:50px; height:50px; overflow:hidden;  }
.int_item > a > h2:after {content:''; display:block;  width:0px; height:1px; background:#900;}
.int_item > a:hover > h2, .int_item > a:hover > p {color:#900;}
.int_item > a:hover > h2:after {width:100%;  transition:all 0.5s ease;}
.int_item > a:hover  img  {margin-top:-50px;  }


/* segio ui(이슬) */
#cl_context4 {position:relative; overflow:hidden; background:#fff; padding:0 30px;}
.section1 {float:left; width:100%; padding-bottom:50px; border-bottom:1px solid #ddd;}
.section1 .symbol_text {float:left; width:45%; margin-top:50px;}
.section1 .symbol_text h2 {font-size:25px; color: #600; font-weight: normal; margin-bottom:5px; }
.section1 .symbol_text p {margin-bottom:40px;}
.section1 .symbol_img {float:right; width:50%; padding-top:40px;}
.section1 .symbol_img span {display: block; width:100%; padding:70px 0; background: url(/home/image/symbol_bg.png) repeat; text-align: center; border:1px solid #ddd;}
.btn_wrap .download_btn {position:relative; margin-right: 5%; display:block; width:35%; border:1px solid #ddd; text-decoration: none; color:#333; float:left;padding: 13px 10px 13px 15px;}
.btn_wrap .download_btn em {font-style:normal;  font-size:15px;  }
.btn_wrap .download_btn span {position:absolute; top:0; right:0; background: url(/home/image/download_btn.png)no-repeat; width:50px; height:50px;}

.section2 {float:left; width:48%; padding:40px 0; margin-right:4%;}
.section2  h2 {font-size:25px; color: #600; font-weight: normal;  margin-bottom:5px;}
.section2 .symbol_img span {display: block; width:100%; padding:70px 0; background: url(/home/image/symbol_bg.png) repeat; text-align: center; border:1px solid #ddd;    margin-bottom: 20px;}

.section3 {float:left; width:48%; padding:40px 0; }
.section3  h2 {font-size:25px; color: #600; font-weight: normal;  margin-bottom:5px;}
.section3 span {display: block;  background:#f8fafb; text-align: center; }
.section3 ul {overflow: hidden; padding:30px; text-align: center;}
.section3 ul li { float: left; width:49.5%; list-style: none;} 
.section3 ul li span {display:block; width:60px; height: 60px;margin:40px auto;}
.section3 ul li.color_01 {border-right: 1px solid #ddd;}
.section3 ul li.color_01 span {background: #FF3300; }
.section3 ul li.color_02 span {background: #000;}


/* 온라인메뉴얼 */
.int2_item_group {margin:30px 0px; overflow:hidden;}
.int2_item {width:33.3%; float:left;  text-align:center;}
.int2_item > a {position:relative; display:block; padding:20px;  }
.icon_wrap2 { width:191px; height:166px; overflow:hidden;  margin:0 auto; margin-bottom:20px; }
.icon_wrap2 > img {width:100%; }
.int2_item > a >  .p_txt_icon {max-width:195px; margin:0 auto; margin-top:20px;}
.int2_item > a > h2:after {content:''; display:block;  width:20px;  margin:0 auto; margin-top:10px; height:1px; background:#666;}
.int2_item > a:hover > h2:after {width:70px; background:#900;  transition:all 0.5s ease;}
.int2_item > a:hover > h2, .int2_item > a:hover > p {color:#900;}
.int2_item > a:hover  img {margin-top:-166px; }

/*쎄지오 이벤트 부분 */ 
.brd_post {display:none !important;}

/* 쎄지오 홈페이지 안내 */
.sub_nav { overflow:hidden; width:100%; text-align:center;}
.sub_nav > li {display:block; float:left; width:33%;font-weight:600; height:45px;  line-height:40px; margin:30px 0px; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:2px solid #600;  box-sizing:border-box; font-size:17px; cursor:pointer;}
.sub_nav > li:first-child {border-left:0px;}
.sub_nav > li.sub_nav_sec {position:relative;  font-size:17px;  background:#600; color:#fff;}
.sub_nav > li.sub_nav_sec:after{position:absolute; display:block; content:''; bottom:-20px; left:50%; margin-left:-8px; width:0; height:0; border-width:10px; border-style:solid; border-color: #600 transparent transparent  transparent}

.int_item3 {position:relative; width:50%; float:left;  min-height:200px; display:block; padding:30px; padding-left:110px; }
.int_item3  h2.h_txt_icon {color:#600;}
.int_item3  h2:after {content:''; display:block;  width:50%; height:1px; background:#600; margin:10px 0px;}
.int_item3 .icon_wrap {width:70px; height:70px; overflow:hidden;  }

#cl_context1 {position:relative; overflow:hidden; background:#fff; margin-top:20px; padding-bottom:30px;}
.int_gruop_info {position:relative; overflow:hidden;}
.gruop_info_item1 {padding:70px 0px;  background:url('/home/image/sub/info_back.jpg') center no-repeat; }
.sub_nav2 {overflow:hidden; width:auto; height:70px; text-align:center; margin-top:30px; }
.sub_nav2 > li {display:inline-block; font-size:25px; padding:10px 15px; margin:2px;  background:#ccc;  cursor:pointer;  }
.sub_nav2> li.sub_nav_sec2 {position:relative;  background:#600; color:#fff;}
.sub_nav2> li.sub_nav_sec2:after{position:absolute; display:block; content:''; bottom:-20px; left:50%; margin-left:-10px; width:0; height:0; border-width:10px; border-style:solid; border-color: #600 transparent transparent  transparent}
#info_id_wrap {position:relative; margin-top:10px;  padding-bottom:50px;}
.gruop_info_item2 {position:absolute; top:0px; left:100%; background:#fff;}
div.info_item_act {position:relative; top:0px; left:0px;}

.gruop_info_item2:after {content:''; display:block; clear:both; }
.info_con {width:40%;  padding-left:30px; margin-top:50px;  float:left;}
.info_img  {width:60%; margin-top:20px; box-sizing:border-box; float:right; overflow:hidden;}
.info_img > img {width:100%; margin-left:10%;}
div.info_con > ul > li {display:block; height:auto;  overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.info_number {position:absolute;  display:block; width:60px; line-height:50px; font-size:50px; font-style: italic;  color:#600;}
.info_con > ul > li > ul {display:block; height:auto; padding-left:60px; width:100%; box-sizing:border-box;}
.info_con > ul > li > ul > li {font-size:14px; color:#777;}
.info_con > ul > li > ul > li > h3 {font-size:18px; color:#333; margin-bottom:10px; font-weight:600;}

.int2_main_img {width:100%;} 
.int2_con_gruop {margin-top:30px; overflow:hidden; }
.int2_con_gruop  > li {width:33.33%; float:left; padding:20px; box-sizing:border-box;}
.int2_con_gruop  > li > img {width:100%;}
.int2_con_gruop  > li > h2 {color:#600; font-size:20px; font-weight:400; margin:10px 0px;}


#cl_context3 {position:relative; display:none; overflow:hidden; background:#fff; margin-top:20px; padding:10px;}
#cl_context3 .int_item_group {padding-right:10px; }
.int2_mct_wrap2, .int2_mct_wrap3 {display:none;}


/*그룹웨어 안내 */
.gw_info_item {padding:50px 0px ;}
.gw_info_item > h2.h_txt_sl3 {color:#600; margin-bottom:30px;}
.sub_nav3 {overflow:hidden; width:auto;  max-width:627px; height:auto; text-align:center; padding:10px; box-sizing:border-box; margin:0 auto; }
.sub_nav3 > li {display:inline-block; margin:5px 2px; padding:5px 15px; font-size:15px; border-radius:15px; cursor:pointer; color:#555; font-weight:600;  border:1px solid #ddd;}
.sub_nav3> li.sub_nav3_sec {background:#600; color:#fff;}
#gw_info1_wrap {position:relative; width:100%; height:auto; overflow:hidden; border-top:1px solid #ddd; }
.gw_info1_box  {position:absolute; top:0px; display:none; width:100%; padding:40px 10px; overflow:hidden;  background:url('/home/image/sub/gw_bg.jpg');  box-sizing:border-box;  }
#gw_info_box0 {display:block; position:relative; }
.gw_info1_box > img {width:60%; float:left; margin-right:2%;}
.gw_con {width:38%; float:left; padding:10px 0px; }
.gw_con > h2 {font-size:22px; font-weight:400; color:#fff; margin-bottom:30px;}
.gw_con > ul > li  {font-size:15px; font-weight:400; color:#ccc; margin:5px 0px; list-style-type:disc; margin-left:20px;}

.sub_nav4 {position:relative; overflow:hidden; width:100%; max-width:500px; height:auto;  text-align:center;  line-height:40px; margin:0 auto; }
.sub_nav4 > li {width:31%; margin:0.8%; height:40px;  color:#333; font-size:20px; cursor:pointer;  float:left; border-radius:15px; border:1px solid #aaa;}
.sub_nav4_ulw {overflow:hidden;  position:absolute; width:100%;}
.sub_nav4_ul  {overflow:hidden;  position:relative; width:100%;  max-width:500px; height:auto;  text-align:center;  line-height:35px; margin:0 auto; margin-top:20px; display:none;  }
.sub_nav4_ul > li {width:24%; margin:0.5%; height:35px;  color:#555; font-size:15px;  cursor:pointer;  float:left; border-radius:10px; background:#ddd;}
.sub_nav4 > li.sub_nav4_sec {background:#600; color:#fff; border-color:#600}
.sub_nav4_ul > li.nav4_ul_sec {background:#555; color:#fff;}
.ulw_2 {display:none;}

.gw_info2_group {position:relative; height:auto;  overflow:hidden; }
.gw_info2_w {position:absolute; top:0px; width:100%; display:none;  padding:20px; overflow:hidden; z-index:1;   box-sizing:border-box; }
#gw_info2_w0 {display:block; position:relative; }

.gw_info2_part {overflow:hidden; height:auto;}
.gw_info2_part > div.info2_img_box  {width:50%; float:right;  overflow:hidden; }
.gw_info2_part:first-child > div.info2_img_box  {float:left;}
.gw_info2_part > div.info2_img_box > img {display:block; width:100%;}

.gw_info2_part > div.info2_text_box  {float:left; width:50%; text-align:right; padding:30px; overflow:hidden; background:#fff; }
.gw_info2_part:first-child > div.info2_text_box  {text-align:left; float:right;}
.gw_info2_part > div.info2_text_box > h2  {font-weight:400; font-size:25px; color:#600; margin-top:4%; margin-bottom:20px;}
.gw_info2_part > div.info2_text_box > ul  {overflow:hidden; box-sizing:border-box;}
.gw_info2_part > div.info2_text_box > ul > li  {font-size:15px; font-weight:400; color:#555; margin:7px 0px;}
.gw_btn {margin:0 auto; margin-top:20px; width:250px; height:40px;  line-height:40px;  }
.gw_btn > a {display:block; width:100%; height:100%; text-align:center; font-size:15px; background:#600; color:#fff; font-weight:600;}
.gw_btn > a:hover {background:#900;}

/*idc 서비스 */
.idc_item {padding:20px; max-width:800px; margin:0 auto; margin-bottom:50px; overflow:hidden;}
h2.idc_tit {color:#600;  margin-bottom:10px; font-size:20px; font-weight:400; }
.idc_item p {line-height:24px;}
.idc_item p.txt_center {text-align:center;}
.idc_box {margin:30px 0px; }
.idc_box  > ul {padding:2px 0px;}
.idc_box  > ul > li {list-style-type:disc; margin:5px 0px; margin-left:18px; }
.idc_left {float:left; width:50%; padding-right:10px;  box-sizing:border-box;}
.idc_right {float:right; width:50%; padding-left:10px;  box-sizing:border-box;}
.idc_info_img1 {width:100%; max-width:760px;}
.idc_info_img2 {width:100%; max-width:386px; display:none; margin:0 auto;}


/* 테이블 */
.table1 {width:100%; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; }
.table1 th, .table1 td {padding:7px 10px; border-top:1px solid #ccc; border-left:1px solid #ccc;  }
.table1 th {font-weight:600; background:#f9f9f9;}
.table1 td.right_txt {text-align:right; padding-right:20px;}
.table1 td.center_txt {text-align:center;}
.table1 td > ul > li {list-style-type:disc; margin-left:20px; margin-bottom:5px; }

.table2 {width:100%; border-top:2px solid #600; margin-top:20px;  }
.table2 th, .table2 td {padding:7px 10px; border-bottom:1px solid #ccc;  }
.table2 th {font-weight:600; background:#f9f9f9;}
.table2 td > ul > li {margin-left:12px; margin-bottom:5px; }
.table2 .tit  {display:block; margin-bottom:5px;}
.table2 .tit .text {font-weight:600; font-size:17px; color:#600;}
.table2 td.center_txt {text-align:center;}
.table2 td.center_txt a {display:block; width:100%; height:100%; background:#eee; padding:5px 0px; }
.table2 td.center_txt a:hover {background:#f60; color:#fff; transition: all 0.3s ease;}

/*다운로드 */
.down_video {display:block; width:100%; height:428px; border:5px solid #ddd; box-sizing:border-box; margin:20px auto;}
.down_tit {text-align:center; font-size:20px; font-weight:600;}
.down_tit > br {display:none;}
.down_tit > .br {display:inline;}
.down_tit span.str_blue {color:#369;}
.agree_btn {display:block; margin:20px auto; width:230px; height:35px; text-align:center;}
.agree_btn > a {display:block; width:100%; height:100%; background:#555; line-height:35px; color:#eee;}
.agree_btn > a:hover {background:#333; color:#fff;}
.patch_btn {color:#600; margin-left:20px;  }
.patch_btn:hover {color:#c00; }
/*라이선스 */
.la_text_box {padding:20px; background:#eee; border:1px solid #ddd; box-sizing:border-box;}
.la_text_box h2 {color:#333; font-size:16px; font-weight:600;}
.la_text_box ul {margin:20px 0px;}
.la_text_box ul > li  {margin:5px 0px; list-style-type:decimal; margin-left:20px;}
.la_text_box ul > li > span {border-bottom:1px solid #900;}
.la_text_box p > span {border-bottom:1px solid #900;}
/*템플릿 다운로드 */

.search_div{text-align:right;}
.all > .title {width:245px; margin:0 auto;}
.tlp_twrap {padding:0px 30px; padding-bottom:50px; background:#fff;}
form{margin:0px;}
.category_list1  a.cat_a1 {background:#600; color:#fff;} 
.category_list2  a.cat_a2 {color:#900;} 
.category_list3  a.cat_a3 {color:#900;} 
.category_list4  a.cat_a4 {color:#900;} 
.category_list5  a.cat_a5 {color:#900;} 
.cat_wrap {width:100%; padding:20px 0px;   overflow:hidden;text-align:center;}
.cat_wrap > li {float:left; width:19%; margin:0.5%;  }
.cat_wrap > li > a {display:block; width:100%; height:100%;  color:#555;  background:#eee;  padding:10px 0px; box-sizing:border-box; }
.cat_wrap > li:hover > a  {background:#900; color:#fff;} 
.tpl_wrap {width:100%; overflow:hidden;}
.tpl_item {position:relative; float:left; width:24%;  background:#fff; margin:0.5%;  overflow:hidden;}
.tpl_text {display:none; position:absolute; width:100%; background:#000; opacity:0.8; filter: alpha(opacity=80);  bottom:0px; left:0px; padding:5px 10px; box-sizing:border-box;  z-index:1;}
.tpl_text > a {color:#fff; font-weight:400; font-size:13px;}
.tpl_img {position:relative; width:100%;  z-index:0;}
.tpl_img > img {width:100%;  height:auto;}
.search_div {margin:10px 0px; }




/*반응형을 위한 쿼리 */
 @media screen and (max-width:969px) and  (min-width:770px){
.fl_group1 {padding:20px 10px;}
.fl_group1 > .fl_item1 { padding:20px 10px; }
.fl_group2_wrap {padding:0px 20px; padding-bottom:60px;}
.item2_sec_1 {width:50%; }
.fl_item2_slide {width:50%; padding:80px 0px; }
.int_item {width:50%;  min-height:150px; }
.int_item3 {min-height:250px;  padding:0px;  padding-left:90px; }
.int_item3 .icon_wrap {left:20px; top:0px;  }
.info_con {width:100%;  float:none; }
div.info_con > ul > li {width:50%; float:left; box-sizing:border-box; padding:20px;  min-height:140px; border:0px;}
.info_img  {width:100%; text-align:center; margin-top:20px; box-sizing:border-box; float:none; overflow:hidden;}
.info_img > img {width:100%; max-width:600px; margin-left:0%;}
.int2_con_gruop  > li {width:50%;}
.gw_info2_part > div.info2_text_box  {padding:20px; }
.gw_info2_part > div.info2_text_box > h2  {font-size:20px; margin-top:2%; margin-bottom:10px;}
.gw_info2_part > div.info2_text_box > ul > li  {font-size:14px;margin:5px 0px;}

.fl_group1 > .fl_item1_1 > div {padding:20px 10px; }
.fl_item1_banner {padding:20px 10px;}
.fl_item1_banner > a  img {margin-left:0px;}
.fl_item1_banner > a div.item1_1_img { background:url('/home/image/main/ban_bg.png') -20px 0px no-repeat;}
/*템플릿 */
 .tpl_item  {width:32.33%; }
 .tlp_twrap {padding:0px 20px; }


/* ui */
.section1 .symbol_text {width:100%;}
.section1 .symbol_img {width:100%;}
.btn_wrap .download_btn {display:block; width:44%; margin-right: 2%;}
.btn_wrap .download_btn:last-child {margin-rigth:0;}
.section2 {width:100%; }
.section2 .btn_wrap { width:100%; }
.section2 .symbol_img span {display:block; float:left; width:100%;}
.section3 {width:100%;}

}

 @media screen and (max-width:769px) {
 .fl_group1 {padding:20px 5px;}
.fl_group1 > .fl_item1 { padding:20px 5px; }
.fl_group1 > .fl_item1 {width:50%; }
.fl_group2_wrap {padding:0px 10px; padding-bottom:30px;}
.item2_sec_1 {width:100%; float:none; padding-left:0px;}
.fl_item2_slide {width:100%; float:none;  box-sizing:border-box;}
.fl_item2_nav {display:none;} 
.fl_group2_ul > li {height:40px; line-height:40px; font-size:16px; }
.fl_brd {width:100%; float:none;}
.brd_ma {margin-left:0; margin-top:15px;}
.int1_img1 {display:none; }
.int1_img2 {display:block; }
.int_item {width:50%; height:150px;  }
.int_item > a {padding:30px 10px; padding-left:65px;  }
.icon_wrap {position:absolute; left:10px; top:30px; width:50px; height:50px; overflow:hidden;  }
.sub_nav > li  > a,  .sub_nav > li.sub_nav_sec  {font-size:15px;  }
.int2_item {width:50%;  }
.info_con {width:100%; margin-top:0px; padding:20px; float:none; }
.info_img  {width:100%; text-align:center; margin-top:20px; padding:20px; box-sizing:border-box; float:none; overflow:hidden;}
.info_img > img {width:100%; max-width:600px; margin-left:0%;}
.int_item3 {width:100%; padding:0px;  padding-left:90px; }
.int_item3 .icon_wrap {left:10px; top:0px;  }
.int2_con_gruop  > li {width:50%;  min-height:300px;}
.gw_con {width:100%; margin-top:30px; text-align:center; float:none; }
.gw_con > ul > li  { list-style-type:none;}
.gw_info2_part > div {float:none !important; width:100%!important; text-align:left !important;  }
.gw_info1_box > img {width:100%; float:none; margin:0px; }
.gw_info2_part > div.info2_text_box > h2  {margin-bottom:10px;}
.gw_info2_part > div.info2_text_box > ul > li  {font-size:15px; list-style-type:disc; margin-left:20px;}
.gw_info2_part > div.info2_text_box  {padding:0px 10px 30px 10px;  }

.idc_item p.txt_center > br{display:none;}
.idc_left {float:none; width:100%; padding-right:0px;}
.idc_right {float:none; width:100%; padding-left:0px;}
.text_size1{text-align:center; max-width:470px; margin:0 auto;}
.text_size1 > .idc_box  > ul > li {list-style-type:none; }
.idc_img1 {display:block; width:100%; max-width:390px; margin:0 auto;}
.idc_info_img1 {display:none; }
.idc_info_img2 {display:block; }

.down_video {height:368px;}
.down_tit > br {display:block;}
.down_tit > .br {display:none;}

.fl_group1 > .fl_item1_1 {clear:both;  float:none;  width:100%; }
 .fl_item1_banner { width:100%; max-width:371px; float:none; margin: 0 auto;  }
 
 /*템플릿 */
.tpl_item  {width:49%; }
.cat_wrap > li {float:left; width:32.33%; }
.tlp_twrap {padding:0px 10px; }


/* ui */
.section1 .symbol_text {width:100%;}
.section1 .symbol_img {width:100%; padding-top:10px}
.btn_wrap .download_btn {display:block; width:96%; margin-bottom: 5px;}
.btn_wrap .download_btn:last-child {margin-rigth:0;}
.section2 {width:100%; padding:10px 0; }
.section2 .btn_wrap { width:100%; }
.section2 .symbol_img span {display:block; float:left; width:100%;}
.section3 {width:100%; }
 
 }

 @media screen and (max-width:510px){
h2.h_txt_sl1 {font-size: 20px; }
h2.h_txt_sl3 {font-size: 25px;}
.fl_group1 {box-sizing:border-box; padding:10px;  background:#eee;}
.fl_group1 > .fl_item1 {width:100%; padding:20px 20px; margin-bottom:10px; background:#fff;}
.item_line {display:none;}
.fl_group2_wrap {padding:0px 10px; padding-bottom:60px;}
.fl_group3 {padding:40px;}
 .int_item {width:100%; }
.icon_wrap2 { width:115px; height:100px;  }
.int2_item > a:hover  img {margin-top:-100px; }
h2.h_txt_sl2 {font-size:18px;}
.int2_con_gruop  > li {width:100%;}
.table1 th, .table1 td {padding:7px 5px; }
.down_video {height:245px;}
.table2 .date {display:none;}
.table2 .tit .text {font-size:14px; letter-spacing:-1px;}

.fl_group1 > .fl_item1_1 > div { float:none; width:100%;  padding:20px 20px; margin-bottom:10px;  background:#fff;}
 .fl_item1_banner {margin: 0 auto; padding:0px; max-width:100%; height:105px; background:#900; margin-bottom:30px;}
 .fl_item1_banner > a {max-width:331px;}

/* ui */
.section3 ul {padding:20px;}
.section3 ul li {width:100%; border-right: 0; float:left;}
.section3 ul li.color_01 {border-right: 0; }
.section3 ul li span {width:40px; height:40px; margin:20px; }	
.section3 span ul li span.sample {float:left; }
.section3 span ul li p {margin-top:18px;}
.btn_wrap .download_btn {display:block; width:93%; margin-bottom: 5px;}}