@charset "utf-8";

/* CSS Document */
body {font-family:'Malgun Gothic',맑은 고딕, 돋움;}
img {border-width:0px;}
ul {margin:0;padding:0;}
li {list-style:none;margin:0;padding:0;}
em {font-style:normal;}
p {line-height:1.4;}

a:link, a:visited, a:active { text-decoration:none; color:#333333; }
a:hover { text-decoration:none; }

/* 탑부분 */

#id_top_round {
	margin:0;padding:0;width:100%;
	background-color:#e22374; text-align:center;
	border-bottom:1px solid #b70d55;
	font-size:.7em;
	font-family:돋움;
	height:28px;
}
#id_top_round div#id_top_tinymenu {
	margin:0 auto;padding:0px;background-color:#e22374;
	width:1100px;text-align:right;height:100%;
}
#id_top_round div#id_top_tinymenu a.top_m {
	display:block; float:left;
	width:auto;height:100%;line-height:28px;margin:0;padding:0 10px;text-align:center;
	text-decoration:none;
}
a.top_m:link, a.top_m:visited { 
	border-left:1px solid #e22374;border-right:1px solid #e22374;
	background:#e22374;
	color:#ffffff;
	}
a.top_m:hover {
	border-left:1px solid #b70d55;border-right:1px solid #b70d55;
	background:#d4005a;
	color:#ffff66
}
a.top_m:active {
	border-left:1px solid #b70d55;border-right:1px solid #b70d55;
	background:#be0051;
	color:#ffffff;
}

#top_wrap_round {clear:both;display:block;height:70px;margin:0;padding:0; background-color:#fff;}
#top_wrap {display:block;width:1100px;margin:0 auto;height:100%; overflow:hidden;}
.logo_top {float:left;}
.top_tel {float:right;}

/*메뉴부분*/
#menu_wrap_round {clear:both;display:block;height:50px;margin:0;padding:0;}
#menu_wrap {display:block;width:1100px;margin:0 auto;height:100%; overflow:hidden;}
.menu_bar {display:block;margin:0;padding:0;height:100%;overflow:hidden;}
.menu_bar li#menu_li{display:block;float:left;height:100%;}
.menu_bar li a.menubar{
display:block;margin:0;padding:0;
height:50px;font-size:80%;font-weight:500;letter-spacing:0px;
font-family: 'NanumGothic','Noto Sans KR',  'Malgun Gothic',맑은 고딕, 돋움;
cursor:pointer;
}

.menu_fixed {
position:fixed; width:100%;top:0; left:0;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
z-index:1000;
}

#sub_menu {clear:both;position:absolute;display:block;width:180px;margin:0;padding:0; z-index:1000;border-top:2px solid #FF0055;}
#sub_menu_ul {display:block;padding-bottom:5px;min-height:20px;}
#sub_menu_ul li.sub_menu_li{display:block;margin:0;padding:0;}
a.sub_m{
display:block;text-align:left;margin:0;padding:7px 10px 8px;line-height:30px;
font:normal 80% 'Noto Sans KR','Malgun Gothic',맑은 고딕, 돋움;text-decoration:none;
cursor:pointer;
}

