@charset “utf-8″;
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body,div,p,span,img,ul,li,dl,dt,dd,iframe{vertical-align:middle;margin:0;padding:0;border:0;font-size:12px;font-family:'맑은고딕',"Malgun Gothic",sans-serif}
span{display:inline}
dt,dd{display:inline-block;*zoom:1;*display:inline}
li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#000}
input{vertical-align:middle}

.bold{font-weight:bold}
.g_hidden{display:none}
.g_left{float:left}
.g_right{float:right}
.g_clear{clear:both}

.g_sp{background:url("/images/220304_renewal/sp_20220304.png") no-repeat;}
.header,#tail{width:1080px;margin:0 auto}
.header {height:124px;}
.header .top_logo{float:left;margin-top:24px;width:230px;height:100px;background-position:0 -26px;cursor: pointer;}
.header .nav{float:right;margin-top:24px;height:100px;line-height:100px;}
.header .nav .menu {width:540px;height:100%;margin: 0 auto;}
.header .nav .menu > li{float:left;position:relative;margin-left:82px;font-size:20px;color:#000;cursor:pointer;text-align: center;}
.header .nav .menu > li:first-child{margin-left:0;}
.header .nav .menu > li:hover{font-weight: bold;}
.header .nav .menu > li:hover .sub_menu{left:-50px;}
.header .nav .menu > li:last-child:hover .sub_menu{left:-8px;}
.header .nav .menu > li a{display: block;}
.header .nav .menu  .sub_menu{position:absolute;top:80px;left:-9999px;padding:8px 0;width:198px;z-index:100;border-radius:10px;background-color: #FFF;box-shadow: 0 4px 24px 0 rgb(34 34 34 / 18%);}
.header .nav .menu  .sub_menu > li{position:relative;height:46px;line-height:46px;font-size:16px;color:#000;text-align:left;}
.header .nav .menu  .sub_menu > li > a{padding-left:20px;}
.header .nav .menu  .sub_menu > li:hover{background-color:#F1F3F8;}

.top_bg_wrap, .top_bg_wrap_sm{position:relative;width:100%;height:386px;background-color:#1D1F34;}
.top_bg_wrap .top_bg{margin:0 auto;position:relative;width:1080px;height:386px;background:url("/images/220304_renewal/img_main.jpg") no-repeat;}
.top_bg_wrap .top_bg .title{position:absolute;top:124px;color:#FFF; font-size: 40px;line-height: 46px;}
.top_bg_wrap .top_bg .sub_title{position:absolute;top:250px;color:#FFF; font-size: 16px;}

.top_bg_wrap_sm{height:184px;}
.top_bg_wrap_sm .top_bg_sub{position:relative;width:1080px;height:184px;margin:0 auto;}
.top_bg_wrap_sm .top_bg_sub .title{position:absolute;top:50px;color:#FFF;font-size:35px;font-weight:bold;}
.top_bg_wrap_sm .top_bg_sub .sub_title{position:absolute;top:100px;color:#FFF;font-size:18px;}
.top_bg_wrap_sm .top_bg_sub.company{background: url("/images/220304_renewal/company_title.jpg") no-repeat;}
.top_bg_wrap_sm .top_bg_sub.service{background: url("/images/220304_renewal/service_title.jpg") no-repeat;}
.top_bg_wrap_sm .top_bg_sub.imicc{background: url("/images/220304_renewal/imicc_title.jpg") no-repeat;}

.body{position:relative;width:100%;min-height:calc(100vh - 344px);margin:0 auto;}
.body .content{width:1080px;margin:0 auto 30px;text-align:center;}

.tail{width:100%;background-color:#F8F8F8;}
.tail .tail_content {width:1080px;margin:0 auto;}
.tail .tail_content li{display:inline-block;padding:10px 0 60px;vertical-align: top;}
.tail .tail_content .tail_logo{display:block;width:200px;height:100px;background-position: -230px -28px;}
.tail .tail_content .tail_text{padding:40px 0 60px;line-height:16px;color:#383838;font-size:13px}
.tail .tail_content .tail_text .bold{margin-bottom:10px;font-size:15px}
.tail .tail_content .tail_text .copy{margin-top:29px;color:#949494;}

.map{width:720px;height:400px}

.content{padding-top:35px;font-size: 0;}
.left_menu{display:inline-block;width:220px;margin-top:10px;margin-right:40px;vertical-align: top;}
.left_menu ul li.line{height:1px;border-top: 1px solid #D8D8D8}
.left_menu ul li{width:220px;height:45px;}
.left_menu ul li a{display:block;width:100%;height:100%;color:#000;font-size:18px;line-height:45px;}
.left_menu ul li a.on{margin-top:-1px;background-color:#787986;color:#FFF;font-size:18px;font-weight: bold;}

.sub_content{display:inline-block;width:820px;margin-top:10px;}
.sub_content .sub_nav{margin-bottom:35px;height:76px;border-bottom:2px solid #000}
.sub_content .sub_nav .title{text-align:left;font-size: 29px; color:#000; font-weight: bold;}
.sub_content .sub_nav .sub_title{text-align: left;font-size: 15px; color:#000;}
.sub_content .sub_nav ul{margin-top:10px;}
.sub_content .sub_nav ul li{font-size:14px;color:#000;}
.sub_content .sub_nav ul li a{margin-right:8px}
.sub_content .sub_nav ul li span{font-size:14px;color:#000;font-weight:bold;vertical-align: top;}