@import url("left.css");

.sub_img { width:100%; max-width:1910px; overflow:hidden; height:180px; background:url('../images/sub/sub_img.jpg') 0 0 no-repeat; margin:0 auto; }

.sub_content { position:relative; top:-77px; }

.left { float:left; width:240px; margin-right:35px; }

.container_wrap { float:right; width:100%; max-width:725px; }


.sub_title { height:77px; }
.sub_title:after {content:"";display:block;clear:both;}
.sub_title h3 { float:left; }
.sub_title .sitemap { float:right; }

.sitemap { position:relative; top:-18px; right:-10px; width:100%; }
.sitemap ul { color:#fff; }
.sitemap ul:after {content:"";display:block;clear:both;}
.sitemap ul li { float:right; padding:9px 10px; }
.sitemap ul li span { font-weight:bold; }
.home { padding:9px 15px; background:url('../images/sub/icon_shome.gif') 0 13px no-repeat; text-indent:-9999px; }
.sitemap .active { font-weight:700; }

/* Áöµµ */
#container iframe { border:1px solid #cecece; }
.maps {}
.maps:after {content:"";display:block;clear:both;}
.maps img { display:block; float:left; }
.maps iframe { float:left; width:360px; margin-top:71px; }

/* ȸ»ç°³¿ä */
.tab { width:723px; border:1px solid #5d7380; background:#f0f0f0; margin-top:60px; }
.tab:after {content:"";display:block;clear:both;}
.tab li { float:left; text-align:center; }
.tab li a { display:block; padding:10px 0 12px; float:left; /* text-indent:-9999px; */ }
.tab li.active a, .tab li a:hover, .tab li a:focus { background:#394f5c; color:#fff; }

.tab li a.tab01 { width:121px; /* background-position:0px 0px; */ }
.tab li.active a.tab01, .tab li a.tab01:hover, .tab li a.tab01:focus { /* background-position:0px -32px; */ }

.tab li a.tab02 { width:120px; /* background-position:-157px 0px; */ }
.tab li.active a.tab02, .tab li a.tab02:hover, .tab li a.tab02:focus { /* background-position:-157px -32px; */ }

.tab li a.tab03 { width:120px; /* background-position:-315px 0px; */ }
.tab li.active a.tab03, .tab li a.tab03:hover, .tab li a.tab03:focus { /* background-position:-315px -32px; */ }

.tab li a.tab04 { width:121px; /* background-position:-473px 0px; */ }
.tab li.active a.tab04, .tab li a.tab04:hover, .tab li a.tab04:focus { /* background-position:-473px -32px; */ }

.tab li a.tab05 { width:120px; /* background-position:-631px 0px; */ }
.tab li.active a.tab05, .tab li a.tab05:hover, .tab li a.tab05:focus { /* background-position:-631px -32px; */ }

.tab li a.tab06 { width:121px; /* background-position:-631px 0px; */ }
.tab li.active a.tab06, .tab li a.tab06:hover, .tab li a.tab06:focus { /* background-position:-631px -32px; */ }


/* ȸ»ç¿¬Çõ */
.tab2 { width:725px; border-top:1px solid #5d7380; border-bottom:1px solid #5d7380; background:#f0f0f0; position:relative; top:376px; }
.img { position:relative; top:-55px; border-bottom:1px solid #394f5c; }
.tab2:after {content:"";display:block;clear:both;}
.tab2 li { float:left; text-align:center; border-right:1px solid #5d7380; }
.tab2 li:first-child { border-left:1px solid #5d7380; }
.tab2 li a { display:block; padding:10px 0 12px; float:left; }
.tab2 li.active a, .tab li a:hover, .tab li a:focus { background:#394f5c; color:#fff; }

.tab2 li a.tab01 { width:241px; }
.tab2 li.active a.tab01, .tab2 li a.tab01:hover, .tab2 li a.tab01:focus { /* background-position:0px -32px; */ }

.tab2 li a.tab02 { width:240px; }
.tab2 li.active a.tab02, .tab2 li a.tab02:hover, .tab2 li a.tab02:focus { /* background-position:-157px -32px; */ }

.tab2 li a.tab03 { width:240px; }
.tab2 li.active a.tab03, .tab2 li a.tab03:hover, .tab2 li a.tab03:focus { /* background-position:-315px -32px; */ }

/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
.comp_cont {margin-top:80px;}
.privacy {background:#fbfafa; border:1px solid #d7d5d5; padding:25px; height:645px; box-sizing:border-box;}
.privacy > div {padding:20px; background:#fff; border:1px solid #d7d5d5; box-sizing:border-box; height:100%;}
.privacy > div > .intxtarea {width:100%; height:100%; border:none; line-height:1.7; word-break:keep-all; font-size:14px; overflow-y:scroll; white-space: pre-line; font-family:'º»°íµñ', Noto Sans Korean, 'Noto Sans Korean', sans-serif;}




/* ÁÖ¿äÁ¦Ç° */
.depth_title { font-size:26px; color:#0e2f6c; font-weight:700; letter-spacing:-0.05em; margin-top:30px; }

/*  */
.tab_pro1 {width:100%; max-width:725px; background:#a8a8a8; margin:25px 0 50px; }
.tab_pro1:after {content:"";display:block;clear:both;}
.tab_pro1 li { float:left; text-align:center; }
.tab_pro1 li a { font-size:16px; color:#fff; display:block; padding:10px 0 12px; float:left; }
.tab_pro1 li.active a, .tab_pro1 li a:hover, .tab_pro1 li a:focus { background:#183c87; }

.tab_pro1 li a.tab01 { width:182px; }
.tab_pro1 li a.tab02 { width:181px; }
.tab_pro1 li a.tab03 { width:181px; }
.tab_pro1 li a.tab04 { width:181px; }


/*  */
.tab_pro7 {width:100%; max-width:725px; background:#a8a8a8; margin:25px 0 50px; }
.tab_pro7:after {content:"";display:block;clear:both;}
.tab_pro7 li { float:left; text-align:center; }
.tab_pro7 li a { font-size:16px; color:#fff; display:block; padding:10px 0 12px; float:left; }
.tab_pro7 li.active a, .tab_pro7 li a:hover, .tab_pro7 li a:focus { background:#183c87; }

.tab_pro7 li a.tab01 { width:145px; }
.tab_pro7 li a.tab02 { width:144px; }
.tab_pro7 li a.tab03 { width:144px; }
.tab_pro7 li a.tab04 { width:144px; }
.tab_pro7 li a.tab05 { width:144px; }


/*  */
.tab_pro4-1 {width:100%; max-width:725px; background:#a8a8a8; margin:25px 0 50px; }
.tab_pro4-1:after {content:"";display:block;clear:both;}
.tab_pro4-1 li { float:left; text-align:center; }
.tab_pro4-1 li a { font-size:16px; color:#fff; display:block; padding:10px 0 12px; float:left; }
.tab_pro4-1 li.active a, .tab_pro4-1 li a:hover, .tab_pro4-1 li a:focus { background:#183c87; }

.tab_pro4-1 li a.tab01 { width:362px; }
.tab_pro4-1 li a.tab02 { width:363px; }

/*  */
.tab_pro6-2 {width:100%; max-width:725px; background:#a8a8a8; margin:25px 0 50px; }
.tab_pro6-2:after {content:"";display:block;clear:both;}
.tab_pro6-2 li { float:left; text-align:center; }
.tab_pro6-2 li a { font-size:16px; color:#fff; display:block; padding:10px 0 12px; float:left; }
.tab_pro6-2 li.active a, .tab_pro6-2 li a:hover, .tab_pro6-2 li a:focus { background:#183c87; }

.tab_pro6-2 li a.tab01 { width:242px; }
.tab_pro6-2 li a.tab02 { width:241px; }
.tab_pro6-2 li a.tab03 { width:241px; }



/* Á¦Ç°¸®½ºÆ® */
.product_list {width: 100%;max-width: 725px; border-top:1px solid #557592; border-bottom:1px solid #c8c8c8; margin-top:30px;}
.product_list img {max-width: none !important;}
.product_list .image a img { display:block; border:1px solid #99a1a8; width:158px; height:158px; }
.product_list .image a:hover img { border:1px solid #557592; }
.product_list .title { padding:10px 20px 0 20px ; }
.product_list .title p a { display:block; color:#0859a4; font-size:20px; font-weight:700; letter-spacing:-0.05em; margin-bottom:5px; }
.product_list .title p a:hover { text-decoration:underline; }
.product_list .title span { color:#4b515d; font-size:11.5px; }


/* Á¦Ç° 3depth tab */
.tab_pro { margin-bottom:0px; }
.pro_depth1 {width:100%; max-width:725px; /* background:#d3dfe3; */ margin-top:5px; margin-left:3px; }
.pro_depth1:after {content:"";display:block;clear:both;}
.pro_depth1 li { float:left; text-align:center; font-size:12px; width:120px; text-align:center; }
/* .pro_depth1 li a:after { padding-left:10px; content:"|"; color:#dbdbdb; } */
.pro_depth1 li a { display:block; padding:5px 0 5px; color:#9c9c9c; font-weight:bold; }
.pro_depth1 li.active a, .pro_depth1 li a:hover { /* background:#5487b2; */ color:#0c2a69; text-decoration:underline; }

/* Á¦Ç°»ó¼¼ */
.product_detail { width:725px; margin-top:40px; }
.product_detail .image { padding-bottom:10px; }
.product_detail .image img { display:block; border:1px solid #99a1a8;width: 100%;height: auto;/* height:310px; */}
.product_detail .title { width:375px; padding:0 20px 0 20px ; }
.product_detail .title p { display:block; color:#0859a4; font-size:30px; font-weight:600; letter-spacing:-0.05em; margin-bottom:5px; }
.product_detail .title span { line-height:20px; }
/* ´Ù¸¥À̹ÌÁöº¸±â */
.image_view { width:725px; /* outline:1px solid #000; */ }
.image_view td { width:73px; width:71px \0/IE8; vertical-align:top; }
.image_view .pdr { width:4px; width:3px \0/IE8; /* padding-right:8px; */ }
.image_view img { outline:1px solid #96c1d8; width:71px; height:71px; }


/* Á¦Ç°»ç¾ç/ÀåÁ¡ tab */
.detail_tab {width:100%; max-width:725px; height:40px; margin-top:60px; border-bottom:3px solid #496482; }
.detail_tab:after {content:"";display:block;clear:both;}
.detail_tab li { float:left; text-align:center; box-sizing: border-box; width:49%; max-width:156px; height:40px; background:#8da6b7; margin-right:1px; }
.detail_tab li a { padding-top:10px; width:156px; height:30px; display:block; font-size:12px; color:#fff; float:left; }
.detail_tab li a:hover, .detail_tab li.active a { background:#496482; color:#8eceff; }

.diagram { position:relative; }
.btn { position:absolute; right:0; top:0; }
.btn:after {content:"";display:block;clear:both;}
.btn a { float:left; display:block; margin-left:1px; }

/* Á¦Ç°»ç¾ç */
.spec {width: 100%; max-width:725px; text-align:center; }
.spec th { background:#f6f6f6;  }
.spec .first_td { border-left:0px solid; }
.spec th, .spec td { padding:7px 0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }


/* ÀåÁ¡ */
#detail_tab2 { background:#f6f6f6; width:100%; max-width:675px; padding:25px 25px 20px 25px; color:#505050; border-bottom:1px solid #557a92; }
	/* ±¸ÇöµÚ »èÁ¦µÇ¾ßÇÒ ¼Ò½º*/
	#detail_tab2 p { font-size:12px; line-height:18px; }
	/* #detail_tab2 p.dt { font-size:13px; padding:0 0 15px 10px; }
	#detail_tab2 .span { padding:0 0 20px 20px; } */



/* Àû¿ë»ê¾÷ - »ê¾÷¿ëÇ° */
.tab_industry1 {width:100%; max-width:723px; border:1px solid #183c87; background:#d3dfe3; margin-top:60px; }
.tab_industry1:after {content:"";display:block;clear:both;}
.tab_industry1 li { float:left; text-align:center; border-left:1px solid #fff; }
.tab_industry1 li:first-child { border-left:0px solid ; }
.tab_industry1 li a { color:#676767; display:block; padding:10px 0 12px; float:left; }
.tab_industry1 li.active a, .tab_industry1 li a:hover, .tab_industry1 li a:focus { background:#183c87; color:#fff; }

.tab_industry1 li a.tab01 { width:180px; }
.tab_industry1 li a.tab02 { width:180px; }
.tab_industry1 li a.tab03 { width:180px; }
.tab_industry1 li a.tab04 { width:180px; }

.tab_industry2 li a.tab01 { width:361px; }
.tab_industry2 li a.tab02 { width:361px; }

.tab_industry3 li a.tab01 { width:240px; }
.tab_industry3 li a.tab02 { width:241px; }
.tab_industry3 li a.tab03 { width:240px; }



/* Àû¿ë»ê¾÷ - »ê¾÷¿ëÇ° : 3depth - 4°³ */
.tab_industry1-1 {width:100%; max-width:723px; border-bottom:2px solid #496482; background:#d3dfe3; }
.tab_industry1-1:after {content:"";display:block;clear:both;}
.tab_industry1-1 li { float:left; text-align:center; border-left:1px solid #fff; }
.tab_industry1-1 li:first-child { border-left:0px solid ; }
.tab_industry1-1 li a { color:#676767; display:block; padding:8px 0 10px; float:left; }
.tab_industry1-1 li.active a, .tab_industry1-1 li a:hover, .tab_industry1-1 li a:focus { background:#5487b2; color:#fff; }

.tab_industry1-1 li a.tab01 { width:180px; }
.tab_industry1-1 li a.tab02 { width:180px; }
.tab_industry1-1 li a.tab03 { width:180px; }
.tab_industry1-1 li a.tab04 { width:180px; }

/* Àû¿ë»ê¾÷ - »ê¾÷¿ëÇ° : 3depth - 3°³ */
.industry3 li a.tab01 { width:240px; }
.industry3 li a.tab02 { width:241px; }
.industry3 li a.tab03 { width:240px; }

/* Àû¿ë»ê¾÷ - »ê¾÷¿ëÇ° : 3depth - 2°³ */
.industry2 li a.tab01 { width:361px; }
.industry2 li a.tab02 { width:361px; }




/* A/S¹®ÀÇ */
.alert { font-weight:bold; text-align:right; margin:50px 0 10px; color:#7d7d7d; }

.as_form {width:100%; max-width:725px; border-top:3px solid #4d6f83; }
.as_form input { height:18px; margin:8px 0; border:1px solid #d6d6d6; vertical-align:middle; }
.as_form th, .as_form td { padding-left:20px; height:32px; border-bottom:1px solid #d6d6d6; }
.as_form th { width:122px; text-align:left; padding-left:20px; border-right:1px solid #e0e0e0; background:#f6f6f6; }
.as_form .cont input { margin:10px 0; }
.as_form .last_td { border-bottom:1px solid #4d6f83; }

.as_form .adr .adr_input { margin-top:0; }
.as_form .adr a { display:inline-block; vertical-align:middle; }
.as_form .email_select { height:26px; }
.as_form tr td .longCell {width:100%; max-width: 522px;}

.red { color:#c96569; margin-left:10px; vertical-align:middle; }

/* °³ÀÎÁ¤º¸ ¼öÁý ¹× ÀÌ¿ë¿¡ ´ëÇÑ ¾È³» */
.as_title { margin-top:60px; padding-bottom:20px; border-bottom:2px solid #4d6f83; }
.document { margin:10px 0 10px 0; width:675px; border:1px solid #d6d6d6; padding:30px 25px; color:#000; }

.agree { text-align:right; margin-top: 10px;}
.agree:after{content:"";display:block;clear:both;}
.agree .checker { display:inline-block; vertical-align:middle; }
.agree .checker label { font-size: 12px; font-weight: bold; display: inline-block; margin-bottom: 3px; }

.as_wrap_btn { margin-top:30px; text-align:center; width: 100%; max-width:725px; /* border-top:1px solid #d6d6d6; */ }
.as_btn { display:inline-block; }

/* ä¿ë°ø°í */
.employment { width:725px; height:41px; border:1px solid #5d7380; background:#f0f0f0; margin-top:60px; }
.employment:after {content:"";display:block;clear:both;}
.employment li { float:left; height:41px; text-align:center; border-left:1px solid #5d7380; }
.employment li:first-child { border-left:0px solid ; }
.employment li a { height:30px; color:#676767; display:block; padding:11px 0 0; float:left; }
.employment li.active a, .employment li a:hover, .employment li a:focus { background:#394f5c; color:#fff; }

.employment li a.tab01 { width:241px; }
.employment li a.tab02 { width:241px; }
.employment li a.tab03 { width:241px; }

.as_form > tbody > tr > td .mailCell {width:calc(50% - 20px); max-width: 130px;}

.subtab_wrap {display: none; position:relative; z-index:1; width:100%; text-align:center; border-top:1px solid #dfe3e6; border-bottom:1px solid #dfe3e6; height:60px; line-height:62px; top:0; background-color:#fff;/*margin-top:101px;*/}
.subtabs { height:60px;display: flex;width: 100%;transform: translateY(-16px);}
.subtabs > li { border-right:1px solid #dfe3e6; text-align:left; position:relative; cursor:pointer;}
.subtabs > li > a {display:block; font-size:15px; color:#666666; padding-left:15px; box-sizing:border-box;}
.subtabs > li .cur_page {padding-left:15px; font-size:14px; font-weight:700; color:#111111;}
.subtabs .tab_home {width:83px; border-left:1px solid #dfe3e6; padding-left:0px;}
.subtabs .tab_link {width: 50%; background:url(../images/sub/tab_arr.png) no-repeat center right 15px; background-size:15px auto;}
.in_links {position:absolute; z-index:2; width:calc(100% + 2px); border:1px solid #dfe3e6; top:59px; left:-1px; box-sizing:border-box; display:none; background-color:#fff;}
.in_links > li {line-height:1;}
.in_links > li:last-child {border-bottom:none; margin-bottom: 0;}
.in_links > li > a {display:block; padding:20px 0 20px 15px; color:#111111; font-size:14px; font-weight:700;}
.in_links > li > a:hover {color:#be1c2d; background:url(../images/sub/sthover.png) no-repeat center right 15px;}
.in_links > li .detail {padding:0px 25px;}
.in_links > li .detail li a {display: block; padding: 10px 0;}
.subtabs .right_links .cur_page {color:#be1c2d;}
.hided_lise {display:none;}

/* °è¿­»ç */
.partnerTabs{width:100%; max-width: 600px; margin:85px 0 60px 0; height: 60px; display: flex;}
.partnerTabs li {width:50%; box-sizing: border-box; border: 1px solid #ddd;}
.partnerTabs li a {font-size: 20px; font-weight: 600; height: 100%; display: flex; align-items: center; justify-content: center; width:100%;}
.partnerTabs li.on {background-color:#204f9d;}
.partnerTabs li.on a {color:#fff;}
.aboutsystem {font-size: 16px; line-height: 1.5; color:#555555; letter-spacing: -0.07em; margin-bottom: 55px;}
.aboutsystem b {font-size: 26px; font-weight: 700; color:#101010;}
.mapTitle{clear: both; font-size: 26px; font-weight: 700; color:#111111; margin-bottom: 30px;}
.theMap {width: 100%; height:330px; margin-bottom: 30px;}
.address li {display: flex; font-size: 16px; margin-bottom: 10px;}
.address li .th {width: 80px; font-weight: 600; color:#000}
.address li .td {font-weight: 300; color:#555555; width: calc(100% - 60x);}
.linkBtn {width:326px; height: 77px; background-color: #0c3093; margin-top: 30px; float: right;}
.linkBtn a {color:#fff; font-size: 20px; font-weight: 600; height: 100%; justify-content: space-between;
  display: flex; align-items: center; padding: 0 25px;}


@media screen and (max-width:1200px) {
  .subtab_wrap {display: block;}
  /* #content.sub_content {width:95%; margin:0 auto;} */
  .container_wrap {margin:0 auto;}
  .sub_content img {max-width: 100%;}
  .container_wrap {float:none}
  .left {display: none;}

  .tab2 { width:100%; top: 0; display:flex;}
  .tab2 li {width:33.3333%; box-sizing: border-box; float:none;}
  .tab2 li a {width:100% !important}
  .img {top:0px;}

  .pro_depth1 li {width:33.33333%;}

  .tab_pro4-1 li {width:50%; box-sizing: border-box;}
  .tab_pro4-1 li a {width:100% !important;}

  .tab_pro1 li {width:25%; box-sizing: border-box;}
  .tab_pro1 li a {width:100% !important;}

  .tab_pro6-2 li {width:33.33333333%; box-sizing: border-box;}
  .tab_pro6-2 li a {width:100% !important;}
}

@media screen and (max-width:800px) {
  .container_wrap #container, .sub_title {width:95%; margin:0 auto;}
  .tab_industry1 li {width:50%; box-sizing: border-box;}
  .tab_industry1 li:nth-child(1),
  .tab_industry1 li:nth-child(2) {border-bottom: 1px solid #fff;}
  .tab_industry1 li a {width: 100% !important;}

  .tab_industry1-1 li {width:50%; box-sizing: border-box;}
  .tab_industry1-1 li a {width: 100% !important;}
  .tab_industry3 li,
  .industry3 li {width:33.3333333%;}
  .industry4 li:nth-child(1),
  .industry4 li:nth-child(2) {border-bottom: 1px solid #fff;}

  .tabs6{width: 100%;}
  .tabs6 li {width:33.33333%; box-sizing: border-box;}
  .tabs6 li a {width:100% !important;}

  .pro_depth1 li {width:50%;}
  .btn {right:auto; left: 0; top:-40px;}


  .sub_title {position:relative;}
  .sub_title h3 {float:none; transform: translateY(-20px);}
  .sitemap {width:auto; position: absolute; left: 0; right:auto; top:auto; bottom: 0;}
  .subtabs {transform: translateY(0);}

  .product_detail .title {padding: 30px 0;}
  #detail_tab2 {padding: 25px 0;}
  .product_detail {width:100%;}
  .product_detail,
  .product_detail > tbody,
  .product_detail > tbody > tr,
  .product_detail > tbody > tr > th,
  .product_detail > tbody > tr > td {display: block;}
  .product_detail .title {padding-top: 15px;}

  .image_view {width:100%;}
  .image_view,
  .image_view tbody
  .image_view tbody th,
  .image_view tbody td {display: block;}
  .image_view tbody tr {display: flex; flex-wrap: wrap;}

  .product_list,
  .product_list > tbody,
  .product_list > tbody > tr > th,
  .product_list > tbody > tr > td {display: block;}
  .product_list > tbody > tr > td  .title {padding: 0 0 20px 0;}
  .product_list > tbody > tr {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .product_list > tbody > tr > td:nth-child(1){width:120px;}
  .product_list > tbody > tr > td:nth-child(2){width:calc(100% - 140px);}
  .product_list > tbody > tr > td:last-child {position:relative; left: 140px;}
  .product_list .image a img {width:120px; height: auto;}

  .product_detail .image {margin: 0 auto;width: 100%;}
  .product_detail .title {width:auto;}
  .detail_tab {display: flex;}
  .detail_tab li {float:none; max-width: none; width:50%; margin-right: 0;}
  .detail_tab li a {width:100%;}

  .as_form,
  .as_form > tbody,
  .as_form > tbody > tr,
  .as_form > tbody > tr > th,
  .as_form > tbody > tr > td {display: block; width:100%; height: auto;}
  .as_form > tbody > tr > th,
  .as_form > tbody > tr > td {padding: 15px 10px; box-sizing: border-box;}
  .as_form > tbody > tr > td .numberonly {width:calc(33.333333% - 20px) !important;}

  .boardTable tr td:nth-child(9),
  .boardTable tr td:first-child,
  .boardTable tr td:last-child {display: none;}

  .partnerTabs {margin:60px 0 30px 0;}
  .partnerTabs li a  {font-size: 18px;}
}