@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 



@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NotoSansKR-Light-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Light-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Light-Hestia.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSansKR-Regular-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Regular-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Regular-Hestia.otf') format('opentype');
}



@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NotoSansKR-Medium-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Medium-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Medium-Hestia.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NotoSansKR-Bold-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Bold-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Bold-Hestia.otf') format('opentype');
}
                       @font-face {
    font-family: 'IBMPlexSansKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
            
           
			html {font-family:  'IBMPlexSansKR-Regular','Noto Sans', sans-serif,'Nanum Gothic', 나눔고딕 !important;  font-size:12px; overflow-y: scroll;font-style: normal;font-weight:300; }
body { width:100%; margin:0 0 0 0; font-size:12px; font-family:  'IBMPlexSansKR-Regular','Noto Sans', sans-serif,'Nanum Gothic', 나눔고딕 !important;  font-style: normal;font-weight:300;}
img { border:none; margin:0; padding:0; vertical-align:top; }
input{ vertical-align:top; border:0; margin:0; padding:0;}
ul {margin:0; padding:0; list-style:none; }
li {margin:0; padding:0; list-style:none; vertical-align:top;}
table { list-style:none; text-align:left;}

h1{margin:0; padding:0;}

a{    letter-spacing: 0;
    outline: none;
    color: #363636; 
	text-decoration:none;
	}
/* ũ  */

dl, dd, dt{margin:0; padding:0; list-style:none;}

img, object, embed, video {
	max-width: 100%;
	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:auto;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */





.wrap5{width:180px; height:auto; float:left; position:absolute; right:-200px; display:none;}
.r_sang3{ width:160px; height:195px; float:left; margin-left:20px; background: url('../images/phone2.png') no-repeat;}
.consu_tit{width:100%; height:35px; float:left; text-align:center; line-height:35px; color:#fff; font-size:14px;}

.con_name{width:95%; height:30px; float:left; line-height:30px; padding-left:5%;}
.run_name1{width:100%; float:left;}
.b_name_in{width:142px; height:20px; float:left; margin:0 8px 0 8px; border:1px solid #000;}
.b_tel1_in1{width:39px; height:20px; float:left; padding:0; margin:0; border:1px solid #000;}
.run_name2{width:147px; float:left; padding:0 0 0 8px;}
.run_font_st1{width:10px; height:24px; float:left; text-align:center; line-height:20px;}
.run_name3{width:100%; height:auto; float:left; text-align:center; margin-top:5px;}

.run_ok_btn{width:50px; height:20px; background-color:#fff; color:#000; border:1px solid #bfbfbf; cursor:pointer;}



.foscreen1{display: table;   margin: 0 auto; position:relative;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1200px;  overflow: hidden;}
.foscreen3{cursor: auto; position: absolute; left: 0px; top: 0px; width: 1200px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}

.imgbigsd{display:block;}
.imgsmasd{display:none;}




.gh_icons_s4{ width:159px; height:36px; border:2px solid #00448d; color:#00448d; font-size:16px; background-color:#fff; font-weight:300; cursor:pointer; border-radius:30px; }
.gh_icons_s4:hover{ background-color:#00448d; color:#fff;}


.bod_wid_paddg3{padding:0;}


@media only screen and (min-width: 0px) {
.tops{margin-top:51px;}


.opsnd2{display:none;}


.new_pop{display:none;}
.new_pop_m{display:block;}

#wrap{width: 100%; height:auto; float:left;}
.wrap_pc{width:100%; height:auto; margin:0 auto; display:block;}


.motalmenus{width:100%; height:auto; float:left; margin-top:20px;}

.subimg_cateimg1{display:none;}
.subimg_cateimg2{display:block;}

.pc_ten_tops{display:none;}



.main-pro{clear:both; float:left; padding:10px 0 0px 0; min-width:300px; margin:0 auto; width:100%;}
.main-pro li{float:left; width:89%; padding:5px 0px 10px 1%; line-height:130%; color:#000000; font-size:12px; text-align:center;letter-spacing:-1px;
 margin-bottom:10px;border:1px dotted #cfcfcf;margin-left:4%; }
.main-pro li img{width:60%;}


/*.main-pro li{float:left; width:25%; padding:0px 0px 0 0; line-height:250%; color:#000000; font-size:15px; text-align:left;letter-spacing:-1px; background:#fff;}

.main-pro li img{width:95%;background:#f2f1f1; padding:35px 0px 35px 0; margin-right:5%;}*/

.main-pro li .pro-name{color:#1e8dcd; font-size:15px;  padding:10px 0 5px 0;  margin-top:0px; }
.main-pro li .pro-name2{line-height:20px; height:80px;color:#242424;font-size:13px; display:none;}




.gblock_noti_main_btn3{margin-top:0px; display:none;}

.gh_icons_s3{ width:70px; height:28px; border:2px solid #1e8dcd; color:#1e8dcd; font-size:12px; background-color:#fff;  cursor:pointer; border-radius:15px; }
.gh_icons_s3:hover{ background-color:#1e8dcd; color:#fff;}










.chk_ser_in{color:blue; border-bottom:1px solid blue; font-size:13px; padding-bottom:5px;}
a.chk_ser_in:visited{color:blue; border-bottom:1px solid blue; font-size:13px; padding-bottom:5px;}
.chk_ser_ins{color:gray; border-bottom:1px solid gray; font-size:12px; padding-bottom:5px;}
a.chk_ser_ins:visited{color:gray; border-bottom:1px solid gray; font-size:12px; padding-bottom:5px;}


.top{width:100%; height:auto; float:left;}
.logo{ display:none;}
.top_hsc{ display:none;}
.mo_logo{width:100%; height:auto; float:left; display:block; position:fixed; top:0; left:0; background-color:#fff; z-index:999;}
.mo_logo ul.mo_logo2{width:100%; height:50px; float:left; border-bottom:1px solid #e8e8e8;}
.mo_logo ul.mo_logo2 li.mo_top_logos{width:100%;  float:left; text-align:center;}
.mo_logo ul.mo_logo2 li.mo_top_logos img{}
.mo_logo ul.mo_logo2 li.mo_top_home{float:left; width:32px; height:32px; position:absolute; left:10px; top:10px;}
.mo_logo ul.mo_logo2 li.mo_top_back{float:left; width:32px; height:32px; position:absolute; left:10px; top:14px;}
.mo_logo ul.mo_logo2 li.mo_top_ser{float:left; width:32px; height:32px; position:absolute; right:10px; top:14px;}

.mo_logo ul.mo_logo3{display:none; background-color:#fff; width:100%; height:auto; float:left; position:absolute; top:51px; z-index:99999;}
.mo_logo ul.mo_logo3 li{width:100%; height:auto; float:left; padding:10px 0 10px 0;}
.dudbo2{ width:97%; height:25px; float:left; padding-left:3%; border:1px solid #a7a7a7; border-radius:5px; background-color:#f1f1f1; outline:none;}



.sear_text_view{width:100%; height:auto; text-align:center; padding:15px 0 15px 0; font-size:14px; color:gray; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; margin-bottom:30px;}
.sear_text_view2{width:100%; height:auto; padding:10px 0 10px 0; font-size:14px; color:#000; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; margin-top:20px;}


.ser_menu{width:100%; height:auto; float:left; display:block;}
.ser_menu ul.ser_menu2{width:100%; height:auto; float:left;}
.ser_menu ul.ser_menu2 li{width:100%; height:auto; float:left; text-align:center;}
.ser_menu ul.ser_menu2 li a {width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:12px; color:#fff; text-decoration: none; font-weight:400; background-color:#c1c1c1;}
.ser_menu ul.ser_menu2 li a:hover{background-color:#f44336; color:#fff;}
.ser_menu ul.ser_menu2 li a.selected{background-color:#f44336; color:#fff;}



.capimgs1{position: absolute; top: 8%; left: -6%; width: 100%; font-size: 70px; color: #fff;  text-align: center; font-weight:bold; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs2{position: absolute; top: 15%; left: 0px; width: 100%; font-size: 49px; color: #fff;  text-align: center; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs3{position: absolute; top: 15%; left: 0px; width: 100%; font-size: 50px; color: #fff;  text-align: center; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs4{position: absolute; width: 100%; top:16%; font-size: 60px; color: #ffffff;  text-align: center;text-shadow:0px 2px 5px rgba(0,0,0,0.4);}





.sub_700{display:none;}



#Gnb{display:none;}
#Gnb2{display:none;}

.noti_ban{display:none;}
.noti_ban_700{display:none;}
.sub_menu{display:none;}


.gnb_submenus{display:none;}




.mobile_sub_menus{width:100%; height:auto; float:left; display:none;}
.mobile_sub_menus ul{width:100%; height:auto; float:left;}
.mobile_sub_menus ul li{width:48%; float:left; text-align:center; line-height:31px; font-size:1.1em; cursor:pointer; margin:0 0 4px 1%; 
background:url('/images/sub_menu_bg1.gif') left top repeat-x; font-weight:500; padding:4px 0 0 0;}
.mobile_sub_menus ul li.celchk{background:url('/images/sub_menu_bg2.gif') left top repeat-x; font-weight:400; color:#fff;   }


.con2{width:100%; height:auto; float:left; display:block;}
.con2_title{width:100%; height:auto; float:left; border-bottom:1px solid #cccccc; display:none;}
.con2_title ul{width:100%; height:auto; float:left; padding:20px 0 10px 0;}
.con2_title li.con2_title_2{font-size:17px; float:left; font-weight:400; padding-left:10px; padding-top:3px; color:#333333;}
.con2_title li.con2_nav{ width:50%; float:right; text-align:right; padding-right:10px; padding-top:13px; line-height:-20px; color:#6a6a6a; display:none;}
.con2_title li.con2_nav a {color:#6a6a6a; cursor:pointer; }
.con2_title li.con2_nav a:link {text-decoration: none;}
.con2_title li.con2_nav a:hover {color:#6a6a6a; text-decoration:none;}
.con2_title li.con2_nav a:visited { text-decoration: none;}


.con_in{width:100%; height:auto; float:left; padding-top:25px; display:block;}
.con_in ul.con_in_con{width:97%; height:auto; float:left; padding-left:2%; padding-right:1%;}
.con_in ul.con_in_con li{ padding-bottom:3%; }
.font_sty{font-size:25px; font-weight:400; color:#09C;}


.menu_clo{position:absolute; top:0; font-size:20px; right:0; padding:10px; color:#bdbdbd; margin-top:5px;}

.neleftmenu2{width:100%; height:auto; float:left; display:none; position:fixed; top:51px; left:0;  background-color:#fff; z-index:99;}
.neleftmenu{width:100%; height:auto; float:left;}
.neleftmenu ul{width:100%; height:auto; float:left;}
.neleftmenu ul li{width:100%;  float:left; height:auto;}

/*.texslim{width:100%; height:40px; float:left; line-height:40px; border-bottom:0px solid #e8e8e8; font-size:14px; font-weight:400; -webkit-text-stroke-width:.02em; color:#000;}*/


.texslim{width:92%; height:40px; float:left; line-height:40px; margin-left:4%; font-size:14px; border-bottom:1px solid #eaeaea; font-weight:400; color:#000000;}

.texslim_{width:92%; height:40px; float:left; line-height:40px; margin-left:3% ; border-bottom:0px solid #e8e8e8; font-size:13px; font-weight:normal; -webkit-text-stroke-width:.02em; 
color:#000; background:url('/images/menu_bg2.gif') left top no-repeat; }



.dismen{display:none;}

.texslim3{padding-left:6%;float:left;}
.texslim4{padding-left:60px;float:left;}

.gong_menu{overflow: auto; width:100%; height:100%; float:left;}
.gong_menu ul.catego_menu{width:100%; height:auto; float:left;}
.gong_menu ul.catego_menu li{width:100%; height:40px;;  line-height:40px; float:left; font-size:14px; border-bottom:1px solid #e8e8e8; font-weight:400; -webkit-text-stroke-width:.02em; color:#000;}
.gong_menu ul.catego_menu li a{width:100%; height:40px; line-height:40px; float:left; font-size:14px; font-weight:400; -webkit-text-stroke-width:.02em; color:#000;}
.hanamenu2{width:100%; height:auto; float:left;}
.gong_menu ul.catego_menu .hanamenu2 ul li{width:100%; height:40px; float:left; line-height:40px;  border-bottom:1px solid #e8e8e8;}

.gong_menu ul.left_logo{width:100%; height:auto; float:left;}
.gong_menu ul.left_logo li{width:100%; height:auto; float:left; text-align:center; border-bottom:1px solid #e8e8e8;}

.menu_clo{position:absolute; top:0; font-size:20px; right:0; padding:10px; color:#bdbdbd; margin-top:5px;}

.gong_menu ul.member_id{width:100%; height:auto; float:left;}
.gong_menu ul.member_id li{width:100%; height:auto; float:left; text-align:center; font-size:12px; padding:10px 0 10px 0; background-color:#3e3e3e; color:#fff;}




.roll_font_sty1{float:left; font-size:40px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#000;}
.roll_font_sty2{float:left; font-size:33px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#3b5c1b;}
.roll_font_sty3{float:left; font-size:40px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#f0470c;}

.roll_font_sty4{float:left; font-size:40px; font-weight:400; width:100%; margin:40px 0 0 40px; color:#000;}
.roll_font_sty5{float:left; font-size:40px; font-weight:400; width:100%; margin:20px 0 0 40px; color:#3b5c1b;}


.wroll_btn{position:absolute; bottom:-10%; z-index:7; width:100%; height:auto; float:left; text-align:center;}
.wroll_btn2{width:65%; height:auto;}

.noti_ban{width:100%; height:auto; float:left; border-top:0px solid #c6c3c3; border-bottom:0px solid #c6c3c3; display:block; min-width:300px;}

.titsf{width:100%; height:auto; float:left; text-align:center; padding:0px 0 0px 0;  font-weight:400; font-size:1.5em; }


.bod_last1{display:none;}
.bod_last2{width:100%; height:auto; float:left; display:block;}
.bod_last2 ul{width:100%; height:auto; float:left;}
.bod_last2 ul li{width:100%; height:auto; float:left; position:relative; margin-top:10px;}
.bodlast_titlesd3{position:absolute; padding:0 10px 0 115px; left:0; top:5px;}
.bodlast_titlesd4{font-size:13px; color:#000; font-weight:400; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; word-break:break-all;}
.bodlast_titlesd5{ padding-top:5px; font-size:12px; color:#000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; word-break:break-all;}





.call_bansd{display:none;}
.call_bansd2{display:none;}
.call_bansd3{width:100%; height:auto; float:left; margin-top:20px; display:block;}


.main_insdu2{width:100%; height:auto; float:left; margin-top:20px;}
.main_insdu2 ul{width:100%; height:187px; float:left; border-top:1px solid #d9d1d1;}
.main_insdu2 ul li{width:90%; height:auto; float:left;padding:0 5% 0 5%;}

.main_insdu2 ul.main_insdu2_pc{display:none;}
.main_insdu2 ul.main_insdu2_mo{display:block;}

.main_insdu2 ul li.gongsd_fon3{padding-top:10px;}
.gongsd_fon1{width:75%; float:left; font-size:15px; color:#000; font-weight:400; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: 
hidden;text-overflow: ellipsis; word-break:break-all; line-height:90%;}
.gongsd_fon2{width:25%; text-align:right; float:right; font-size:15px; color:#999; font-weight:300;}









.noti_ban_mo{width:100%; height:auto; float:left; margin-top:3%; display: block;}
.notice_0_mo{width:98%; height:auto; float:left; margin-left:1%; margin-right:1%;}
.notice_0_mo ul.new_qna_mo{width:100%; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_mo ul.new_qna_mo li{float:left;}
.notice_0_mo ul.new_qna_mo li.more{width:15px; height:15px; float:right; margin-right:3%; margin-top:6px;}
.notice_0_mo ul.noti_con_mo{width:100%; height:100px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_mo ul.noti_con_mo ul{width:100%; height:auto; float:left;}
.notice_0_mo ul.noti_con_mo ul li{width:100%; height:auto; float:left; line-height:25px;}
.notice_0_mo ul.noti_con_mo ul li span.date{ float:right;}


.b_cons{width:75%; float:left;}
.b_cons2{width:25%; float:left; text-align:right;}
.bod_jum{float:left; vertical-align:top; padding:11px;}

.notice_0_mo ul.noti_con_mo ul li a {color:#111111; cursor:pointer; }
.notice_0_mo ul.noti_con_mo ul li a:link {text-decoration: none;}
.notice_0_mo ul.noti_con_mo ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0_mo ul.noti_con_mo ul li a:visited { text-decoration: none;}

.notice_0_mo1 ul.noti_con_mo ul li a {color:#111111; cursor:pointer; }
.notice_0_mo1 ul.noti_con_mo ul li a:link {text-decoration: none;}
.notice_0_mo1 ul.noti_con_mo ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0_mo1 ul.noti_con_mo ul li a:visited { text-decoration: none;}

.notice_0_mo1{width:98%; height:auto; float:left; margin-left:1%; margin-right:1%; margin-top:4%;}
.notice_0_mo1{width:98%; height:auto; float:left; margin-left:1%; margin-right:1%;}
.notice_0_mo1 ul.new_qna_mo{width:100%; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_mo1 ul.noti_con_mo{width:100%; height:100px; float:left; border-bottom:1px solid #cccccc;}

.products_mo{width:98%; height:auto; float:left; margin-left:1%; position:relative; margin-right:1%; margin-top:4%; text-align:center;}
.products_mo li.pho_num_mo{float: left; position: absolute; left: 12%; top: 26%; color:#999900; font-weight:400; font-size:30px; letter-spacing:-1px;}
.products_mo li.pho_num_mo a {color:#999900; cursor:pointer; }
.products_mo li.pho_num_mo a:link {color:#999900; text-decoration: none;}
.products_mo li.pho_num_mo a:hover {color:#999900; text-decoration:none;}
.products_mo li.pho_num_mo a:visited {color:#999900; text-decoration: none;}
.products_mo li.pho_num2_mo{float: left; position: absolute; left: 30%; top: 59%; color:#565656; font-size:12px;}
.products_mo li.pho_num2_mo a {color:#565656; cursor:pointer; }
.products_mo li.pho_num2_mo a:link {color:#565656; text-decoration: none;}
.products_mo li.pho_num2_mo a:hover {color:#565656; text-decoration:none;}
.products_mo li.pho_num2_mo a:visited {color:#565656; text-decoration: none;}
.products_mo li.email_to_mo{float: left; position: absolute; left: 30%; top: 74%; color:#565656; font-size:12px;}
.products_mo li.email_to_mo a {color:#565656; cursor:pointer; }
.products_mo li.email_to_mo a:link {color:#565656; text-decoration: none;}
.products_mo li.email_to_mo a:hover {color:#565656; text-decoration:none;}
.products_mo li.email_to_mo a:visited {color:#565656; text-decoration: none;}

.pic{width:100%; height:auto; float:left; display:block;}
.slidesjs-pagination{display:none;}

.sub_img1{width:100%; height:auto; float:left; position:relative; margin-bottom:3%; display:block;}
.sub_img1 ul.img_list1{width:100%; height:auto; float:left;  display:block;}
.sub_img1 ul.img_list1 li{ display:none; position:relative;}
.sub_img1 ul.img_list1 li:first-child{display:block;}
.sub_img1 dl.text1{position:absolute; width:100%; bottom:35px; top:50%; right:30px; text-align:right; display:block;}

.sub_img1 dl.text1 dd{ margin-top:0%;}


.vi_title{font-size:20px; font-weight:400; color:#0072bb;}
.vi_title2{font-size:15px; font-weight:400; color:#fff; background-color:#0e4f00;}
.vi_title3{font-size:12px; color:#fff; background-color:#0e4f00; letter-spacing:-1px; }
.vi_title4{font-size:15px; font-weight:400; color:#7f7f7f;}

.footer{display:none;}

.footer2{width:100%; height:auto; float:left; text-align:center; margin-top:20px; font-size:13px; background-color:#e9eaeb; padding-top:20px; color:#3c3c3c; padding-bottom:20px; display:block; }
.footer2 ul{width:100%; height:auto; padding-bottom:20px; margin:0 auto; }
.footer2 li.footer_logo2{ display:none;}
.footer2 li.footer_add2{width:95%; float:left; text-align:left; padding-left:3%; display:block;}
.footer2 li.popi_info_btn2{width:100%;  float:left; line-height:20px; text-align:center; padding-bottom:20px; padding-right:0;  display:block; }
.footer2 li.popi_info_btn2 a { line-height:18px;  font-size:14px; color:#000; margin:0 auto; width:110px; display:block; border-bottom:1px solid #999; padding-bottom:0px; font-weight:500;
}

.login_new3{width:320px; margin:0 auto;}
.login_new2{width:320px; float:left; height:auto; margin:15px 0 0 0;}
.login_new2 ul.login_fom{width:207px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:207px; height:34px; float:left;}
.fom_syl{width:203px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-weight:400; font-size:12px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:320px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:101px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}



.login_new4{width:100%; float:left; height:auto; margin:50px 0 0 0;}

.login_new2 ul.ser_joy2{width:320px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:150px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}


.login_new5{width:320px; margin:0 auto;}
.login_new4{width:320px; float:left; height:auto; margin:50px 0 0 0;}
.login_new4 ul.ser_joy2{width:320px; height:auto; float:left; margin-top:10px;}
.login_new4 ul.ser_joy2 li{float:left; width:150px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}

.fom_syl2:invalid{ background-color:#fff;}


.fom_syl2{width:145px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.ok_btn_sty3{width:100px; height:30px;  background-color:#343434; border:0; color:#fff; font-weight:400; cursor:pointer;}


#member div.join{width:100%; height:auto; float:left;}
#member div.member_agree{width:96%; height:auto; float:left; margin-left:2%;}
#member div.member_agree h3{font-size:18px; height:25px; line-height:25px;}
#member div.member_agree textarea{width:100%; height:160px; border:1px solid #ccc; font-size:14px; overflow-y: scroll;}
#member div.member_agree label{display:block; text-align:right; margin-top:5px; padding:5px 0;}
#member div.member_agree label input{vertical-align:middle; margin-right:5px;}
#member div.member_agree+div.join{display:none;}
#member div.join div.member_form{}


#member div.member_agree div.btn{text-align:center; padding-top:10px; margin-top:5px; border-top:1px solid #ccc;}
#member div.member_agree div.btn a{display:inline-block; width:100px; text-align:center; margin-bottom:2px; border-radius:3px; height:30px; line-height:30px; border:1px solid #b2b2b2; background:#f4f4f4 url('../images/member/btn_bg.gif') left top repeat-x; letter-spacing:-1px; color:#fff;}
#member div.member_agree div.btn a:hover{background-position:left;}




.wrap5{display:none;}




.calen_texts{width:95%; height:auto; float:left; margin:20px 0 0 5%;}





.imgbigsd{display:none;}
.imgsmasd{display:block;}
.foscreen1{display: table;   margin: 0 auto; position:relative;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1200px; height: 600px; overflow: hidden;}
.foscreen3{cursor: auto; position: absolute; left: 0px; top: 0px; width: 1200px; height: 600px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}


/*신청홈*/
.onlin_s{width:100%; height:auto; float:left;   margin:0; font-size:16px; font-weight:400; color:#000;
padding-bottom:17px; line-height:20px; }
.onlin_s2{width:100%; height:auto; float:left; padding-bottom:16px;  margin:60px 0 0px 0;  font-size:16px; font-weight:400; color:#000;}
.onlin_s3{width:100%; height:auto; float:left; font-size:12px; margin:10px 0 0 0; color:#000;}
.onlin_s3-1{line-height:18px; font-size:14px; font-weight:300; padding:10px 0 0 0;}

.onlinesd_fom_table{   float:left clear:both; margin:0 0 8px 0; width:100%; border-top:1px solid #4d515a; }
.onlinesd_fom_table td{ border-bottom:1px solid #cccccc; font-size:14px; border-right:1px solid #cccccc; text-align:center; padding:6px 0; height:37px; font-weight:300;}
.onlinesd_fom_table td.none{ border-bottom:1px solid #cccccc; font-size:14px; border-right:0px solid #cccccc; text-align:center; font-weight:300;}

.onlinesd_fom_table td.onsc_font1{background-color:#f7f7f7; font-weight:300; color:#333; font-size:15px; text-align:center;  width:22%; height:35px;  }
.onlinesd_fom_table td.onsc_font2{border-bottom:1px solid #cccccc; padding:7px 0 8px 0; line-height:15px; height:35px; border-right:0px; text-align:left;width:77%;}
.onlinesd_fom_table th{background-color:#f7f7f7; border-bottom:1px solid #cccccc; font-size:15px; border-right:1px solid #cccccc; padding:6px 0; text-align:center; width:32.333333%; height:35px;
font-weight:400; color:#111;}
.onlinesd_fom_table th.none{background-color:#f7f7f7; border-bottom:1px solid #cccccc;  border-right:0px solid #cccccc;  text-align:center; width:33.333333%; 
}



.onsc_font3{ border:1px solid #ccc; height:28px; width:50%; float:left; margin-left:2%; text-align:center;}
.onsc_font4{ border:1px solid #ccc; height:28px; width:24%; float:left; text-align:center;}
.gmbs{float:left; padding:5px 1% 0 1%; }

.onsc_font5{ border:1px solid #ccc; height:28px; width:25%; float:left; margin-left:2%;}

.onsc_font6{ border:1px solid #ccc; height:28px; width:70%; float:left; margin-left:2%; text-align:center;}
.onsc_font7{ border:1px solid #ccc; height:70px; width:90%; float:left; margin-left:2%; text-align:center;}

.fre_scripts{width:100%; height:auto; float:left; margin-top:30px;}
.agree-{float:right; padding-top:15px; padding-right:20px; line-height:10px; }
.chk_dongi{font-size:15px; font-weight:300; }
.file-{width:70%; height:20px; margin-left:2%;}
/*신청폼*/

.mem{margin-top:20px; clear:both; float:left; width:100%; text-align:left;}



.gblock_h_title{width:100%; height:auto; float:left;}
.g_tit_syle1{width:100%; height:auto; float:left; text-align:center; color:#a1a1a1; font-size:14px; margin:0px 0 60px 0; display:none;}

.g_tit_syle2_mo{width:100%; height:auto; float:left; display:block; text-align:center; color:#242424; font-size:22px; margin:0px 0 15px 0; 
padding:35px 0 0 0; z-index:11111111111111111111111111111111111111111111111111111111111111111;}
.g_tit_syle2{display:none;}




.pc_main_block_news{display:none;}
.mo_main_block_news{display:block;}


.gblockfontsizestyle49{display:block;}
.gblockfontsizestyle50{display:none;}


.gblock_noti_main_btn{width:100%; height:auto; float:left; margin-top:10px; text-align:center; margin-bottom:10px;}
.gnm_list1{ font-size:15px;  color:#000; padding:7px 0 0 7px;}
.gnm_list2{ font-size:13px; color:#797979; line-height:20px; padding:7px 0 0 7px;}
.gh_icons_s4{ width:109px; height:30px; border:2px solid #1e8dcd; color:#1e8dcd; font-size:16px; background-color:#fff;  cursor:pointer; border-radius:30px;}
.gh_icons_s4:hover{ background-color:#1e8dcd; color:#fff;}


/*서브디자인컨텐츠*/
p{font-size:1.1em; line-height:180%; color:#333; margin:10px 0;  }

p.top{font-size: 1.2em; border-bottom-color: rgb(222, 222, 222); border-bottom-width:0px; border-bottom-style: solid;line-height:160%;
padding:0 0 0px 0; font-family:'Noto Sans'; font-weight:400; margin-bottom:15px;}


p strong{color:#0791fc;font-size:1.3em; font-family:'Noto Sans'; font-weight:400; }
p strong.black{color:#000;font-family:'Noto Sans'; font-weight:400; }
div.article{clear:both; padding:10px 0px 30px 0; }
p.why{  font-size:1.3em; line-height:20px; width:100%; text-align:center; color:#333; margin-top:0px; clear:both; float:left;  font-family:'Noto Sans';}
p.why2{  font-size:1.3em; line-height:20px; width:100%; text-align:center; color:#333; margin-top:0px; clear:both; float:left; 
font-family:'Noto Sans'; margin-bottom:10px; letter-spacing:-1px;}


p.why i.wh{  font-size:2em;  color:#0276d7; }

ul.branch2 {font-size:1.1em; color:#333; margin:0px 0;  clear:both; float:left;  width:95%; border-top:0px solid #cfcfcf;  border-bottom:0px solid #cfcfcf; padding:10px 0;}
ul.branch2 li {background:url('/images/git.gif')left 8px no-repeat; padding:0 0 0 15px;line-height:130%;}




table.gradi_table{border-collapse:collapse; border-top:2px solid #6c94a0; border-bottom:1px solid #6c94a0;  margin-top:10px;  float:right; width:100%;  
margin-bottom:60px; margin-left:0; }


table.gradi_table thead tr{height:30px;background:#c5d8d9 url('') left top repeat-x; color:#0b3f42;}
table.gradi_table thead th{background:url('') left center no-repeat;border-top:1px solid #ccc;  font-size:1.1em; padding:3px 0; }
table.gradi_table thead th:first-child{background:none;}
table.gradi_table tbody{border-bottom:1px solid #ccc;}
table.gradi_table td{padding:2px 3px; font-size:1.1em; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; color:#383838; }
table.gradi_table td.tlt_cell{background:#fafafa; color:#383838; text-align:center;  border-left:0; font-size:1.1em; padding:10px 0;}



table.gradi_table2{border-collapse:collapse; border-top:2px solid #6c94a0; border-bottom:1px solid #6c94a0;  margin-top:10px;  float:right; width:100%;  
margin-bottom:10px; margin-left:0; }


table.gradi_table2 thead tr{height:30px;background:#c5d8d9 url('') left top repeat-x; color:#0b3f42;}
table.gradi_table2 thead th{background:url('') left center no-repeat;border-top:1px solid #ccc;  font-size:1.1em; padding:3px 0; }
table.gradi_table2 thead th:first-child{background:none;}
table.gradi_table2 tbody{border-bottom:1px solid #ccc;}
table.gradi_table2 td{padding:2px 3px; font-size:1.1em; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; color:#383838; }
table.gradi_table2 td.tlt_cell{background:#fafafa; color:#383838; text-align:center;  border-left:0; font-size:1.1em; padding:10px 0;}





.title1{font-size:1.6em;  color:#000; margin:50px 0 0px 0; clear:both; float:left; width:100%;   }
.title1-up{font-size:1.6em;  color:#000; margin:20px 0 0px 0; clear:both; float:left; width:100%;    }

.title1-2{font-size:1.6em;  color:#000; margin:20px 0 0px 0;     float:right; width:100%;  }

.it-tx { padding: 10px 4%; width: 92%; clear: both; font-size: 1.2em; margin-top: 16px;  float: left; color:#ffffff;  line-height:150%;
border-radius:0px; font-family:'Noto Sans'; background:#464a77 url('') left bottom no-repeat;  display:inline-block;}

.it-tx2 { padding: 10px 1%; width: 98%; clear: both; font-size: 1.3em; margin-top: 16px;  float: left; color:#ffffff;  line-height:150%;
border-radius:0px; font-family:'Noto Sans'; background:#464a77 url('') left bottom no-repeat;  font-weight:500; display:inline-block; text-align:center;}


ul.service{width: 100%; margin-top: 20px; clear:both; float:left;}
ul.service li{padding: 10px 1% 0px 0px; width:22%; float: left; text-align: left; min-height:80px;}
ul.service li.tx{padding: 20px 1% 0px 1%; width: 73%; font-size: 1.1em; float: left; text-align: left; line-height:130%; }
ul.service strong{color: #1e8dcd; font-family:'Noto Sans'; font-weight:400;   font-size:1.2em;  }



.sub-con{margin:20px 0; margin-left:0;}
ul.branch {font-size:1.1em; line-height:220%; color:#333; margin:10px 0;  clear:both; float:left;  width:98%; border-top:1px solid #cfcfcf;  border-bottom:1px solid #cfcfcf; padding:18px 0;}
ul.branch li {background:url('/images/git.gif')left 10px no-repeat; padding:0 0 0 15px;font-weight:400;}


ul.compnay-img li{width:33.3333333333%; text-align:leftr; float:left;padding:10px 0 0 0;}

.compnay-logo{margin-top:15px; clear:both; float:left;  width:100%; display:inline-block;}
.compnay-logo li{width:20%; text-align:center; float:left;}

span.merit1{font-family:'Noto Sans'; font-weight:400;  font-size:1.2em; color:#d06f87;}
span.merit2{font-family:'Noto Sans'; font-weight:400;  font-size:1.2em; color:#f6a65c;}
span.merit3{font-family:'Noto Sans'; font-weight:400;  font-size:1.2em; color:#ea6164;}
span.merit4{font-family:'Noto Sans'; font-weight:400;  font-size:1.2em; color:#689dc8;}


ul.why-img {font-size:1em; color:#333; margin-top:10px;  clear:both; float:left;  width:97%; border:1px solid #cfcfcf; padding:14px 1%; letter-spacing:-1px;}
ul.why-img li { font-family:'Noto Sans'; font-weight:400; line-height:120%; float:left; width:25%; text-align:center; color:#000;}
ul.why-img li img { width:60%; padding:0 0 5px 0;}


.purple {background:#0276d7;  color: rgb(255, 255, 255); clear: both; float: left; border-radius: 20px; display: inline-block; font-size:1.2em;
font-family:'Noto Sans'; font-weight:500;    padding:5px 20px 5px 10px; line-height:180%; margin-top:20px;}


.it-tx3 { padding: 20px 2% 20px 2%; width: 96%; float:right; font-size: 1.1em; margin-top: 26px;   color:#ffffff;  line-height:200%;
border-radius:0px; background:#464a77 url('') left bottom no-repeat;  display:inline-block; text-align:left; }


ul.service2{width: 100%; margin-top: 0px; clear:both; float:left;}
ul.service2 li{padding:0px 1% 0px 0px; width: 99%; float: left; text-align: left; }


.purple2 {  color: #666;  float: left; border-radius: 0px; display: inline-block; font-size:1.2em; width:90%;
font-family:'Noto Sans'; font-weight:500;   padding:5px 20px 5px 0px; line-height:180%; margin-top:15px; margin-left:0%;}

ul.branch3 {font-size:1.1em; clear:both;line-height:120%; color:#333; margin:0px 0;   float:left;  width:90%; border-top:1px solid #cfcfcf;  
border-bottom:1px solid #cfcfcf; padding:8px 0; MARGIN-LEFT:1%; display:inline-block; }
ul.branch3 li {background:url('/images/git.gif')left 3px no-repeat; padding:0 0 0 15px;font-weight:400; width:85%; margin-left:10%; }



.tab_table{width:100%; height:auto; float:left; margin:10px auto; border-top:1px solid #6c94a0; border-left:1px solid #c1c1c1; /*border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;*/}
.tab_table td{border-bottom:1px solid #c1c1c1; height:25px; font-size:13px; line-height:17px; color:#383838; padding:0px;}
.tab_table tr th{font-size:13px; color:#0b3f42; border-bottom:1px solid #c1c1c1; }

.map-img{padding: 0px 20% 0 0 ; width: 60%; margin-top: 10px; float: right}

.compnay-logo{margin-top:20px; clear:both; float:left;  width:100%; display:inline-block;}
.compnay-logo li{width:32%; text-align:center; float:left;  padding:8px 0 0 0; border:0px solid #dedede; height:65px; margin-right:1%; margin-bottom:0px;}
.compnay-logo li img{ }

}










@media only screen and (min-width: 690px) {


.gblock_h_title{width:100%; height:auto; float:left;}
.g_tit_syle1{width:100%; height:auto; float:left; text-align:center; color:#a1a1a1; font-size:15px;  margin:10px 0 60px 0;}



.pc_main_block_news{display:block;}
.mo_main_block_news{display:none;}


.gblockfontsizestyle49{display:none;}
.gblockfontsizestyle50{display:block;}

.pc_ten_tops{display:table;}


.gblock_noti_main_btn{width:100%; height:auto; float:left; margin-top:30px; text-align:center; margin-bottom:30px;}
.gnm_list1{ font-size:17px; font-weight:500; color:#000; padding:7px 0 0 7px;}
.gnm_list2{ font-size:15px; color:#797979; line-height:20px; padding:7px 0 0 7px;}


.gh_icons_s4{ width:159px; height:36px; border:2px solid #1e8dcd; color:#1e8dcd; font-size:16px; background-color:#fff;  cursor:pointer; }
.gh_icons_s4:hover{ background-color:#1e8dcd; color:#fff;}



.tops{margin-top:0;}

.g_tit_syle2{width:100%; height:auto; float:left; display:block; text-align:center; color:#242424; font-size:35px; margin-top:30px;  }
.g_tit_syle2_mo{display:none;}

.main-pro{clear:both; float:left; padding:0px 0 50px 0;  margin:0 auto; width:100%; }
.main-pro li{float:left; width:31%; padding:0px 1%; line-height:170%; color:#242424; font-size:14px; text-align:center;letter-spacing:-2px; background:#fff; 
border-right:1px solid #cfcfcf; border-left:0px;border-top:0px;border-bottom:0px; margin-left:0;}
.main-pro li:last-child{float:left; width:30%; padding:0px 1%; line-height:170%; color:#242424; font-size:14px; text-align:center;letter-spacing:-2px; background:#fff; 
border-right:0px solid #cfcfcf;border:0px dotted #cfcfcf;margin-left:0;}
.main-pro li img{width:80%;background:#ffffff; padding:35px 0px 35px 0; margin:0 auto;}





.main-pro li .pro-name{color:#1e8dcd; font-size:19px;  padding:10px 0 15px 0;  margin-top:0px; }
.main-pro li .pro-name2{line-height:20px; height:80px;color:#242424;font-size:15px; display:block;}



.gblock_noti_main_btn3{margin-top:15px; display:block;}

.gh_icons_s3{ width:100px; height:34px; border:2px solid #1e8dcd; color:#1e8dcd; font-size:16px; background-color:#fff;  cursor:pointer; border-radius:20px;}
.gh_icons_s3:hover{ background-color:#1e8dcd; color:#fff;}





.opsnd2{display:none;}


#menu{display:none;}

.new_pop{display:none;}
.new_pop_m{display:block;}

#wrap{width: 100%; height:auto; float:left;}
.wrap_pc2{width:100%; height:auto; float:left; position:fixed; top:0; z-index:9; background:url('../images/blue_trand.png') bottom repeat-x;}
.wrap_pc{width:100%; height:auto; margin:0 auto; display:block;}

.motalmenus{display:none;}

.sear_text_view{width:100%; height:auto; text-align:center; padding:15px 0 15px 0; font-size:14px; color:gray; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; margin-bottom:30px;}
.sear_text_view2{width:100%; height:auto; padding:10px 0 10px 0; font-size:14px; color:#000; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; margin-top:20px;}


.ser_menu{width:100%; height:auto; float:left; display:block;}
.ser_menu ul.ser_menu2{width:100%; height:auto; float:left;}
.ser_menu ul.ser_menu2 li{width:100%; height:auto; float:left; text-align:center;}
.ser_menu ul.ser_menu2 li a {width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; color:#fff; text-decoration: none; font-weight:400; background-color:#c1c1c1;}
.ser_menu ul.ser_menu2 li a:hover{background-color:#f44336; color:#fff;}
.ser_menu ul.ser_menu2 li a.selected{background-color:#f44336; color:#fff;}

.subimg_cateimg1{display:block;}
.subimg_cateimg2{display:none;}


.capimgs1{position: absolute; top: 23%; left: 0px; width: 100%; font-size: 50px; color: #fff;  text-align: center; font-weight:bold; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs2{position: absolute; top: 10%; left: -4%; width: 100%; font-size: 40px; color: #fff;  text-align: center; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs3{position: absolute; top: 10%; left: -4%; width: 100%; font-size: 40px; color: #fff;  text-align: center; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs4{position: absolute; width: 100%; top:27%; font-size: 40px; color: #ffffff;  text-align: center;text-shadow:0px 2px 5px rgba(0,0,0,0.4);}



.chk_ser_in{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
a.chk_ser_in:visited{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
.chk_ser_ins{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}
a.chk_ser_ins:visited{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}


.top{width:100%; height:90px; float:left; border-bottom:0px solid #dbdbdb;}
.logo{width:300px; height:auto; float:left; padding:0 0 0 40px; display:inline;}

.logo_n_btn{margin:35px 10px 0 0; float:left; width:29px; height:21px;}
.logo_n_btn2{margin:10px 0 0 0; float:left;}



#asd{color:#ffaa56;}
#asd1{color:#fff;}

.neleftmenu{display:none;}
.neleftmenu2{display:none;}

.top_hsc{width:172px; height:34px; margin:8px 7px 0 0; float:right; display:block;} 
.top_hsc ul.hmlc{width:172px; float:right;}
.top_hsc ul.hmlc li{width:172px; float:left;}
.top_hsc ul.hmlc li a {line-height:31px; color:#000; cursor:pointer;  text-decoration: none; font-size:11px;}
.top_hsc ul.hmlc li.hmlc3{float:right; width:172px; border-bottom:0; background:url('../images/ser_dudbo_sd2.png') bottom repeat-x; display:block;}
.dudbo{height:34px; width:134px;background: transparent; outline:none; text-align:center; font-size:16px; color:#fff;}

.top_hsc ul.hmlc2{float:left; height:auto; margin-right:10px;}
.top_hsc ul.hmlc2 li{float:left;}





#Gnb{display:none;}

#Gnb2{width:100%; height:40px; float:left; display:inline; padding:0 0 0 0; display:none;}/*logo_width+간격만큼 margin제한다.*/
#Gnb2 ul.menu{width:100%; height:40px; float:left; position:relative; }
#Gnb2 ul.menu li{float:left; height:40px; text-align:center;}/*메뉴넓이/메뉴갯수*/
#Gnb2 ul.menu li a{color:#000; text-decoration:none;}
#Gnb2 ul.menu li a:hover{color:#4069b2; }
#Gnb2 ul.menu li a.topmenus {font-size:17px; width:100%; height:40px; float:left; text-align:center; line-height:40px; font-weight:400;}

#Gnb2 ul.menu li a:hover.topmenus,
#Gnb2 ul.menu li a.on.topmenus ,
#Gnb2 ul.menu li a.selected {color:#4069b2;}

#Gnb2 ul.menu ul.sub{width:100%; float:left; height:40px; position:absolute; z-index:10000; left:0; top:40px; display:none; background-color:#585858;  }
#Gnb2 ul.menu ul.sub li{width:100%; float:left; height:40px; line-height:40px; }








.roll_font_sty1{float:left; font-size:30px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#000;}
.roll_font_sty2{float:left; font-size:20px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#3b5c1b;}
.roll_font_sty3{float:left; font-size:30px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#f0470c;}

.roll_font_sty4{float:left; font-size:30px; font-weight:400; width:100%; margin:40px 0 0 40px; color:#000;}
.roll_font_sty5{float:left; font-size:30px; font-weight:400; width:100%; margin:20px 0 0 40px; color:#3b5c1b;}


.wroll_btn{position:absolute; bottom:-10%; z-index:7; width:100%; height:auto; float:left; text-align:center;}
.wroll_btn2{width:40%; height:auto;}


.noti_ban{width:100%; height:auto; float:left; border-top:0px solid #c6c3c3; border-bottom:0px solid #c6c3c3; display:block; margin-top:50px; }

.titsf{width:100%; height:auto; float:left; text-align:center; padding:15px 0 15px 0;}

.bod_last2{display:none}

.bod_last1{width:100%; height:auto; float:left; display:block;}
.bod_last1 ul{width:100%; height:auto; float:left;}
.bod_last1 ul li{width:21%; height:auto; float:left; padding:10px 2% 10px 2%;}
.bodlast_titlesd{width:100%; height:auto; float:left; border-bottom:1px solid #c1c1c1; padding:5px 0 5px 0; font-size:14px; font-weight:400; color:#000;}
.bodlast_titlesd2{width:100%; height:auto; float:left; font-size:12px; color:#000; padding-top:5px;}

.main_insdu{width:96%; height:auto; float:left; padding:2%;}

.call_bansd{display:none;}
.call_bansd2{width:100%; height:auto; float:left; margin-top:20px; display:block;}
.call_bansd3{display:none;}


.main_insdu2{width:100%; height:auto; float:left;}
.main_insdu2 ul{width:49%; height:247px; float:left; border:0px solid #d9d1d1;}
.main_insdu2 ul li{width:90%; height:auto; float:left;padding:0 5% 0 5%;}

.main_insdu2 ul.main_insdu2_pc{display:none;}
.main_insdu2 ul.main_insdu2_mo{display:block;}

.main_insdu2 ul li.gongsd_fon3{padding-top:10px;}
.gongsd_fon1{float:left; font-size:16px; color:#000; font-weight:300; line-height:100%;}
.gongsd_fon2{float:right; font-size:14px; color:#000; font-weight:300;}






.menu ul.mo_menu{display:none;}
.mo_logo{display:none;}
.sub_menu{display:none;}



.con2{width:100%; height:auto; float:left; display:block;}
.con2_title{width:100%; height:auto; float:left; border-bottom:1px solid #cccccc; display:block;}
.con2_title ul{width:100%; height:auto; float:left; padding:20px 0 10px 0;}
.con2_title li.con2_title_2{font-size:24px; float:left; font-weight:400; padding-left:10px; padding-top:3px; color:#000;}
.con2_title li.con2_nav{ width:50%; float:right; text-align:right; padding-right:10px; padding-top:13px; line-height:-20px; color:#6a6a6a; display:block; font-size:15px;}
.con2_title li.con2_nav a {color:#6a6a6a; cursor:pointer; }
.con2_title li.con2_nav a:link {text-decoration: none;}
.con2_title li.con2_nav a:hover {color:#6a6a6a; text-decoration:none;}
.con2_title li.con2_nav a:visited { text-decoration: none;}

.con_in{width:100%; height:auto; float:left; padding-top:25px; display:block;}
.con_in ul.con_in_con{width:97%; height:auto; float:left; padding-left:2%; padding-right:1%;}
.con_in ul.con_in_con li{ padding-bottom:3%; }
.font_sty{font-size:25px; font-weight:400; color:#09C;}



.noti_ban_700{width:100%; height:auto; float:left; margin-top:2%; display:block;}
.notice_0_700{width:46%; height:auto; float:left; margin-left:2%; margin-right:2%;}
.notice_0_700 ul.new_qna_700{width:100%; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_700 ul.new_qna_700 li{float:left;}
.notice_0_700 ul.new_qna_700 li.more{width:15px; height:15px; float:right; margin-right:3%; margin-top:6px;}
.notice_0_700 ul.noti_con_700{width:100%; height:100px; float:left; border-bottom:1px solid #cccccc;}
.notice_0_700 ul.noti_con_700 ul{width:100%; height:auto; float:left;}
.notice_0_700 ul.noti_con_700 ul li{width:100%; height:auto; float:left; line-height:25px;}
.notice_0_700 ul.noti_con_700 ul li span.date{ float:right;}


.b_cons{width:75%; float:left;}
.b_cons2{width:25%; float:left; text-align:right;}
.bod_jum{float:left; vertical-align:top; padding:11px;}

.notice_0_700 ul.noti_con_700 ul li a {color:#111111; cursor:pointer; }
.notice_0_700 ul.noti_con_700 ul li a:link {text-decoration: none;}
.notice_0_700 ul.noti_con_700 ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0_700 ul.noti_con_700 ul li a:visited { text-decoration: none;}

.products_700{width:46%; height:auto; float:left; margin-left:2%; position:relative; margin-right:2%; margin-top:2%; text-align:center;}
.products_700 li.pho_num_700{float: left; position: absolute; left: 15%; top: 26%; color:#999900; font-weight:400; font-size:30px; letter-spacing:-1px;}
.products_700 li.pho_num_700 a {color:#999900; cursor:pointer; }
.products_700 li.pho_num_700 a:link {color:#999900; text-decoration: none;}
.products_700 li.pho_num_700 a:hover {color:#999900; text-decoration:none;}
.products_700 li.pho_num_700 a:visited {color:#999900; text-decoration: none;}
.products_700 li.pho_num2_700{float: left; position: absolute; left: 30%; top: 59%; color:#565656; font-size:12px;}
.products_700 li.pho_num2_700 a {color:#565656; cursor:pointer; }
.products_700 li.pho_num2_700 a:link {color:#565656; text-decoration: none;}
.products_700 li.pho_num2_700 a:hover {color:#565656; text-decoration:none;}
.products_700 li.pho_num2_700 a:visited {color:#565656; text-decoration: none;}
.products_700 li.email_to_700{float: left; position: absolute; left: 30%; top: 74%; color:#565656; font-size:12px;}
.products_700 li.email_to_700 a {color:#565656; cursor:pointer; }
.products_700 li.email_to_700 a:link {color:#565656; text-decoration: none;}
.products_700 li.email_to_700 a:hover {color:#565656; text-decoration:none;}
.products_700 li.email_to_700 a:visited {color:#565656; text-decoration: none;}

.noti_ban_mo{display:none;}
.footer{width:100%; height:auto; float:left; text-align:center; margin-top:20px; background-color:#e9eaeb; padding-top:45px; color:#3c3c3c; padding-bottom:20px; display:block;}
.footer ul{width:100%; height:auto; padding-bottom:20px; margin:0 auto; }
.footer li.footer_logo{width:21%; float:left; display:block; padding:0 3% 0 1%;}



.footer li.footer_add{width:60%; float:left; line-height:20px; text-align:left;  padding-right:0;  display:block; font-size:14px; font-weight:400;}
.footer li.popi_info_btn{width:13%; float:left; line-height:20px; text-align:left; padding-left:0; padding-right:0;  display:block;}
.footer li.popi_info_btn a {width:100%; line-height:25px; text-align:center; font-size:12px; color:#000; float:right;}

.footer li a {cursor:pointer; }
.footer li a:link {color:#3c3c3c; text-decoration: none;}
.footer li a:hover {color:#3c3c3c; text-decoration:none;}
.footer li a:visited {color:#3c3c3c; text-decoration: none;}


.pic{width:100%; height:auto; float:left; display:block;}
.slidesjs-pagination{display:none;}

.sub_img1{width:100%; height:auto; float:left; position:relative; margin-bottom:40px; display:block;}
.sub_img1 ul.img_list1{width:100%; height:auto; float:left;  display:block;}
.sub_img1 ul.img_list1 li{ display:none; position:relative;}
.sub_img1 ul.img_list1 li:first-child{display:block;}
.sub_img1 dl.text1{position:absolute; bottom:15px; right:30px; top:60%; text-align:right; display:block;}

.sub_img1 dl.text1 dd{margin-top:0%;}

.vi_title{font-size:40px; font-weight:400; color:#0072bb;}
.vi_title2{font-size:30px; font-weight:400; color:#fff; background-color:#0e4f00;}
.vi_title3{font-size:20px; color:#fff; background-color:#0e4f00;}
.vi_title4{font-size:30px; font-weight:400; color:#7f7f7f;}

.footer2{display:none;}










.login_new3{width:400px; margin:0 auto;}
.login_new2{width:400px; float:left; height:auto; margin:15px 0 0 0;}
.login_new2 ul.login_fom{width:287px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:287px; height:34px; float:left;}
.fom_syl{width:285px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-weight:400; font-size:12px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:128px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}



.login_new4{width:600px; float:left; height:auto; margin:50px 0 0 0;}


.login_new2 ul.ser_joy2{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:190px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}


.login_new5{width:600px; margin:0 auto;}
.login_new4{width:600px; float:left; height:auto; margin:50px 0 0 0;}
.login_new4 ul.ser_joy2{width:600px; height:auto; float:left; margin-top:10px;}
.login_new4 ul.ser_joy2 li{float:left; width:290px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}

.fom_syl2:invalid{ background-color:#fff;}

.fom_syl2{width:225px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.ok_btn_sty3{width:100px; height:30px;  background-color:#343434; border:0; color:#fff; font-weight:400; cursor:pointer;}


#member div.join{width:100%; height:auto; float:left;}
#member div.member_agree{width:96%; height:auto; float:left; margin-left:2%;}
#member div.member_agree h3{font-size:18px; height:25px; line-height:25px;}
#member div.member_agree textarea{width:100%; height:160px; border:1px solid #ccc; font-size:11px; overflow-y: scroll;}
#member div.member_agree label{display:block; text-align:right; margin-top:5px; padding:5px 0;}
#member div.member_agree label input{vertical-align:middle; margin-right:5px;}
#member div.member_agree+div.join{display:none;}
#member div.join div.member_form{}


#member div.member_agree div.btn{text-align:center; padding-top:10px; margin-top:5px; border-top:1px solid #ccc;}
#member div.member_agree div.btn a{display:inline-block; width:100px; text-align:center; margin-bottom:2px; border-radius:3px; height:30px; line-height:30px; border:1px solid #b2b2b2; background:#f4f4f4 url('../images/member/btn_bg.gif') left top repeat-x; letter-spacing:-1px; color:#fff;}
#member div.member_agree div.btn a:hover{background-position:left;}






.wrap5{display:none;}

.calen_texts{width:80%; height:auto; float:left; margin:20px 0 0 20%;}










.imgbigsd{display:none;}
.imgsmasd{display:block;}
.foscreen1{display: table;   margin: 0 auto; position:relative;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1200px; overflow: hidden;}
.foscreen3{cursor: auto; position: absolute; left: 0px; top: 0px; width: 1200px; overflow: hidden;}
.foscreen4{position: relative; width:100%; overflow: hidden;}









/*신청홈*/
.onlin_s{width:100%; height:auto; float:left;   margin:0; font-size:17px; font-weight:400; color:#000;
padding-bottom:17px; line-height:20px; }
.onlin_s2{width:100%; height:auto; float:left; padding-bottom:15px;  margin:60px 0 0px 0; font-size:17px; font-weight:400; color:#000;}
.onlin_s3{width:100%; height:auto; float:left; font-size:12px; margin:10px 0 0 0; color:#000;}
.onlin_s3-1{line-height:18px; font-size:14px; font-weight:300; padding:10px 0 0 0;}

.onlinesd_fom_table{  float:left clear:both; margin:0 0 8px 0; width:100%; border-top:1px solid #4d515a; }
.onlinesd_fom_table td{ border-bottom:1px solid #cccccc; font-size:14px; border-right:1px solid #cccccc; text-align:center; padding:10px 0; height:37px; font-weight:300;}
.onlinesd_fom_table td.none{ border-bottom:1px solid #cccccc; font-size:14px; border-right:0px solid #cccccc; text-align:center; font-weight:300;}

.onlinesd_fom_table td.onsc_font1{background-color:#f7f7f7; font-weight:300; color:#333; font-size:15px; text-align:center;  width:25%; height:35px;  }
.onlinesd_fom_table td.onsc_font2{border-bottom:1px solid #cccccc; padding:14px 0 16px 0; line-height:15px; height:35px; border-right:0px; text-align:left;}
.onlinesd_fom_table th{background-color:#f7f7f7; border-bottom:1px solid #cccccc; font-size:15px; border-right:1px solid #cccccc; padding:8px 0; text-align:center; width:33.333333%; height:35px;
font-weight:400; color:#111;}
.onlinesd_fom_table th.none{background-color:#f7f7f7; border-bottom:1px solid #cccccc;  border-right:0px solid #cccccc;  text-align:center; width:33.333333%; 
}



.onsc_font3{ border:1px solid #ccc; height:33px; width:50%; float:left; margin-left:2%; text-align:center;}
.onsc_font4{ border:1px solid #ccc; height:33px; width:24%; float:left; text-align:center;}
.gmbs{float:left; padding:5px 1% 0 1%; }

.onsc_font5{ border:1px solid #ccc; height:33px; width:25%; float:left; margin-left:2%;}

.onsc_font6{ border:1px solid #ccc; height:33px; width:70%; float:left; margin-left:2%; text-align:center;}
.onsc_font7{ border:1px solid #ccc; height:70px; width:90%; float:left; margin-left:2%; text-align:center;}

.fre_scripts{width:100%; height:auto; float:left; margin-top:20px;}
.agree-{float:right; padding-top:15px; padding-right:20px; line-height:10px; }
.chk_dongi{font-size:15px; font-weight:300; }
.file-{width:300px; height:35px; margin-left:20px;}
/*신청폼*/

.mem{margin-top:10px; clear:both; float:left; width:100%; text-align:left;}



/*서브디자인컨텐츠*/
p{font-size:1.3em; line-height:180%; color:#333; margin:10px 0;  }

p.top{font-size: 17px; border-bottom-color: rgb(222, 222, 222); border-bottom-width: 0px; border-bottom-style: solid;line-height:160%; padding:0 0 0px 0; font-family:'Noto Sans'; font-weight:400; margin-bottom:0px;}
p strong{color:#0791fc;font-size:22px; font-family:'Noto Sans'; font-weight:400; }
p strong.black{color:#000;font-family:'Noto Sans'; font-weight:400; }
div.article{clear:both; padding:10px 0px 30px 0; }
p.why{  font-size:30px; line-height:40px; width:100%; text-align:center; color:#333; margin-top:0px; clear:both; float:left;  font-family:'Noto Sans';}
p.why2{  font-size:30px; line-height:40px; width:100%; text-align:center; color:#333; margin-top:0px; clear:both; float:left;  font-family:'Noto Sans'; margin-bottom:60px;letter-spacing:-1px;}


p.why i.wh{  font-size:55px;  color:#0276d7;  font-weight:500;}

ul.branch2 {font-size:19px; color:#333; margin:0px 0;  clear:both; float:left;  width:100%; border-top:0px solid #cfcfcf;  border-bottom:0px solid #cfcfcf; padding:14px 0;}
ul.branch2 li {background:url('/images/git.gif')left 18px no-repeat;  padding:0 0 0 15px;line-height:210%;}




table.gradi_table{border-collapse:collapse; border-top:2px solid #6c94a0; border-bottom:1px solid #6c94a0;  margin-top:10px;  float:right; width:60%;  
margin-bottom:120px; margin-left:2%; }


table.gradi_table thead tr{height:40px;background:#c5d8d9 url('') left top repeat-x; color:#0b3f42;}
table.gradi_table thead th{background:url('') left center no-repeat;border-top:1px solid #ccc;  font-size:17px; padding:10px 0; }
table.gradi_table thead th:first-child{background:none;}
table.gradi_table tbody{border-bottom:1px solid #ccc;}
table.gradi_table td{padding:4px 7px; font-size:16px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; color:#383838; }
table.gradi_table td.tlt_cell{background:#fafafa; color:#0b3f42; text-align:center;  border-left:0; font-size:16px; padding:10px 0;}


table.gradi_table2{border-collapse:collapse; border-top:2px solid #6c94a0; border-bottom:1px solid #6c94a0;  margin-top:30px;  float:right; width:100%;  
margin-bottom:20px; margin-left:0; }


table.gradi_table2 thead tr{height:40px;background:#c5d8d9 url('') left top repeat-x; color:#0b3f42;}
table.gradi_table2 thead th{background:url('') left center no-repeat;border-top:1px solid #ccc;  font-size:17px; padding:10px 0; }
table.gradi_table2 thead th:first-child{background:none;}
table.gradi_table2 tbody{border-bottom:1px solid #ccc;}
table.gradi_table2 td{padding:4px 7px; font-size:16px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; color:#383838; }
table.gradi_table2 td.tlt_cell{background:#fafafa; color:#0b3f42; text-align:center;  border-left:0; font-size:16px; padding:10px 0;}




.title1{font-size:25px;  color:#000; margin:100px 0 0px 0; clear:both; float:left; width:100%;  }
.title1-up{font-size:25px;  color:#000; margin:40px 0 0px 0; clear:both; float:left; width:100%;    }

.title1-2{font-size:25px;  color:#000; margin:100px 0 0px 0;   float:right; width:60%;  }

.it-tx { padding: 20px 2% 40px 2%; width: 34%; clear: both; font-size: 18px; margin-top: 116px;  float: left; color:#ffffff;  line-height:200%;
border-radius:0px; font-family:'Noto Sans'; background:#464a77 url('') left bottom no-repeat;  display:inline-block;}


.it-tx2 { padding: 20px 2% 20px 2%; width: 96%; clear: both; font-size: 21px; margin-top: 36px;  float: left; color:#ffffff;  line-height:200%;
border-radius:0px; font-family:'Noto Sans'; background:#464a77 url('') left bottom no-repeat;  display:inline-block;}



ul.service{width: 100%; margin-top: 20px;}
ul.service li{padding: 40px 1% 20px 0px; width: 15%; float: left; text-align: center; min-height:130px;}
ul.service li.tx{padding: 50px 2% 20px 1%; width: 28%; font-size: 16px; float: left; text-align: left; line-height:160%; }
ul.service strong{color: #1e8dcd; font-family:'Noto Sans'; font-weight:400;   font-size:20px;  }



.sub-con{margin:60px 0; margin-left:0;}
ul.branch {font-size:1.4em; line-height:220%; color:#333; margin:10px 0;  clear:both; float:left;  width:100%; border-top:1px solid #cfcfcf;  border-bottom:1px solid #cfcfcf; padding:18px 0;}
ul.branch li {background:url('/images/git.gif')left 15px no-repeat; padding:0 0 0 15px;font-weight:400;}


ul.compnay-img li{width:33.3333333333%; text-align:leftr; float:left;padding:10px 0 0 0;}

.compnay-logo{margin-top:15px; clear:both; float:left;  width:100%; display:inline-block;}
.compnay-logo li{width:20%; text-align:center; float:left;}

span.merit1{font-family:'Noto Sans'; font-weight:400;  font-size:20px; color:#d06f87;}
span.merit2{font-family:'Noto Sans'; font-weight:400;  font-size:20px; color:#f6a65c;}
span.merit3{font-family:'Noto Sans'; font-weight:400;  font-size:20px; color:#ea6164;}
span.merit4{font-family:'Noto Sans'; font-weight:400;  font-size:20px; color:#689dc8;}


ul.why-img {font-size:16px; color:#333; margin-top:20px;  clear:both; float:left;  width:98%; border:1px solid #cfcfcf; padding:34px 1%; letter-spacing:-1px;}
ul.why-img li { font-family:'Noto Sans'; font-weight:400; line-height:120%; float:left; width:25%; text-align:center; color:#000;}

ul.why-img li img { width:40%; padding:0 0 5px 0;}

.purple {background: #0276d7;  color: rgb(255, 255, 255); clear: both; float: left; border-radius: 20px; display: inline-block; font-size:1.5em;
font-family:'Noto Sans'; font-weight:500;   padding:5px 20px 5px 10px; line-height:180%; margin-top:30px;}


.it-tx3 { padding: 20px 2% 20px 2%; width: 96%; float:right; font-size: 1.3em; margin-top: 26px;   color:#ffffff;  line-height:200%;
border-radius:0px; font-family:'Noto Sans'; background:#464a77 url('') left bottom no-repeat;  display:inline-block; text-align:left;}


ul.service2{width: 100%; margin-top: 0px;clear:both; float:left;}
ul.service2 li{padding:0px 1% 20px 0px; width: 49%; float: left; text-align: left;  }


.purple2 {  color: #666;  float: left; border-radius: 0px; display: inline-block; font-size:1.3em; width:100%;
font-family:'Noto Sans'; font-weight:500;   padding:5px 20px 5px 0px; line-height:180%; margin-top:30px; margin-left:0%;}

ul.branch3 {font-size:1.2em; clear:both;line-height:150%; color:#333; margin:10px 0;   float:left;  width:99%; border-top:1px solid #cfcfcf;  
border-bottom:1px solid #cfcfcf; padding:8px 0; MARGIN-LEFT:1%; display:inline-block; min-height:110px;}
ul.branch3 li {background:url('/images/git.gif')left 10px no-repeat; padding:0 0 0 15px;font-weight:400; width:87%;  margin-left:4%;}



.tab_table{width:60%; height:auto; float:left; margin:10px auto; border-top:2px solid #6c94a0; border-left:1px solid #c1c1c1; /*border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;*/}
.tab_table td{border-bottom:1px solid #c1c1c1; height:25px; font-size:14px; line-height:24px; color:#383838; padding:0px;}
.tab_table tr th{font-size:17px; color:#0b3f42; border-bottom:1px solid #c1c1c1; }

.map-img{padding: 0px 0px 0px 5%; width: 34%; margin-top: -30px; float: right}


.compnay-logo{margin-top:20px; clear:both; float:left;  width:100%; display:inline-block;}
.compnay-logo li{width:31%; text-align:center; float:left;  padding:8px 0 0 0; border:0px solid #dedede; height:75px; margin-right:1%; margin-bottom:28px;}
.compnay-logo li img{ }


}
















@media only screen and (min-width: 1200px) {


.gblock_noti_main_btn{width:100%; height:auto; float:left; margin-top:30px; text-align:center; margin-bottom:60px;}
.gnm_list1{ font-size:20px; font-weight:500; color:#000; padding:7px 0 0 7px;}
.gnm_list2{ font-size:16px; color:#333; line-height:20px; padding:7px 0 0 7px;}
.gh_icons_s4{ width:159px; height:36px; border:2px solid #1e8dcd; color:#1e8dcd; font-size:16px; background-color:#fff; cursor:pointer; }
.gh_icons_s4:hover{ background-color:#1e8dcd; color:#fff;}

.gh_icons_s3{ width:100px; height:34px; border:2px solid #1e8dcd; color:#1e8dcd; font-size:16px; background-color:#fff;  cursor:pointer; }
.gh_icons_s3:hover{ background-color:#1e8dcd; color:#fff;}

.gblock_noti_main_btn3{margin-bottom:40px;}


.gblock_h_title{width:100%; height:auto; float:left;}
.g_tit_syle1{width:100%; height:auto; float:left; text-align:center; color:#a1a1a1; font-size:15px;  margin:10px 0 40px 0;}

.g_tit_syle2{width:100%; height:auto; float:left; display:block; text-align:center; color:#242424; font-size:44px; padding:60px 0 15px 0; font-weight:400; }
.g_tit_syle2_mo{display:none;}


.pc_main_block_news{display:block;}
.mo_main_block_news{display:none;}
.tops{margin-top:0;}

.pc_ten_tops{display:table; float:left;}



.main-pro{clear:both; float:left; padding:0px 0 10px 1%;  margin:0 auto; width:100%;  }
.main-pro li{float:left; width:318px; padding:0px 20px; line-height:180%; color:#242424; font-size:15px; text-align:center;letter-spacing:-1px; background:#fff;
border:1px solid #cfcfcf; margin-right:30px; margin-top:57px; min-height:300px; margin-left:0;}


.main-pro li:last-child{float:left; width:318px; padding:0px 20px; line-height:180%; color:#242424; font-size:15px; text-align:center;letter-spacing:-1px; background:#fff;
border:1px solid #cfcfcf; margin-right:0px;margin-top:57px;  min-height:300px;margin-left:0;}


.main-pro li img{width:288px;background:#fff; padding:35px 0px 5px 0; }
.main-pro li .pro-name{color:#1e8dcd; font-size:20px; font-family:'Noto Sans'; font-weight:400; padding:10px 0 15px 0;  margin-top:0px; }
.main-pro li .pro-name2{line-height:18px; height:80px;color:#242424;font-size:15px;display:block;}

.opsnd2{display:block;}



#menu{display:none;}

.new_pop{display:block;}
.new_pop_m{display:none;}

.slidesjs-pagination{display:none;}
#wrap{width: 100%; height:auto; float:left;}
.wrap_pc2{width:100%; height:auto; float:left; position:fixed; top:0; z-index:9; 
background:url('../images/blue_trand.png') bottom repeat-x;}
.wrap_pc{width:1200px; height:auto; margin:0 auto;}

.wrap_pcsd2{width:1200px; height:auto; margin:0 auto;}

.wrap_pcsd3{width:1200px; height:auto; float:left; margin-top:0px; position:relative;}

.motalmenus{display:none;}

.wrap_pcsd4{width:1200px; height:auto; margin:0 auto;}
.wrap_pcsd5{width:1200px; height:auto; float:left;}

.chk_ser_in{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
a.chk_ser_in:visited{color:blue; border-bottom:1px solid blue; font-size:16px; padding-bottom:5px;}
.chk_ser_ins{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}
a.chk_ser_ins:visited{color:gray; border-bottom:1px solid gray; font-size:14px; padding-bottom:5px;}

.neleftmenu{display:none;}
.neleftmenu2{display:none;}

.top{width:100%; height:90px; float:left; border-bottom:0; display:block;}
.logo{width:253px; height:auto; float:left; padding:0 0 0 10px; display:inline;}

.logo_n_btn{margin:40px 10px 0 0; float:left; width:29px; height:21px;}
.logo_n_btn2{margin:12px 0 0 50px; float:left; width:253px;margin-top:-57px; }

.top_hsc{width:172px; height:34px; margin:2px 7px 0 0; float:right; display:block;} 
.top_hsc ul.hmlc{width:172px; float:right;}
.top_hsc ul.hmlc li{width:172px; float:left;}
.top_hsc ul.hmlc li a {line-height:31px; color:#000; cursor:pointer;  text-decoration: none; font-size:11px;}

.top_hsc ul.hmlc li.hmlc3{float:right; width:172px; border-bottom:0; background:url('../images/ser_dudbo_sd2.png') bottom repeat-x; display:block; margin-top:-13px;}
.dudbo{height:34px; width:134px;background: transparent; outline:none; text-align:center; font-size:16px; color:#fff;}


.top_hsc ul.hmlc2{float:right; height:31px; margin-right:10px;}
.top_hsc ul.hmlc2 li{float:left;}

.subimg_cateimg1{display:block;}
.subimg_cateimg2{display:none;}


.capimgs1{position: absolute; top: 7%; left: 0px; width: 100%; font-size: 30px; color: #fff;  text-align: center; font-weight:bold; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs2{position: absolute; top: 7%; left: 0px; width: 100%; font-size: 20px; color: #fff;  text-align: center;
text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs3{position: absolute; top: 7%; left: 0px; width: 100%; font-size: 25px; color: #fff;  text-align: center; text-shadow:0px 2px 5px rgba(0,0,0,0.4);}
.capimgs4{position: absolute; width: 100%; top:7%; font-size: 20px; color: #ffffff;  text-align: center;text-shadow:0px 2px 5px rgba(0,0,0,0.4);}


#Gnb2{display:none;}

#Gnb{width:600px; height:45px; float:right; margin-right:20px; display:inline; margin-top:-18px;}/*logo_width+간격만큼 margin제한다.*/
#Gnb ul.menu{width:620px; height:50px; float:left; }
#Gnb ul.menu li{float:left; height:50px; text-align:center; position:relative;}/*메뉴넓이/메뉴갯수*/
#Gnb ul.menu li a{color:#fff; text-decoration:none; }
#Gnb ul.menu li a:hover{color:#fff;}
#Gnb ul.menu li a.topmenus {font-size:17px; width:100%; height:50px; float:left; text-align:center; line-height:50px; font-weight:400; }

#Gnb ul.menu li a:hover.topmenus,
#Gnb ul.menu li a.on.topmenus ,
#Gnb ul.menu li a.selected {color:#fff;}

#Gnb ul.menu ul.sub{width:140%; float:left; height:auto; position:absolute; z-index:10000; top:50px; display:none; background-color:rgba( 0, 0, 0, 0.4 ); 
box-shadow:2px 2px 5px rgba(0,0,0,0.1);
border-top:0px solid #a75cfc; margin-left:-20%;}
#Gnb ul.menu ul.sub li{width:100%; float:left; height:50px; line-height:50px; }
#Gnb ul.menu ul.sub li a{width:100%; text-align:center; font-size:15px; height:50px; line-height:50px; float:left;  color:#fff;}
#Gnb ul.menu ul.sub li a:hover{width:100%; text-align:center; font-size:15px; height:50px; line-height:50px; float:left;  color:#fff;  background-color:#000; opacity:0.8;}





.roll_font_sty1{float:left; font-size:30px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#000;}
.roll_font_sty2{float:left; font-size:20px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#3b5c1b;}
.roll_font_sty3{float:left; font-size:30px; font-weight:400; width:100%; margin:20px 0 0 20px; color:#f0470c;}

.roll_font_sty4{float:left; font-size:30px; font-weight:400; width:100%; margin:40px 0 0 40px; color:#000;}
.roll_font_sty5{float:left; font-size:30px; font-weight:400; width:100%; margin:20px 0 0 40px; color:#3b5c1b;}


.wroll_btn{position:absolute; bottom:-39px; z-index:7; width:100%; height:auto; float:left; text-align:center;}
.wroll_btn2{width:432px; height:auto;}


#asd{color:#ffaa56;}
#asd1{color:#fff;}





.menu ul.mo_menu{display:none;}
.mo_logo{display:none;}
.pic{width:1200px; height:300px; float:left; margin-bottom:20px; display:block;}





.con2{width:100%; height:auto; float:left;}
.con2_title{width:100%; height:120px; float:left; border-bottom:0px solid #c1c1c1; display:block; margin-top:0px;}
.con2_title ul{width:100%; height:auto; float:left; padding-top:50px;}
.con2_title li.con2_title_2{font-size:3em; float:left;  padding-left:10px; padding-top:3px; color:#272727;  font-weight:400; }
.con2_title li.con2_nav{ width:50%; float:right; text-align:right; padding-top:13px; padding-right:10px; line-height:-20px; color:#6a6a6a; display:block;  
font-size:1.2em;}
.con2_title li.con2_nav a {color:#6a6a6a; cursor:pointer; }
.con2_title li.con2_nav a:link {text-decoration: none;}
.con2_title li.con2_nav a:hover {color:#6a6a6a; text-decoration:none;}
.con2_title li.con2_nav a:visited { text-decoration: none;}

.con2_nav_color{color:#015281; font-weight:400;}
.con2_nav_color a {color:#015281; cursor:pointer; }
.con2_nav_color a:link {text-decoration: none;}
.con2_nav_color a:hover {color:#015281; text-decoration:none;}
.con2_nav_color a:visited { text-decoration: none;}
.con_in{width:100%; height:auto; float:left; padding-top:25px; display:block;}
.con_in ul.con_in_con{width:97%; height:auto; float:left; padding-left:2%; padding-right:1%;}
.con_in ul.con_in_con li{ padding-bottom:3%; }
.font_sty{font-size:25px; font-weight:400; color:#09C;}





.con{width:1200px; height:auto; float:left; display:block;}
.sub_menu{width:233px; height:auto; float:left; display:block;}
.sub_menu ul.sub_menu_title{width:233px; height:auto; float:left; border-bottom:0px solid #c1c1c1;}
.sub_menu ul.sub_menu_title li{width:100%; height:120px; float:left;}

.left_menu_font_sty1{width:100%; float:left; padding-left:10px; font-size:24px; color:#314564; font-weight:400; padding-top:30px;  }
.left_menu_font_sty2{width:100%; float:left; font-size:18px; color:#848383; padding:0 0 25px 10px;
background:url('/images/left_title_bg.png') left bottom no-repeat;  }

.sub_menu ul.sub_menu2{width:233px; height:auto; float:left;}
.sub_menu ul.sub_menu2 li{width:100%; height:40px; float:left; border-bottom:0px solid #4c4c4c;}
.sub_menu ul.sub_menu2 li a {width:85%; height:40px; float:left; line-height:40px; padding-left:15%; font-size:15px; color:#848383; text-decoration: none; font-weight:normal;
 }

.sub_menu ul.sub_menu2 li a:hover {background-color:#314564; color:#fff; font-size:16px; font-weight:400;}

.sub_menu ul.sub_menu2 li a.selected{background-color:#314564; color:#fff; font-size:16px;font-weight:400;}


.sub_menu ul.sub_menu3{width:233px; height:auto; float:left; margin-top:50px;}
.sub_menu ul.sub_menu3 li{width:100%; height:auto; float:left;}




.noti_ban{width:1200px; height:auto; float:left; border:0px solid #c6c3c3; display:block; margin-top:0px;}

.titsf{width:100%; height:auto; float:left; text-align:center; padding:15px 0 15px 0;}

.bod_last2{display:none}
.bod_last1{width:100%; height:auto; float:left; display:block;}
.bod_last1 ul{width:100%; height:auto; float:left;}
.bod_last1 ul li{width:21%; height:auto; float:left; padding:10px 2% 10px 2%;}
.bodlast_titlesd{width:100%; height:auto; float:left; border-bottom:1px solid #c1c1c1; padding:5px 0 5px 0; font-size:14px; font-weight:400; color:#000;}
.bodlast_titlesd2{width:100%; height:auto; float:left; font-size:12px; color:#000; padding-top:5px;}


.main_insdu{width:1200px; height:auto; float:left; padding:0px;}
.call_bansd{width:958px; height:345px; float:left; margin-right:0px; margin-top:20px; display:block; background:#314564; padding:28px 28px 28px 38px; }
.call_bansd2{display:none;}
.call_bansd3{display:none;}


.main_insdu2{width:100%; height:auto; float:left; border-top:0px solid #d9d1d1;}
.main_insdu2 ul{width:46%; height:247px; float:left; border:0;}
.main_insdu2 ul li{width:95%; height:auto; float:left;padding:0 5% 0 0; }

.main_insdu2 ul.main_insdu2_pc{display:block;}
.main_insdu2 ul.main_insdu2_mo{display:none;}

.main_insdu2 ul li.gongsd_fon3{padding-top:10px;}
.gongsd_fon1{float:left; font-size:17px; color:#000; font-weight:300; line-height:100%;}
.gongsd_fon2{float:right; font-size:15px; color:#000; font-weight:300;}





.notice_0{width:330px; height:126px; float:left; display:block;}
.notice_0 ul.new_qna{width:330px; height:24px; float:left; border-bottom:1px solid #cccccc;}
.notice_0 ul.new_qna li{float:left;}
.notice_0 ul.new_qna li.new_mar{margin-right:1px; width:62px; height:25px; display:inline;}
.notice_0 ul.new_qna li.new_mar2{width:62px; height:25px;}
.notice_0 ul.new_qna li.more{width:15px; height:15px; margin-left:188px; margin-top:6px; display:inline;}
.notice_0 ul.noti_con{width:330px; height:100px; border-bottom:1px solid #cccccc; float:left;}
.notice_0 ul.noti_con ul{width:100%; height:auto; float:left; }
.notice_0 ul.noti_con ul li{width:100%; float:left; line-height:25px;}
.notice_0 ul.noti_con ul li span.date{ float:right;}


.b_cons{width:75%; float:left;}
.b_cons2{width:25%; float:left; text-align:right;}
.bod_jum{float:left; vertical-align:top; padding:11px;}


.notice_0 ul.noti_con ul li a {color:#111111; cursor:pointer; }
.notice_0 ul.noti_con ul li a:link {text-decoration: none;}
.notice_0 ul.noti_con ul li a:hover {color:#0066cc; text-decoration:none;}
.notice_0 ul.noti_con ul li a:visited { text-decoration: none;}

.notice_1{display:none;}

.products{width:330px; height:126px; float:left; margin-left:17px; margin-right:17px; display:inline;}
.customer{width:330px; height:126px; float:left; position: absolute; display:inline;}
.customer li.pho_num{float: left; position: absolute; left: 24px; top: 33px; color:#999900; font-weight:400; font-size:30px; letter-spacing:-1px; }
.customer li.pho_num2{float: left; position: absolute; left: 78px; top: 74px; color:#565656; font-size:12px;}
.customer li.email_to{float: left; position: absolute; left: 78px; top: 93px; color:#565656; font-size:12px;}
.customer li.email_to a {color:#565656; cursor:pointer; }
.customer li.email_to a:link {color:#565656; text-decoration: none;}
.customer li.email_to a:hover {color:#565656; text-decoration:none;}
.customer li.email_to a:visited {color:#565656; text-decoration: none;}

.noti_ban_700{display:none;}
.noti_ban_mo{display:none;}

.footer{width:100%; height:auto; min-width:1200px; float:left; text-align:center; margin-top:60px; background-color:#e9eaeb; padding-top:50px; color:#3c3c3c; padding-bottom:30px; display:block;
font-size:16px; font-weight:400;}
.footer ul{width:1200px; height:auto; padding-bottom:20px; margin:0 auto; }
.footer li.footer_logo{width:21%; float:left; padding:0px;} 
.footer li.footer_logo img{width:170px; float:left; padding:0 0 0 10px;} 
.footer li.footer_add{width:65%; float:left; line-height:20px; text-align:left; padding-left:0; padding-right:0;  display:block;}
.footer li.popi_info_btn{width:13%; float:left; line-height:20px; text-align:left; padding-left:0; padding-right:0;  display:block;}
.footer li.popi_info_btn a {width:90%; line-height:25px; text-align:center; font-size:16px; color:#000; float:right;}
.footer li a {cursor:pointer; }
.footer li a:link {color:#3c3c3c; text-decoration: none;}
.footer li a:hover {color:#3c3c3c; text-decoration:none;}
.footer li a:visited {color:#3c3c3c; text-decoration: none;}

.sub_img1{width:100%; height:auto; float:left; position:relative; margin-bottom:20px; display:block;}
.sub_img1 ul.img_list1{width:100%; height:auto; float:left; display:block;}
.sub_img1 ul.img_list1 li{ display:none; position:relative;}
.sub_img1 ul.img_list1 li:first-child{display:block;}
.sub_img1 dl.text1{position:absolute; top:220px; bottom:35px; right:30px; text-align:right; display:block;}
.sub_img1 dl.text1 dd{margin-top:0px;}

.vi_title{font-size:40px; font-weight:400; color:#0072bb;}
.vi_title2{font-size:30px; font-weight:400; color:#fff; background-color:#0e4f00; }
.vi_title3{font-size:20px; color:#fff; background-color:#0e4f00;}
.vi_title4{font-size:30px; font-weight:400; color:#7f7f7f;}
.footer2{display:none;}







.login_new3{width:400px; margin:0 auto;}
.login_new2{width:400px; float:left; height:auto; margin:50px 0 0 0;}
.login_new2 ul.login_fom{width:287px; height:70px; float:left;}
.login_new2 ul.login_fom li{width:287px; height:34px; float:left;}
.fom_syl{width:285px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.login_new2 ul.login_btn{width:95px; height:70px; float:left; margin-left:18px;}
.login_new2 ul.login_btn li{width:95px; height:70px; float:left; text-align:center;}
.login_btn_new{background-color:#000;  color:#fff; font-weight:400; font-size:12px; border:0; width:95px; height:70px; cursor:pointer;}

.login_new2 ul.ser_joy{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy li{float:left; width:128px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}
.login_new2 ul.ser_joy2{width:400px; height:auto; float:left; margin-top:10px;}
.login_new2 ul.ser_joy2 li{float:left; width:190px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}


.login_new5{width:600px; margin:0 auto;}
.login_new4{width:600px; float:left; height:auto; margin:50px 0 0 0;}
.login_new4 ul.ser_joy2{width:600px; height:auto; float:left; margin-top:10px;}
.login_new4 ul.ser_joy2 li{float:left; width:290px; height:30px; border:1px solid #d9d9d9; text-align:center; line-height:30px; font-size:12px; color:#555555; font-weight:400; cursor:pointer;}

.fom_syl2:invalid{ background-color:#fff;}

.fom_syl2{width:225px; height:32px; line-height:32px; float:left; border:1px solid #d9d9d9; padding:0; margin:0;}
.ok_btn_sty3{width:100px; height:30px;  background-color:#343434; border:0; color:#fff; font-weight:400; cursor:pointer;}


#member div.join{width:100%; height:auto; float:left;}
#member div.member_agree{width:96%; height:auto; float:left; margin-left:2%;}
#member div.member_agree h3{font-size:18px; height:25px; line-height:25px;}
#member div.member_agree textarea{width:100%; height:160px; border:1px solid #ccc; font-size:11px; overflow-y: scroll;}
#member div.member_agree label{display:block; text-align:right; margin-top:5px; padding:5px 0;}
#member div.member_agree label input{vertical-align:middle; margin-right:5px;}
#member div.member_agree+div.join{display:none;}
#member div.join div.member_form{}


#member div.member_agree div.btn{text-align:center; padding-top:10px; margin-top:5px; border-top:1px solid #ccc;}
#member div.member_agree div.btn a{display:inline-block; width:100px; text-align:center; margin-bottom:2px; border-radius:3px; height:30px; line-height:30px; border:1px solid #b2b2b2; background:#f4f4f4 url('../images/member/btn_bg.gif') left top repeat-x; letter-spacing:-1px; color:#fff;}
#member div.member_agree div.btn a:hover{background-position:left;}






.wrap5{width:180px; height:auto; float:left; position:absolute; right:-200px; display:block;}
.r_sang3{ width:160px; height:195px; float:left; margin-left:20px; background: url('../images/phone2.png') no-repeat;}
.consu_tit{width:100%; height:35px; float:left; text-align:center; line-height:35px; color:#fff; font-size:14px;}
.con_name{width:95%; height:30px; float:left; line-height:30px; padding-left:5%;}
.run_name1{width:100%; float:left;}
.b_name_in{width:142px; height:20px; float:left; margin:0 8px 0 8px; border:1px solid #000;}
.b_tel1_in1{width:39px; height:20px; float:left; padding:0; margin:0; border:1px solid #000;}
.run_name2{width:147px; float:left; padding:0 0 0 8px;}
.run_font_st1{width:10px; height:24px; float:left; text-align:center; line-height:20px;}
.run_name3{width:100%; height:auto; float:left; text-align:center; margin-top:5px;}

.run_ok_btn{width:50px; height:20px; background-color:#fff; color:#000; border:1px solid #bfbfbf; cursor:pointer;}


.qui_name_tit6{width:118px; float:left; height:25px; border:1px solid #c6c3c3;}

.calen_texts{width:446px; height:auto; float:left; margin:20px 0 0 200px;}











.imgbigsd{display:block;}
.imgsmasd{display:none;}

.foscreen1{position: relative; left: 50%; width: 4000px; height:600px; text-align: center; margin-left: -2000px;}
.foscreen2{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1200px; height:600px; overflow: hidden;}
.foscreen3{cursor: auto; position: absolute; left: 0px; top: 0px; width: 1200px; height:600px; overflow: hidden;}
.foscreen4{position: relative; width:100%; height:600px; overflow: hidden;}









/*회원가입 완료*/
.j_ses{width:100%; height:auto; float:left;}
.j_ses2{width:80%; height:auto; background-color:#f5f5f5; border:1px solid #959595; float:left; margin:40px 10% 0 10%;}
.j_ses3{width:80%; height:auto; background-color:#fff; float:left; margin:3%; padding:7%;}
.ses_home_go{width:80px; height:30px; background-color:#000; color:#fff; font-size:12px;}





.sear_text_view{width:100%; height:auto; text-align:center; padding:15px 0 15px 0; font-size:18px; color:gray; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; margin-bottom:30px;}
.sear_text_view2{width:100%; height:auto; padding:10px 0 10px 0; font-size:14px; color:#000; float:left; background-color:#f9f9f9; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; margin-top:20px;}



.ser_menu{width:100%; height:auto; float:left; display:block;}
.ser_menu ul.ser_menu2{width:100%; height:auto; float:left;}
.ser_menu ul.ser_menu2 li{width:100%; height:auto; float:left; text-align:center;}
.ser_menu ul.ser_menu2 li a {width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:14px; color:#fff; text-decoration: none; font-weight:400; background-color:#c1c1c1;}
.ser_menu ul.ser_menu2 li a:hover{background-color:#f44336; color:#fff;}
.ser_menu ul.ser_menu2 li a.selected{background-color:#f44336; color:#fff;}



/*신청홈*/
.onlin_s{width:100%; height:auto; float:left;   margin:0; font-size:17px; font-weight:400; color:#000;
padding-bottom:17px; line-height:20px; }
.onlin_s2{width:100%; height:auto; float:left; padding-bottom:15px;  margin:60px 0 0px 0; font-size:17px; font-weight:400; color:#000;}
.onlin_s3{width:100%; height:auto; float:left; font-size:12px; margin:10px 0 0 0; color:#000;}
.onlin_s3-1{line-height:18px; font-size:14px; font-weight:300; padding:10px 0 0 0;}

.onlinesd_fom_table{   float:left clear:both; margin:0 0 8px 0; width:100%; border-top:1px solid #4d515a; }
.onlinesd_fom_table td{ border-bottom:1px solid #cccccc; font-size:14px; border-right:1px solid #cccccc; text-align:center; padding:10px 0; height:37px; font-weight:300;}
.onlinesd_fom_table td.none{ border-bottom:1px solid #cccccc; font-size:14px; border-right:0px solid #cccccc; text-align:center; font-weight:300;}

.onlinesd_fom_table td.onsc_font1{background-color:#f7f7f7; font-weight:300; color:#333; font-size:15px; text-align:center;  width:25%; height:35px;  }
.onlinesd_fom_table td.onsc_font2{border-bottom:1px solid #cccccc; padding:14px 0 16px 0; line-height:15px; height:35px; border-right:0px; text-align:left;}
.onlinesd_fom_table th{background-color:#f7f7f7; border-bottom:1px solid #cccccc; font-size:15px; border-right:1px solid #cccccc; padding:8px 0; text-align:center; width:33.333333%; height:35px;
font-weight:400; color:#111;}
.onlinesd_fom_table th.none{background-color:#f7f7f7; border-bottom:1px solid #cccccc;  border-right:0px solid #cccccc;  text-align:center; width:33.333333%; 
}



.onsc_font3{ border:1px solid #ccc; height:33px; width:50%; float:left; margin-left:2%; text-align:center;}
.onsc_font4{ border:1px solid #ccc; height:33px; width:24%; float:left; text-align:center;}
.gmbs{float:left; padding:5px 1% 0 1%; }

.onsc_font5{ border:1px solid #ccc; height:33px; width:25%; float:left; margin-left:2%;}

.onsc_font6{ border:1px solid #ccc; height:33px; width:70%; float:left; margin-left:2%; text-align:center;}
.onsc_font7{ border:1px solid #ccc; height:70px; width:90%; float:left; margin-left:2%; text-align:center;}

.fre_scripts{width:100%; height:auto; float:left; margin-top:40px;}
.agree-{float:right; padding-top:15px; padding-right:20px; line-height:10px; }
.chk_dongi{font-size:15px; font-weight:300; }
.file-{width:300px; height:35px; margin-left:20px;}
/*신청폼*/


.mem{margin-top:20px; clear:both; float:left; width:100%; text-align:left;}


/*서브디자인컨텐츠*/
p{font-size:1.3em; line-height:180%; color:#333; margin:10px 0;  }

p.top{font-size: 18px; border-bottom-color: rgb(222, 222, 222); border-bottom-width: 0px; border-bottom-style: solid;line-height:160%; padding:0 0 0px 0;
font-family:'Noto Sans'; font-weight:400; margin-bottom:0px;}
p strong{color:#0791fc;font-size:22px; font-family:'Noto Sans'; font-weight:400; }
p strong.black{color:#000;font-family:'Noto Sans'; font-weight:400; }
div.article{clear:both; padding:0px 0px 20px 0; }
p.why{  font-size:32px; line-height:40px; width:100%; text-align:center; color:#333; margin-top:0px; clear:both; float:left;  font-family:'Noto Sans';}
p.why2{  font-size:32px; line-height:40px; width:100%; text-align:center; color:#333; margin-top:0px; clear:both; float:left;  font-family:'Noto Sans'; margin-bottom: 70px}



p.why i.wh{  font-size:55px;  color:#0276d7; font-family:'Noto Sans'; font-weight:500;}

ul.branch2 {font-size:17px; color:#333; margin:0px 0;  clear:both; float:left;  width:100%; border-top:0px solid #cfcfcf;  border-bottom:0px solid #cfcfcf; padding:8px 0;}
ul.branch2 li {background:url('/images/git.gif')left 15px no-repeat; padding:0 0 0 15px;line-height:180%;}




table.gradi_table{border-collapse:collapse; border-top:2px solid #6c94a0; border-bottom:1px solid #6c94a0;  margin-top:10px;  float:right; width:64%;  
margin-bottom:120px; margin-left:2%; }


table.gradi_table thead tr{height:25px;background:#c5d8d9 url('') left top repeat-x; color:#0b3f42;}
table.gradi_table thead th{background:url('') left center no-repeat;border-top:1px solid #ccc;  font-size:16px; padding:12px 0; }
table.gradi_table thead th:first-child{background:none;}
table.gradi_table tbody{border-bottom:1px solid #ccc;}
table.gradi_table td{padding:0 0 0 6px; font-size:15px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; color:#383838;  }
table.gradi_table td.tlt_cell{background:#fafafa; color:#383838; text-align:center;  border-left:0; font-size:15px; padding:12px 0; font-family:'Noto Sans'; font-weight:400;}


table.gradi_table2{border-collapse:collapse; border-top:2px solid #6c94a0; border-bottom:1px solid #6c94a0;  margin-top:70px;  float:right; width:100%;  
margin-bottom:0px; margin-left:0%; }


table.gradi_table2 thead tr{height:40px;background:#c5d8d9 url('') left top repeat-x; color:#0b3f42;}
table.gradi_table2 thead th{background:url('') left center no-repeat;border-top:1px solid #ccc;  font-size:16px; padding:10px 0; }
table.gradi_table2 thead th:first-child{background:none;}
table.gradi_table2 tbody{border-bottom:1px solid #ccc;}
table.gradi_table2 td{padding:3px 4px; font-size:14px; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; color:#383838;font-family:'Noto Sans'; }
table.gradi_table2 td.tlt_cell{background:#fafafa; color:#383838; text-align:center;  border-left:0; font-size:15px; padding:9px 0; font-family:'Noto Sans'; font-weight:400;}


.title1{font-size:25px;  color:#000; margin:100px 0 0px 0; clear:both; float:left; width:100%;   font-family:'Noto Sans';font-weight:400; }
.title1-up{font-size:25px;  color:#000; margin:40px 0 0px 0; clear:both; float:left; width:100%;   font-family:'Noto Sans';font-weight:400;  }

.title1-2{font-size:25px;  color:#000; margin:60px 0 0px 0;   font-family:'Noto Sans'; font-weight:400; float:right; width:64%;  }

.it-tx { padding: 20px 2% 40px 2%; width: 30%; clear: both; font-size: 17px; margin-top: 94px;  float: left; color:#ffffff;  line-height:220%;
border-radius:0px; font-family:'Noto Sans'; font-weight:400;background:#464a77 url('') left bottom no-repeat;  display:inline-block;}


.it-tx2 { padding: 20px 2% 20px 2%; width: 96%; clear: both; font-size: 22px; margin-top: 106px;  float: left; color:#ffffff;  line-height:200%;
border-radius:0px; font-family:'Noto Sans'; background:#464a77 url('') left bottom no-repeat;  display:inline-block; text-align:center;}


ul.service{width: 100%; margin-top: 10px;}
ul.service li{padding: 15px 1% 20px 0px; width: 10%; float: left; text-align: center; min-height:110px;}
ul.service li.tx{padding: 25px 2% 20px 1%; width: 34%; font-size: 15px; float: left; text-align: left; line-height:160%; }
ul.service strong{color: #1e8dcd; font-family:'Noto Sans'; font-weight:400;   font-size:21px;  }



.sub-con{margin:60px 0; margin-left:1%;}
ul.branch {font-size:1.4em; line-height:220%; color:#333; margin:10px 0;  clear:both; float:left;  width:100%; border-top:1px solid #cfcfcf;  border-bottom:1px solid #cfcfcf; padding:18px 0;}
ul.branch li {background:url('/images/git.gif')left 15px no-repeat; padding:0 0 0 15px;font-weight:400;}



ul.compnay-img li{width:33.3333333333%; text-align:left; float:left;padding:10px 0 10px 0;}

.compnay-logo{margin-top:20px; clear:both; float:left;  width:100%; display:inline-block;}
.compnay-logo li{width:19%; text-align:center; float:left;  padding:22px 0 0 0; border:0px solid #dedede; height:75px; margin-right:1%; margin-bottom:28px;}
.compnay-logo li img{ }

span.merit1{font-family:'Noto Sans'; font-weight:400;  font-size:22px; color:#d06f87;}
span.merit2{font-family:'Noto Sans'; font-weight:400;  font-size:22px; color:#f6a65c;}
span.merit3{font-family:'Noto Sans'; font-weight:400;  font-size:22px; color:#ea6164;}
span.merit4{font-family:'Noto Sans'; font-weight:400;  font-size:22px; color:#689dc8;}


ul.why-img {font-size:17px; color:#333; margin-top:20px;  clear:both; float:left;  width:90%; border:1px solid #cfcfcf; padding:34px 5%; letter-spacing:-1px;}
ul.why-img li { font-family:'Noto Sans'; font-weight:500;  line-height:200%; float:left; width:25%; text-align:center; color:#212121;}

ul.why-img li img { width:40%; margin-bottom:20px; opacity:0.9;}



.purple {background:#0276d7;  color: rgb(255, 255, 255); clear: both; float: left; border-radius: 20px; display: inline-block; font-size:1.5em;
font-family:'Noto Sans'; font-weight:500;   padding:5px 20px 5px 10px; line-height:180%; margin-top:40px;}


.it-tx3 { padding: 20px 2% 20px 2%; width: 96%; float:right; font-size: 1.3em; margin-top: 26px;   color:#ffffff;  line-height:200%;
border-radius:0px; font-family:'Noto Sans'; background:#464a77 url('') left bottom no-repeat;  display:inline-block; text-align:left;}


ul.service2{width: 100%; margin-top: 20px; clear:both; float:left;}
ul.service2 li{padding:0px 1% 0px 0px; width: 49%; float: left; text-align: left;  }


.purple2 {  color: #666;  float: left; border-radius: 0px; display: inline-block; font-size:1.5em; width:100%;
font-family:'Noto Sans'; font-weight:500;   padding:5px 0px 5px 0px; line-height:180%; margin-top:30px; margin-left:0%;}

ul.branch3 {font-size:1.3em; clear:both;line-height:150%; color:#333; margin:0px 0 0 0;   float:left;  width:90%; border-top:0px solid #cfcfcf;  
border-bottom:0px solid #cfcfcf; padding:8px 0; MARGIN-LEFT:1%; display:inline-block; min-height:90px;}
ul.branch3 li {background:url('/images/git.gif')left 8px no-repeat; padding:0 0 0 15px;font-weight:400; width:80%; margin-left:8%;}


.tab_table{width:60%; height:auto; float:left; margin:10px auto; border-top:2px solid #6c94a0; border-left:1px solid #c1c1c1; /*border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;*/}
.tab_table td{border-bottom:1px solid #c1c1c1; height:29px; font-size:15px; line-height:29px; color:#383838; padding:1px 0px;}
.tab_table tr th{font-size:17px; color:#0b3f42; border-bottom:1px solid #c1c1c1; }

.map-img{padding: 0px 0px 0px 5%; width: 34%; margin-top: -30px; float: right}

}



/*ERP솔루션*/
ul.erp { clear:both;line-height:180%; color:#333; margin:15px 0 0 0;   float:left;  width:100%; 
border-bottom:2px dotted #c6d3da;padding:8px 0; MARGIN-LEFT:0%; display:inline-block; }
ul.erp li { padding:0 0 0 15px;font-weight:400; width:95%; float:left; }








img.service2img{width:70%; }
img.service2img-eng{width:100%; }

.p-num{background:#0276d7; color:#fff; border-radius: 20px; padding:0px 12px; display: inline-block; margin-left:10px; margin-right:10px; font-family:'Noto Sans'; font-weight:500; margin-bottom:1px;}





table.gradi_table2 td ul.branch2{font-size:1em; color:#333; margin:0px 0;  clear:both; float:left;  width:100%; border-top:0px solid #cfcfcf;  border-bottom:0px solid #cfcfcf; padding:10px 0;}
table.gradi_table2 td ul.branch2 li {background:url('/images/git.gif')left 4px no-repeat;  padding:0 0 0 15px;line-height:130%;}




.main_con{width:1200px; height:auto; margin:0 auto;}
.main_con2{width:1200px; height:auto; float:left; border:0px solid #cccccc;}




.top_hsc ul.hmlc A.lan{color:#aaa9a9; font-size:14px; padding:3px 10px 0 10px;}