/* CSS Document */

html,body,caption,ul,li,ol,input,select,textarea,div,p,a,img,dl,dt,dd,h1,h2,h3,h4{margin: 0; padding:0; font-family:"ng","nanumEB",Nanumgothic; font-size:12px;}
ul,li,ol{ list-style:none}
img {border: 0; vertical-align:middle;}
table {}
input{ vertical-align:middle;}

a:link { color: #434343; text-decoration: none;}
a:visited { color: #434343; text-decoration: none;}
a:active { color: #434343; text-decoration: none;}
a:hover { color: #2852be; text-decoration:underline;}
a:focus{ outline:none}

caption {background:none;border:0 none; display:inline-block; line-height:0; font-size:0; overflow:hidden; text-indent:-9999px; cursor:pointer;}

@font-face{
font-family: "ng"; 
src: url("../fonts/NanumGothic.eot");
src: url("../fonts/NanumGothic.eot?#iefix") format("embedded-opentype"),
url("../fonts/NanumGothic.woff") format("woff");
}
@font-face {
font-family:"nanumEB"; 
src:url("../fonts/NanumGothicExtraBold.eot");
}


/*inc*/

.al{ text-align: left}
.ac{ text-align: center}
.ar{ text-align: right}

.vt{ vertical-align:top}
.vm{ vertical-align:middle}
.vb{ vertical-align:bottom}

.fl{ float:left}
.fr{ float:right}
.cl{ clear:both}
.oh{ overflow:hidden}

.pr{ position:relative}
.pa{ position:absolute}

.di{display:inline-block;}
.db{ display:block}
.dn{ display:none}

.pt {cursor:pointer;}


/*¸Þ´º¿µ¿ª*/
.menu_wrap {width:100%; margin:0 auto; border-bottom:4px solid #648de5; background-color:#fff; height:70px; position:fixed; top:0; left:0; z-index:9999999;}
.menu_area {width:1000px; margin:0 auto;}
.menu_area p.logo {float:left; margin-top:8px; padding-right:52px;}
.menu_area ul.gnb {padding-top:26px;}
.menu_area ul.gnb li {float:left; font-size:16px; color:#444; font-weight:600; padding-left:65px; cursor:pointer;}
.menu_area ul.gnb li.over {color:#238baf;}
.menu_area ul.gnb li.add {margin-top:-22px; float:right; *margin:0; *padding:0;}

/*¸ÞÀÎ*/
.m_contents_wrap {width:1000px; margin:0 auto;}

/*¼­ºê¸Þ´º*/
.lnb_wrap {width:100%; margin:0 auto; background-color:#5a5e64; position:fixed; top:70px; z-index:999;}
.lnb {width:1000px; margin:0 auto; overflow:hidden;}
.lnb_menu2 li {float:left; width:500px; font-size:13px; font-weight:600; color:#fff; padding:15px 0px; cursor:pointer;}
.lnb_menu2 li.over {background-color:#6494f4; padding:15px 0px;}
.lnb_menu4 li {float:left; width:200px; font-size:13px; font-weight:600; color:#fff; padding:15px 0px; cursor:pointer;}
.lnb_menu4 li.over {background-color:#6494f4; padding:15px 0px;}
.lnb_menu5 li {float:left; width:333px; font-size:13px; font-weight:600; color:#fff; padding:15px 0px; cursor:pointer;}
.lnb_menu5 li.over {background-color:#6494f4; padding:15px 0px;}

.sub_title_wrap {width:100%; margin:0 auto; padding-top:162px;}
.sub_title_area {width:1000px; margin:0 auto; overflow:hidden; }
.sub_title_area p.title {font-size:34px; color:#4b4b4b; padding-top:8px; font-family:"nanumEB"; } 
.sub_title_area p.navi {color:#666; font-weight:500;}

/*¼­ºêÄÁÅÙÃ÷*/
.sub1_area1 {width:100%; margin:0 auto; background:url('../sp_images/sub1/sub1_bg.jpg') no-repeat center;}
.sub1_area2 {width:100%; margin:0 auto; background:url('../sp_images/sub1/sub1_img2_1_bg.jpg') no-repeat center;}
.sub1_area3 {width:100%; margin:0 auto; padding:55px 0px;}
.sub1_area4 {width:100%; margin:0 auto; background-color:#ecf1f1;}
.sub3_area1 {width:100%; margin:0 auto; padding:25px 0px 55px 0px;}
.area1_content {width:1000px; margin:0 auto; overflow:hidden; padding:35px 0px 38px 0px;}
.area1_content ul {float:left; text-align:left;}
.area1_content ul li.title {font-size:30px; font-weight:600; color:#333; padding:65px 0px 20px 0px;}
.area1_content ul li {font-size:14px; color:#555; line-height:200%; font-weight:500;}
.area1_content ul li.btn {padding-top:40px;}
.area1_content p {float:right;}
.area3_content {width:1000px; margin:0 auto; overflow:hidden;}
.area3_content h4 {text-align:left; font-size:19px; color:#333; background:url('../sp_images/sp_include/title_icon.jpg') no-repeat left center; padding-left:10px;}
.area4_content {width:1000px; margin:0 auto; overflow:hidden; padding-top:40px;}
.area4_content h4 {text-align:left; font-size:19px; color:#333; background:url('../sp_images/sp_include/title_icon.jpg') no-repeat left center; padding-left:10px;}
.area5_content {width:1000px; margin:0 auto; overflow:hidden; margin-bottom:80px; padding-top:40px;}
.contents4_area {width:1000px; margin:0 auto; overflow:hidden; padding-top:20px;}
.contents4_area p.img {float:left; width:337px;}
.contents4_area p.text {float:right; width:600px; text-align:left; font-size:13px; line-height:200%; color:#222;}

.products_info_table {width:1000px; margin:0 auto; border-top:2px solid #000; margin-top:20px;}
.products_info_table th {background-color:#ebebeb; color:#222; padding:12px 0px; border-bottom:1px solid #222; font-size:14px; border-right:1px solid #ccc;}
.products_info_table th.br0 {border-right:0px;}
.products_info_table td.tt {font-weight:bold; color:#222; padding:10px 0px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.products_info_table td.con {color:#222; text-align:left; padding:10px 0px 10px 15px; border-bottom:1px solid #ccc; line-height:190%;}
.products_info_table td.con span.pl {padding-left:14px;}


.font_st1 {color:#44a3b0; font-size:22px; font-weight:600;}
.font_st2 {color:#184ccc; font-size:18px; font-weight:600;}
.font_st2_1 {color:#184ccc; font-size:15px; font-weight:600;}
.font_st3 {color:#238baf; font-family:"nanumEB";}
.font_st4 {color:#04b9c2;}

/*¼­ºê ±â´É¾È³»*/

#container .tab_area{ margin-top:40px;}
#container .tab_area ul.tab{ overflow:hidden; margin:0 auto; width:828px;}
#container .tab_area ul.tab li{ float:left; width:130px; padding:4px; height:107px; background:url(../sp_images/sub3/tab_line_off.png) no-repeat right top;}
#container .tab_area ul.tab li:first-child{ background:url(../sp_images/sub3/tab_line_off_f.png) no-repeat left top;}
#container .tab_area ul.tab li:hover, #container .tab_area ul.tab li.on{ background:url(../sp_images/sub3/tab_line_on.png) no-repeat;}
#container .tab_area ul.tab li a{ display:block; height:107px; text-indent:-99999px;}
#container .tab_area ul.tab li a.bimg1{ background:url(../sp_images/sub3/tab_icon01_off.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg2{ background:url(../sp_images/sub3/tab_icon02_off.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg3{ background:url(../sp_images/sub3/tab_icon03_off.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg4{ background:url(../sp_images/sub3/tab_icon04_off.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg5{ background:url(../sp_images/sub3/tab_icon05_off.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg6{ background:url(../sp_images/sub3/tab_icon06_off.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg1:hover, #container .tab_area ul.tab li a.bimg1.on{ background:url(../sp_images/sub3/tab_icon01_on.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg2:hover, #container .tab_area ul.tab li a.bimg2.on{ background:url(../sp_images/sub3/tab_icon02_on.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg3:hover, #container .tab_area ul.tab li a.bimg3.on{ background:url(../sp_images/sub3/tab_icon03_on.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg4:hover, #container .tab_area ul.tab li a.bimg4.on{ background:url(../sp_images/sub3/tab_icon04_on.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg5:hover, #container .tab_area ul.tab li a.bimg5.on{ background:url(../sp_images/sub3/tab_icon05_on.jpg) no-repeat;}
#container .tab_area ul.tab li a.bimg6:hover, #container .tab_area ul.tab li a.bimg6.on{ background:url(../sp_images/sub3/tab_icon06_on.jpg) no-repeat;}

#container .sub_box_st1{ border:1px solid #a2bff9; border-top:3px solid #6494f4; padding:10px 50px 10px 50px; background:url(../sp_images/sub3/bg_img1.png) no-repeat right bottom; min-height:123px;}
#container .sub_box_st1 .box_in_text1{ margin-right:200px;}
#container .sub_box_st1 .box_in_text1 li{ background:url(../sp_images/sub3/icon_check.png) no-repeat left 2px; padding:6px 0 6px 35px; text-align:left; font-size:12px; line-height:14px;}

#container .page_mg{width:1000px; height:501px; background:url(../sp_images/sub3/sub3_bg.jpg) no-repeat;padding:15px 0;}

#container .sub_box_st2{ padding:50px 0;}
#container .sub_box_st2 .box_in_text2{ overflow:hidden; margin:25px 0;}
#container .sub_box_st2 .box_in_text2 dt{ float:left; width:200px; font-size:16px; font-weight:600; color:#184ccc; text-align:left; position:relative; padding-top:6px;}
#container .sub_box_st2 .box_in_text2 dt:before{ content:""; position:absolute; width:28px; height:2px; background-color:#6494f4; top:0; left:0;}
#container .sub_box_st2 .box_in_text2 dd{ float:left; line-height:18px; text-align:left; font-size:13px; padding-top:6px;}


/*////////////////////////////////////////////////////////////////////////////////////////////
 Footer copyright
/////////////////////////////////////////////////////////////////////////////////////////////*/
.foot_menu_wrap {width:100%; margin:0 auto; position:relative; background-color:#535c65;}
.foot_menu {width:1000px; margin:0 auto; overflow:hidden; padding:13px 0px; }
.foot_menu ul li{float:left;}
.foot_menu ul li a {color:#ddd;}
.foot_menu ul li a:hover {color:#fff; text-decoration:none;}
.foot_menu ul li span.line {color:#7e8389; padding:0 10px;}

.copyright_wrap {width:1000px; margin:0 auto; overflow:hidden; padding:30px 0px 20px 0px;}
.copyright_wrap p.foot_logo {float:left; margin-top:22px;}
.copyright_wrap p.copyright {float:right; width:825px;}
.copyright_wrap p.copyright {color:#666; text-align:left; line-height:180%; font-weight:600;}
.copyright_wrap p.copyright span.copy {font-weight:600; color:#999999; font-size:11px; line-height:500%;}

.family { position:absolute; z-index:99;background:#fff; top:6px; left:50%; margin-left:323px;}
#f_sel {width: 170px; height: 27px; position:relative; bottom:0; z-index:1; text-align:left; background:#fff; color:#222;}
#f_sel p {width:158px;height: 25px; line-height: 25px; margin: 0px; padding: 0px 0px 0px 10px; color:#fff; letter-spacing:0; color:#222; border: 1px solid rgb(204, 204, 204); }
#f_sel ul {list-style: none; position:absolute; bottom:25px; margin: 0px; padding: 0px; color:#fff; letter-spacing:0; color:#222;}

#f_title {width: 168px; height: 25px; position: absolute; background:#f3f3f3; border: 1px solid rgb(204, 204, 204); background:url(../sp_images/sp_include/select_bg.jpg) right top no-repeat; }
#f_title li {width: 168px; height: 25px; line-height: 25px; cursor: pointer; font-size:12px; padding-left:10px; background:#fff; color:#222;}

#f_group { width: 168px;  overflow: hidden; background:#FFFFFF; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor; display: none; font-size:12px;}
#f_group li {width: 168px; height: 25px; line-height: 25px; cursor: pointer; font-size:12px;  padding-left:10px;}
#f_group li a:hover {color:#fff; text-decoration:none;}
.groupLine {border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid;}

/* ¾à°ü¿µ¿ª ------------------------------------- */
.clauseArea{width:1000px; border:1px solid #222; margin:40px auto;}
.insuClause {margin:0 auto; text-align:left; padding:30px 20px;  }
.insuClause h2{margin:35px 0 9px;font-weight:bold}
.insuClause .normalTxt{font-weight:normal;}
.insuClause h3{margin:9px 0 9px;font-weight:bold}
.insuClause h2:first-child{margin-top:0}
.insuClause h3:first-child{margin-top:0}
.insuClause p{margin:9px 0 12px}
.insuClause p:first-child{margin-top:0}
.insuClause ul ul{margin:5px 0 7px}
.insuClause ul li {line-height:200%;}
.insuClause p {line-height:200%;}


/*Äü¸Þ´º*/

.quick {width:101px; margin:0 auto; position:absolute; top:120px; left:50%; margin-left:515px; z-index:999;}

/*ÅÇ*/
.tab_bar { display:table; _width:100%; position:relative; overflow:hidden; margin:20px 0px 10px 0px; padding:0px; text-align:center;}
.tab_bar li { float:left; list-style:none;  width:247px; background:url('../sp_images/sp_include/sub2_tab_off.png') no-repeat; padding:5px 0px 5px 0px;}
.tab_bar li a { display:inline-block; padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0; line-height:26px;  font-weight:bold;color:#666;cursor:pointer; text-decoration:none !important}
.tab_bar li a:hover {color:#000 cursor:pointer; }
.tab_bar li.on {border-bottom:0px; background:url('../sp_images/sp_include/sub2_tab_on.png') no-repeat; }
.tab_bar li.on a {color:#ffe729;}