.counsel { position:absolute;margin-top:-53px;margin-left:0px;display:block; width:298px;height:51px;}
.counsel_index { display:block;height:51px;width:100%;margin:0;}
.counsel_btn_area {display:block;width:100%;height:100%;text-align:center;border-bottom:2px solid #111;}
.counsel a{ 
display:block;height:100%;font-size:14px;
cursor:pointer;
overflow:hidden;
}

a.questionbar:link, a.questionbar:visited { color:#fff; }
a.questionbar:hover { color:#FFFF00;  }
a.questionbar:active { color:#FF9900; }

a.cta {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+60,111111+86,222222+95 */
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 60%, #111111 86%, #222222 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #222222 60%,#111111 86%,#222222 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #222222 60%,#111111 86%,#222222 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}
a.cta_on {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,151515+30,222222+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #151515 30%, #222222 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#151515 30%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#151515 30%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}


.menubar_text {margin:0 35px;height:100%;line-height:50px;padding:0;}
.pcmenu {display:block;}
.mobilemenu {display:none;}

.questionbar_text {height:100%;line-height:50px;padding:0;}
span.pnt {display:block;float:right;width:30px;height:100%;line-height:48px;margin:0;padding:0; }
span.pnt b{display:block;height:100%;padding:0;font-size:8px;border-left:1px solid #000;}

.counsel_area {padding:0 15px 15px 15px; background-color:#181818;border-bottom:3px solid #FF3399;overflow:hidden; }

/*사이드바 - 상담전화부분*/


.tel_wrap { text-align:center; font-family:'NanumGothic';}
.tel_title {font-size:100%;font-weight:900;height:40px;line-height:40px;}
.tel_text {font-size:240%;letter-spacing:-1px;font-weight:900;}

.tel_text a{
display:block;
height:60px;line-height:60px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2692+0,ef017c+100 */
background: #ff2692; /* Old browsers */
background: -moz-linear-gradient(top,  #ff2692 0%, #ef017c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff2692 0%,#ef017c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff2692 0%,#ef017c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2692', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
border:1px solid #c20064;
border-radius:.1em;
-moz-border-radius:.1em;
-webkit-border-radius:.1em;
-o-border-radius:.1em;
box-shadow:0px 1px 3px rgba(0,0,0,0.7);
text-shadow:0px -1px 0px rgba(0,0,0,0.5);
}
a.tel_btn {
color:#fff;
}
a.tel_btn:active {
	color:#000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ca0270+0,ca0270+100 */
background: #ca0270; /* Old browsers */
background: -moz-linear-gradient(top,  #ca0270 0%, #ca0270 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ca0270 0%,#ca0270 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ca0270 0%,#ca0270 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0270', endColorstr='#ca0270',GradientType=0 ); /* IE6-9 */
box-shadow:0px 0px 3px rgba(0,0,0,0.8);
}




@media only screen and (max-width:800px){
	#id_top_round div#id_top_tinymenu {width:100%;}
	#top_wrap {width:100%;}
	.top_tel {display:none;}
	#menu_wrap {width:100%;}
	.menu_bar li.counsel  {display:none;}
	.menu_bar li#menu_li { width:25%;}
	.menubar_text {text-align:center;margin:0 auto;padding:0;}
	.counsel { position:relative;display:block;width:100%;margin:0;}
	.counsel_area {display:block;}
	
}
@media only screen and (max-width:600px){	
	.pcmenu  {display:none;}
	.mobilemenu  {display:block;}
}



/* 컨텐츠 내용부분 */

#contents_wrap {height:auto;}
#contents_wrap { background:url(img/bg.jpg) no-repeat 50% 0;}
.content_wide_wrap {}
.content_inner {margin:0 auto;width:1100px;min-height:1200px;padding:0;box-shadow:0px 2px 6px rgba(0,0,0,0.1);}
.content_inner:after{content:"";display:block; clear:both;}
.contents_main {display:inline;}
.contents_main_inner {clear:both;border-left:1px solid #ddd;overflow:hidden;}

.contents {clear:both;padding:30px;}
.contents .title {
	display:block;
	font-weight:500;font-family:'Noto Sans KR','NanumGothic','Malgun Gothic',맑은 고딕, 돋움;
	font-size:120%;
	height:40px;line-height:40px;padding-left:1%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
	background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

	border:1px solid #ccc;
	border-radius:5px;
	}	
.contents .content { display:inline-block;width:100%;font-size:.9em;color:#000;letter-spacing:0;line-height:2.0;overflow:hidden;}
.bigfont {font-size:250%;font-weight:100; font-family: 'NanumGothic',굴림,'Noto Sans KR';}

/*통합보안 솔루션*/
#solution-top img{ display:block; }
#solution-contents	{padding:30px;}
.mid-menu {	height:45px; border-bottom:3px solid #F16;overflow:hidden;}
.mid-menu a:first-child {}
.mid-menu a {
	display:block;float:left;width:auto;height:45px;line-height:45px;
	/*background:url(img/solution/solution_top_bg.gif) no-repeat 50% 50%;	*/
	padding:0 15px;margin-right:1px;
	font-size:.8em;	font-weight:400; font-family: 'NanumGothic',굴림,'Noto Sans KR';
	border-radius:0;
	background: #333;
	border:1px solid #333; border-bottom-width:0px;
	border-radius:0px 0px 0 0;
	color:#ccc;
	z-index:10 !important;
}
.mid-menu a:hover{	
	color:#fff;
}
.mid-menu a.son {
	border:1px solid #F16; border-bottom-width:0px;
	background: #F16;
	color:#fff;
	z-index:100 !important;
}


.mid-content {font-size:.8em;letter-spacing:px;line-height:1.6;}
.mid-content h3 {font-size:2.2em;font-weight:900;font-family: 'NanumGothic','Noto Sans KR',굴림;color:#111;}
.mid-content div.title {
	font-size:1.25em;font-weight:600;
	font-family: 'Noto Sans KR','NanumGothic',굴림;
	line-height:35px;
	border-bottom:1px dashed #ccc;
}
.mid-content div.sub_title {
	font-size:1.15em;font-weight:500;letter-spacing:0px;padding-left:10px;
	font-family: 'Noto Sans KR','NanumGothic',굴림;
}
.mid-content div.text {padding:0 20px;}
.mid-content div.text p{text-align:justify;}
.mid-content div.img_round {text-align:center;}
.mid-content div.text ul.sub_text{
	padding:15px 0;	
	border:1px solid #ddd;border-radius:8px;
	background-color:#f5f5f5;
	}
.mid-content div.text ul.sub_text li{
	display:block;padding-left:15px;padding-right:15px;
	}

.mid-content div.text ul.ju_text li{
	display:block;padding-bottom:5px;
    padding-left: 10px;
    background: url(img/li_dot01.gif) left 5px no-repeat;
	}	
.mid-content .mid-second-menu {border-bottom:1px dashed #ccc;height:50px;padding-left:15px;background: #efefef;}

.mid-content .mid-second-menu a{
	display:block;float:left;width:auto;height:30px;line-height:30px;
	/*background:url(img/solution/solution_top_bg.gif) no-repeat 50% 50%;	*/
	padding:0 15px;margin:9px 2px 0 0;
	font-size:.9em;	font-weight:600; font-family: 'NanumGothic',굴림,'Noto Sans KR';
	border-radius:8px;
	background: #fafafa;
	border:1px solid #ccc;
	color:#111;
	}
.mid-content .mid-second-menu a.son {
	border:1px solid #ccc;
	background: #F16;
	color:#fff;
}

h3.mdm_title {font-size:1.5em;font-weight:600;}

.mid-content .mdm_sub {border-bottom:1px dashed #ccc;height:40px;padding-left:15px;background: #f5f5f5;}

.mid-content .mdm_sub a{
	display:block;float:left;width:auto;height:25px;line-height:25px;
	/*background:url(img/solution/solution_top_bg.gif) no-repeat 50% 50%;	*/
	padding:0 15px;margin:6px 2px 0 0;
	font-size:.9em;	font-weight:600; font-family: 'NanumGothic',굴림,'Noto Sans KR';
	border-radius:8px;
	background: #fafafa;
	border:1px solid #ccc;
	color:#333;
	}
.mid-content .mdm_sub a.mon {
	border:1px solid #f16;
	background:#222;
	color:#fff;
}

@media only screen and (max-width:800px){
	#solution-contents	{padding:30px 4%;}
}

/*요금안내*/

table {border-spacing: 0;}
caption { display: none;}
.table_set01, .table_set03 {
border-top: 2px solid #ee65ac;
clear: both;
font-size:9pt;font-family:굴림;
}
.table_set01 thead th {
    background: #f7f8fa;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.table_set01 th, .table_set01 td {
    text-align: center;
    padding: 11px 0;
    line-height: 15px;
    border-bottom: 1px solid #ddd;
    color: #444;
}
.table_set01 td {
    border-left: 1px solid #ddd;
}
.table_set03 thead th {
    background: #f7f8fa;
    padding: 11px 0;
    text-align: center;
    border-bottom: 1px solid #e9eaee;
    border-right: 1px solid #e9eaee;
}
.table_set03 td, .table_set03 th {
    padding: 11px 0;
    text-align: center;
    border-bottom: 1px solid #e9eaee;
    border-right: 1px solid #e9eaee;
    color: #444;
}
.brn {
    border-right: none !important;
}
.td_left td {
    text-align: left !important;
    padding-left: 10px;
}
.table_set03 span {
    color: #ec068d;
    font-weight: bold;
}



/* 사이드바 부분 */
.content_inner {}
.contents_sidebar {width:300px;height:100%;float:right;background-color:#fff;overflow:hidden;}
.contents_main {width:800px;float:left;background-color:#fff;min-height:500px;}
.contents {font-size:95%;}
.sidebar_wrap {border-left:1px solid #ddd;border-right:1px solid #ddd;height:100%;}
.sidebar_inner {padding:15px;}
.sb_top {padding:5px 0 15px 0;border-bottom:1px solid #ccc;}

.sidebar_menu {}
li.sb_mainmenu {border-bottom:1px solid #ddd;font-family:'Noto Sans KR','Malgun Gothic',맑은 고딕, 돋움;}
li.sb_mainmenu:last-style{border-bottom-width:0px}

li.sb_mainmenu > a{
	display:block;height:40px;line-height:40px;
	font-size:0.85em;font-weight:500;
	padding-left:5px;
	
}
.sidebar_menu li a span{margin-left:5px;}
.content .img_wrap {display:inline;}

/* 컨텐츠 내용부분 끝 */
@media only screen and (max-width:800px){
#contents_wrap {width:100%;}
.content_wide_wrap {width:100%;}
.content_inner {width:100%;}
.contents_main_inner {border-left:0px solid #ddd;}
.contents_sidebar {width:100%;height:auto !important;}
.contents_main {width:100%;}
.contents_main img{width:100%;height:auto;}
.contents {padding:15px;}
.contents img{width:100%;height:auto;}
.content .img_wrap {display:block;float:none !important; text-align:center;margin:10px !important;}
#application {display:none;}
.bigfont {font-size:170%;}

}


/*색상*/
/*--메뉴네비게이션--*/
#menu_wrap_round {
border-top:1px solid #ddd;border-bottom:2px solid #FF0055;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 51%, #e0e1e5 85%, #f5f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#ffffff), color-stop(85%,#e0e1e5), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 51%,#e0e1e5 85%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 51%,#e0e1e5 85%,#f5f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 51%,#e0e1e5 85%,#f5f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 51%,#e0e1e5 85%,#f5f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e1e5',GradientType=0 ); /* IE6-9 */
}
a.menubar:link, a.menubar:visited, a.menubar:hover {}
a.menubar:active { background-color:#CD0052;}

a.menubar_site { color:#ffff00;background-color:#FF0055;}
a.menubar_on { color:#fff;background-color:#FF207A;}


#sub_menu_ul {background-color:#222222;}
#sub_menu_ul li.sub_menu_li{border-top:1px dashed #151515;}

a.sub_m:link, a.sub_m:visited { color:#bbb;}
a.sub_m:hover{color:#fff;background-color: #111;}
a.sub_m:active{color:#999;background-color: #000;}

/*--사이드바--*/
a.maina {color:#222;}
a.maina:hover {color:#F06;}
a.suba {color:#222;}
a.suba:hover {color:#F06;}
a.on {color:#F60;}
a.on:hover {color:#F60;}

li.sb_mainmenu > ul { background-color:#f1f1f1;}
li.sb_mainmenu > ul > li{border-top:1px dashed #ddd;font-size:.8em;font-weight:400;height:35px;line-height:35px;padding-left:20px;}
li.sb_mainmenu > ul > li:first-child{border-top:1px solid #ddd;}


/*색상 끝*/



.bTs1 {border-top:1px solid #ddd;}
.bTd1 {border-top:1px dashed #ddd;}

.h1{height:1px; font-size:1px;line-height:0%;}
.h2{height:2px; font-size:1px;line-height:0%;}
.h3{height:3px; font-size:1px;line-height:0%;}
.h4{height:4px; font-size:1px;line-height:0%;}
.h5{height:5px; font-size:1px;line-height:0%;}
.h10{height:10px;font-size:1px;line-height:0%;}
.h15{height:15px;font-size:1px;line-height:0%;}
.h20{height:20px;font-size:1px;line-height:0%;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h200{height:200px;}

.clearboth { clear:both !important;}
.center { text-align:center !important;}

.white { color:#fff;}
.gray { color:#aaa;}
.mid-gray { color:#666;}
.mid2-gray { color:#777;}
.dark-gray { color:#333;}
.orange { color:#F60;}
.pink { color:#F06;}
.light-pink { color:#cb75ad;}
.blue { color:#06F;}
.dark-blue { color:#039;}

.indent{
text-indent: -99999px; position:absolute; z-index:1;height:0px;overflow:hidden;
}

.point8em {font-size:.8em;}
.point9em {font-size:.9em;}
.1point2em {font-size:1.1em;}

.size100 {font-size:1em;}
.size120 {font-size:1.2em;}
.size150 {font-size:1.5em;}
.size180 {font-size:1.8em;}
.size200 {font-size:2.0em;}
.size230 {font-size:2.3em;}
.size250 {font-size:2.5em;}
.size300 {font-size:3.0em;}
.size350 {font-size:3.5em;}
.size400 {font-size:4.0em;}
.size450 {font-size:4.5em;}