@charset "utf-8";
/* 공통속성 */
@import url("common.css");

/*LayOut*/
#top_img { width:100%; height:72px; text-align:center; background-color: #002f76; background-image: url(../images/common/top_image.jpg); background-size:conver !important; background-repeat: no-repeat; background-position: center top; }
#top_img #page_nation {width:1200px; height:72px; margin:0 auto; }
#top_img #page_nation h1 {float:right; color:#fff; font-size:38px; font-family:notokr-light !important; font-weight:100; letter-spacing:-1px; margin-top:15px}
#top_img #page_nation span {float:right; color:#00b5dc; font-family:notokr-light !important;  font-size:16px; margin-top:27px; margin-right:10px; opacity:0.7;}

span.path {float:right; color:#707070; font-family:"Nanum Gothic","맑은고딕"; margin-top:32px; margin-right:20px;}
span.path a {color:#000;}

#body_title_wrap { height:80px; background-image: url(../images/common/body_title_back.gif); }
#body_title_wrap #body_title {width:1200px; height:80px; margin:0 auto;}
#body_title_wrap #body_title h1 {float:left; width:200px; font-size:27px !important; height:79px; text-align:center; color:#fff; line-height:300%;}
#body_title_wrap #body_title h2 {float:left; font-size:32px; font-weight:600; color:#002f76; font-style:italic; display:inline; padding-bottom:7px; letter-spacing:-2px; margin-left:50px; margin-top:15px; }

#body_title_wrap #body_title h1.left_title_01 {background:url(../images/common/left_top_img_01.png) #00b5dc center bottom no-repeat;}
#body_title_wrap #body_title h1.left_title_02 {background:url(../images/common/left_top_img_02.png) #00b5dc center bottom no-repeat;}
#body_title_wrap #body_title h1.left_title_03 {background:url(../images/common/left_top_img_03.png) #00b5dc center bottom no-repeat;}
#body_title_wrap #body_title h1.left_title_04 {background:url(../images/common/left_top_img_04.png) #00b5dc center bottom no-repeat;}
#body_title_wrap #body_title h1.left_title_05 {background:url(../images/common/left_top_img_05.png) #00b5dc center bottom no-repeat;}

#container {float:none; width:1200px; clear:both; min-height:500px; margin:0 auto; margin-top:-1px; overflow:hidden; margin-bottom:30px;border-right:none;}
 
#container #sidebar {float:left; width:200px;}
#container #sidebar ul.snb {width:200px; overflow:hidden; display:inline-block;}
#container #sidebar ul.snb li {float:left; width:100%; height:auto; border-bottom:1px solid #d0d0d0;  margin-top:0px; font-family:"Nanum Gothic","맑은고딕"; font-size:15px;}
#container #sidebar ul.snb li:first-child {margin-top:0px; height:121px; border:none !important; background:url(../images/common/left_title_back.gif) #002f76 no-repeat; background-size:cover; }
#container #sidebar ul.snb li:first-child h1 {color:#fff; font-size:28px; text-align:center; line-height:450%; font-weight:200; }
#container #sidebar ul.snb li a {display:block; border-right:1px solid #d0d0d0; border-left:1px solid #d0d0d0; height:100%; padding-left:40px !important; color:#616161; line-height:120%; padding:10px 0;}
#container #sidebar ul.snb li a:hover {background:#ebf4f9; color:#000; text-decoration:none;
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	
}
#container #sidebar ul.snb li.lm_sub {border-bottom:1px dotted #ccc; font-size:12px; }
#container #sidebar ul.snb li.lm_sub a {line-height:100%; }
.lm_sub_on {background:#97c7e2;}
.lm_sub_on a { color:#fff !important;}
.lm_sub_on a:hover {background:#97c7e2 !important; color:#fff !important;}

#container #sidebar ul.snb li.lm_on a {background:#0085d1; color:#fff; text-decoration:none;
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	 border:none;
}

#container #sidebar div.cscenter {width:200px; height:95px; margin-top:38px;}
#container #sidebar ul.quick_menu {width:200px; overflow:hidden; border:1px solid #ebebeb;}
#container #sidebar ul.quick_menu li {height:52px; border-top:1px solid #ebebeb; font-family:"Nanum Gothic","맑은고딕"; font-size:14px;}
#container #sidebar ul.quick_menu li:first-child {border-top:none;}
#container #sidebar ul.quick_menu li a {padding-left:83px; display:block; height:100%; line-height:370%; color:#828282;}
#container #sidebar ul.quick_menu li a:hover {color:#000; font-weight:bold; text-decoration:none;}
#container #sidebar ul.quick_menu li.quick_01 {background-image: url(../images/common/quick_icon_01.gif); background-repeat: no-repeat; background-position: 45px 10px; }
#container #sidebar ul.quick_menu li.quick_02 {background-image: url(../images/common/quick_icon_02.gif); background-repeat: no-repeat; background-position: 45px 10px;}
#container #sidebar ul.quick_menu li.quick_03 {background-image: url(../images/common/quick_icon_03.gif); background-repeat: no-repeat; background-position: 45px 10px;}
#container #sidebar ul.quick_menu li.quick_04 {background-image: url(../images/common/quick_icon_04.gif); background-repeat: no-repeat; background-position: 45px 10px;}

#container #content {float:right; width:950px; min-height:400px; padding-top:43px;}

#btn_top {width:51px; height:51px; position:fixed; top:500px; left:1216px; z-index:20; display:none;}
.descript {margin-bottom:80px;}
.section {margin-bottom:50px;}

.cer_box {float:left; width:100%; margin-bottom:30px;}
.cer_back {background:url(/images/company/cer_back.jpg) left top no-repeat;}
.cer_tbl {float:left; margin-top:23px; margin-left:35px;overflow:hidden; color:#fff; }
.txt_addr {font-size:17px;}

.result_box_left {width:125px;}
.result_box_left dl {width:100%;}
.result_box_left dl dt {width:125px; height:58px; border:1px solid #0062bb; text-align:center; line-height:320%; font-size:18px; color:#0062bb;}
.result_box_left dl dd ul {width:100%; margin-top:15px;}
.result_box_left dl dd ul li {background:#eef3f5; border-bottom:1px solid #d8e3ec;}
.result_box_left dl dd ul li a {display:block; width:100%; height:100%; padding:5px 0;  cursor:pointer; text-align:center; font-size:17px;}
.result_box_left dl dd ul li.y_on a {background:url(../images/company/arrow_white.gif) #fc3c10 right 10px no-repeat; color:#fff;}
.result_box_left dl dd ul li a:hover {background:url(../images/company/arrow_white.gif) #fc3c10 right 10px no-repeat; color:#fff; text-decoration:none;}
.result_box_right {width:772px;}
.result_box_right dl {width:100%; margin-top:10px;}
.result_box_right dl dt {padding:7px; background:#0062bb; font-size:36px; color:#fff; padding-left:48px;}
.result_box_right dl dd ul {} 
.result_box_right dl dd ul li {padding:6px 0; padding-left:130px; border-bottom:1px solid #b2d0ea; font-size:13px; background:url(../images/company/bullet_blue.gif) 110px 11px no-repeat; color:#2c4256;}
.result_box_right dl dd ul li:nth-child(odd) {background:url(../images/company/bullet_blue.gif) #f7f9fc 110px 11px no-repeat;}

table.tbl_eng { }
table.tbl_eng th[scope="col"] {padding:10px 0; font-weight:400; font-size:13px; background:#217e9d; color:#fff; border-left:1px solid #62b2cc;}
table.tbl_eng td {padding:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; line-height:170%;}
table.tbl_eng th[scope="row"] { padding:10px 0; font-weight:400; font-size:13px; color:#000; background:#f3f6f8;border-top:1px solid #ccc;border-bottom:1px soli #ccc;}


/* tab menu */
.tab_menu {width:100%; height:40px; margin:15px 0 20px 0;}
#view {clear:both;}
.tab_menu {width:100%; height:40px;  margin:0 auto;}
.tab_menu li {float:left; cursor:pointer; width:19%; height:58px; font-family:'Nanum Gothic','맑은고딕'; font-size:21px; line-height:300%; text-align:center; display:inline-block; margin-left:8px; }
.tab_menu li:first-child {margin-left:0;}
.tab_menu li a {display:block; width:100%; height:100%; color:#888888; }
.tab_menu li a:hover {background:#f6f7f9;}
.off a {color:#888888 !important; font-weight:normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.tab_on a {color:#2069be !important; font-weight:600; border-top: 2px solid #ea2100; background:#f6f7f9;}

.tab_menu_eng {}
.tab_menu_eng ul {width:944px; border:1px solid #ccc; display:inline-block;}
.tab_menu_eng ul li {float:left; width:314px; border-left:1px solid #ccc; font-size:15px;  text-align:center;}
.tab_menu_eng ul li:first-child {border-left:none;}
.tab_menu_eng ul li a {display:block; width:100%; height:100%; padding:10px 0;}
.tab_menu_eng ul li a i {display:block; text-align:center; font-size:25px; padding:5px 0;}
.tab_menu_eng ul li a:hover {background:#ebf4f9; color:#00b2ff; text-decoration:none;}
.active {background: #002f76; color:#fff; text-decoration:none;}
.active a {color:#fff;}
.active a:hover {background:#002f76 !important; color:#fff !important;}
.tab_content {margin-top:40px;}


/* 기타 */
.txt_center {text-align:center !important;}
.font15 {font-size:15px !important;}

.FL {float:left !important;}
.FR {float:right !important;}
.CB {clear:both !important;}
.border {border:1px solid red !important;}

.MT10 {margin-top:10px !important;}
.MT20 {margin-top:20px !important;}
.MT30 {margin-top:30px !important;}
.MT40 {margin-top:40px !important;}
.MT50 {margin-top:50px !important;}

.font_black {color:#000 !important;}
.font_white {color:#ff !important;}
.font_blue {color:#0057ca !important;}
.font_red {color:#ea2100 !important;}

.display_none {display:none !important;}

/* 인채채용 */
.top_img { display:grid; grid-template-columns: 200px auto; gap: 20px; align-items:center; background:url("../images/incruit/top_image.jpg") no-repeat; background-size:cover; min-height:220px; padding:20px; color:#fff; margin-top:30px; }
.top_img .icon { text-align:center; }
.top_img .txt { font-size:18px; }
.top_img .txt a { color:#fff; font-weight:bold; text-decoration: underline; }
.top_img .txt p { margin-bottom:5px }

/* 특허현황 */
#custom-transition {  display:grid; grid-template-columns: 1fr 1fr 1fr; gap:19px; justify-content: center; align-items: center; }
#custom-transition a { display:inline-block; }
#custom-transition a img { max-width:100%; border:1px solid #ddd;  }
#custom-transition a p { padding:20px 0; text-align:center; color:#000; }
.lightGallery-captions h4 { font-size:20px !important; }
.lg-backdrop { background-color:rgba(0,0,0,.8) !important; }