@charset "UTF-8";

/* Page Title */
body { width:100%; height:100%; padding:0px; margin:0px; background:#fff;  }

/*서브 BG*/
.sub_vi01  	{ width:100%; min-width:1200px; height:250px; float:left; background:url('/common/img/sub/sub_vi01.png') no-repeat top center; }

.sub_vi02    { width:100%; min-width:1200px; height:240px; float:left; background:url('/common/img/sub/ystt_sub_vi2.png') no-repeat top center; }
.sub_vi03   { width:100%; min-width:1200px; height:240px; float:left; background:url('/common/img/sub/ystt_sub_vi3.png') no-repeat top center; }
.sub_vi04   { width:100%; min-width:1200px; height:240px; float:left; background:url('/common/img/sub/ystt_sub_vi4.png') no-repeat top center; }
.sub_vi05   { width:100%; min-width:1200px; height:240px; float:left; background:url('/common/img/sub/ystt_sub_vi5.png') no-repeat top center; }

.sub_vi_txt {top:27%; color:#fff;text-align:left; font-size:28px; font-weight:500; text-shadow:1px 2px 6px #666;position:absolute;left:30%;transform:translateX(-50%); }

b {font-weight:500 !important; color:#333;}
.txt_bar {display:block;text-align:center; width:24px; height:2px; background:rgba(255,255,255,0.5); margin:0 auto;}

/*sub01*/
.sub_visual_wrap {box-sizing:border-box; margin-top:179px; margin-bottom:30px;}

.sub_visual_wrap .sub_vi_txt { width:1200px; margin:0 auto; /*background:rgba(255,255,255,0.3); */box-sizing:border-box; position:absolute;
top:20%; left:50%; transform: translate(-50%, -50%);color:#fff; z-index:99; text-align:left;}


.company_info_top>p{font-size:22px; padding-top:7%;}
.company_info_top>p b{font-size:28px;}

#sub_wrap .sub_con { width:1200px; margin:0 auto; }
.sub_con_right {width:900px; float:right; margin:3% 0 6% 0;}
.sub_con_right  h3{border-bottom:1.5px solid #ddd; font-size:30px; font-weight:500; text-align:center; margin-bottom:30px; padding-bottom:5px;}


#sub_wrap  {position:relative; width:1200px; margin:0 auto; }
.content_wrap { width:880px; float:right; padding:40px 0px 30px 0px; box-sizing:border-box;}

.content_wrap .x_bar{width:55px; height:1px; background:#000; margin:0 auto;}
.content_wrap h2.guide {text-align:left; font-size:30px; font-weight:500; margin-bottom:30px; border-bottom:1px solid #999; padding-bottom:10px;}
.content_wrap h3 {text-align:left; font-size:24px; font-weight:500; margin-bottom:8px;}

.content_wrap h4.bg_h4 {width:100%; font-size:20px; font-weight:400;color:#0070c0; float:left; background:#f7f7f7; padding:10px 15px; box-sizing:border-box; border-bottom:1px solid #ddd; margin-bottom:20px;}
.content_wrap .sub_t {width:100%; float:left; letter-spacing:-0.5px; text-align:center; font-size:28px; font-weight:500; margin-bottom:60px;}

.content_wrap p.p_tit {color:#279f0b; font-size:18px; font-weight:400;}

#article {width:1200px; float:left; padding:0px 0 90px 0;}
.guide {}
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}

/*h2.guide { text-align:left; font-size:32px; font-weight:600; color:#333;  margin-bottom:60px; }
h3.con_title {text-align:left; font-size:25px; font-weight:400; color:#333; margin-bottom:8px; display:block; float:Left; width:100%;}
*/

.bold_f {font-weight:500;}
.bold_f2 {font-weight:600;}
.bold_f3 {font-weight:700;}
.big_18 {font-size:18px;}
.big_20 {font-size:20px; color:#333;}
.big_22 {font-size:22px;  color:#333;}

.text_bor {border:1px solid #ddd; width:100%; float:left; padding:20PX; box-sizing:border-box;}
.text_bgbox {border:1px solid #ddd; background:#f9f9f9; width:100%; float:left; padding:20px; box-sizing:border-box;}
.greet_text_box {width:35%; float:left; font-size:18px; line-height:1.4em; margin-top:20px; text-align:left; color:#666; }
.org_color {color:#f7941d}

.sub_t_line {width:35px; height:1px; background:#333; float:left; margin-left:48.5%; margin-top:-5px; }

.content_wrap .boardTable .fa-bullhorn {font-size:16px; color:#023bb2; margin-top:4px; margin-right:8px;}

/* ￿￿￿￿￿￿￿leftmenu */
#leftmenu	{width:240px;float:left; box-sizing:border-box; margin-top:25px;}

.mn_title      		{width:240px;  padding:0px 0 10px 20px; box-sizing:border-box;  border-bottom:2px solid #124180;}
.mn_title span	{font-size:16px; font-weight:400; color:#999; text-align:left; letter-spacing:0.2px;}
.mn_title h2			{font-size:28px; font-weight:600; color:#333; text-align:left; margin-top:10px;}


/*#leftmenu ul			{background-color:#f6f6f6; border-top:1px solid #012a7e; border-bottom:1px solid #012a7e; margin-top:20px;}
#leftmenu li			{font-size:14px; color:#585858; line-height:50px; border-bottom:1px solid #e1e1e1; }
#leftmenu a				{display:block; padding-left:20px;}
#leftmenu a:hover		{background:#012a7e; color:#fff;}
*/

#leftmenu ul,
#leftmenu ul li,
#leftmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}


#leftmenu > ul	{  }
#leftmenu ul ul { display: none;}

#leftmenu > ul > li.active2 > ul {display: block;}
.align-right {float: right;}

#leftmenu > ul > li > a {
  padding: 16px 20px;
  cursor: pointer;
  z-index: 2;
  font-size: 17px;
  letter-spacing:-1px;
  text-decoration: none;
  color: #555;
  background:#f9f9f9;
  box-shadow:1px 0 0 rgba(0,0,0,0.1);
  border-bottom:1px solid rgba(0,0,0,0.1);
  -webkit-transition: color .1s ease;
  -o-transition: color .1s ease;
  transition: color .1s ease;
}

#leftmenu > ul > li > a:hover {
  color: #333 !important ;
  background: url('/common/img/board/left_menu_arr.png') no-repeat center right 20px;  }

#leftmenu > ul > li >  a:hover		{ color:#333 !important;  }
#leftmenu > ul > li >  a:link			{text-decoration:none;  }
#leftmenu > ul > li >  a:active		{background:#fff; text-decoration:none;  color:#333 !important; font-weight:600; }
#leftmenu > ul > li >  a:visited	{text-decoration:none; color:#666; }

#leftmenu > ul > li.ov >  a:hover		{background:#91cce5 url('/common/img/board/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none; color:#fff !important; }
#leftmenu > ul > li.ov >  a:link		  {background:#91cce5  url('/common/img/board/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none;  color:#fff !important;  }
#leftmenu > ul > li.ov >  a:active		{ text-decoration:none; color:#333; font-weight:500; }
#leftmenu > ul > li.ov >  a:visited		{background:#fff;text-decoration:none; color:#333; }


#leftmenu ul > li.has-sub2 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}


#leftmenu ul > li.has-sub2 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#leftmenu ul > li.has-sub2.open > a:after,
#leftmenu ul > li.has-sub2.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu > ul > li.active3 > ul {display: block;}

#leftmenu ul > li.has-sub3 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3.open > a:after,
#leftmenu ul > li.has-sub3.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu ul ul li a {
  padding: 14px 32px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  border-bottom:1px solid #e2e2e2;
  color: #777;
    background:#fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

#leftmenu ul ul ul li a { padding-left: 32px;}

/* ￿￿ */
#leftmenu > ul  > li > ul > li a:hover			{ color:#333 !important;  background:#f7f7f7;}
#leftmenu > ul  > li > ul > li a:link			{text-decoration:none;  }
#leftmenu > ul  > li > ul > li a:active			{background:#f7f7f7; text-decoration:none; color:#333; font-weight:600; }
#leftmenu > ul  > li > ul > li a:visited		{text-decoration:none; color:#777; }

#leftmenu > ul > li > ul > li.ov  a:hover		{background:#f7f7f7; text-decoration:none;  color:#66cccc !important; }
#leftmenu > ul > li > ul > li.ov  a:link		{background:#f7f7f7; text-decoration:none; color:#333; }
#leftmenu > ul > li > ul > li.ov  a:active		{background:#f7f7f7; text-decoration:none; color:#333; font-weight:500; }
#leftmenu > ul > li > ul > li.ov  a:visited		{background:#f7f7f7; text-decoration:none; color:#333; }

#leftmenu ul ul li a:hover {color: #ffffff; }


/* ￿￿ڵ￿CSS */

#leftmenu .menu a {
  display: block;
  padding: 10px 15px;
}

#leftmenu .drop-down a {
  min-width: 90px;
}

#leftmenu .drop-down-menu {
  display: block;
}

#leftmenu .menu-title {
  cursor: pointer;
  display:block;
  padding: 12px 20px;
  font-weight:400 !important;
}

#leftmenu .activate {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin: 0 0 0 -15px;
  opacity: 0;
}

/* Skin */
#leftmenu .menu a, .drop-down-menu {
  background: #fff;
  color:#666;

}

#leftmenu .menu a:hover, .drop-down-menu:hover {
  color: #66cccc;
}

#leftmenu .drop-down a {
  background: #fff;
  border:none;
  padding:9px 18px;
}

#leftmenu .drop-down a:hover {
  color: #66cccc;
}

#leftmenu .menu  {
	font-size:16px;
}

:checked ~ .menu-title {
  color:#66cccc;
  background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;
}

#leftmenu .drop-down {
  max-height: 0;
  overflow: hidden;
}

#leftmenu .drop-down a {
  background: #fff;
  font-size:15px;

}

#leftmenu .activate:checked ~ .drop-down {
  max-height:500px;
}

#leftmenu .drop-down,
#leftmenu .menu a, .drop-down-menu {
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#leftmenu .drop-down-menu {border-bottom:1px solid #ddd;}

#leftmenu .drop-down ul li:first-child{padding-top:6px}
#leftmenu .drop-down ul li:last-child{padding-bottom:6px}

#leftmenu .customer_box {width:100%; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box}

#leftmenu .customer_box>span {font-size:18px; font-weight:500; color:#006fb7;}
#leftmenu .customer_box h3 {font-size:28px; font-weight:600; color:#006fb7;  margin-bottom:5px;}

#leftmenu .customer_box p {font-size:15px; font-weight:400; color:#666;}
#leftmenu .customer_box p>span {font-size:16px; font-weight:500; color:#555;}

/* 글씨 하이라이트 */
mark {background: #ebf7fd; padding:0 5px;}

.box_100 {width:100%; float:left;}
.box_50 {width:50%; float:left;}
.box_100 ul.program_wrap li.col-2 {width:50%; float:left;   box-sizing:border-box;}
.box_100 ul.program_wrap li.col-2:last-child {float:right; margin-right:0%;}

.box_100 ul.program_wrap li.col-3 {width:32%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul.program_wrap li.col-3:last-child {float:right; margin-right:0%;}

.box_100 .business_ul  .bar_div {width:60px; background:#333; height:1px; float:left; display:inline-block; margin:0 auto; z-index:999999; position:relative;}
.box_100 ul.program_wrap li.col-2 img { width:100%;}
.box_100 ul.program_wrap li.col-3 img { width:100%;}


.inline_b {display:inline-block !important; }


.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_32  {width:32% !important; float:left;}
.box_40  {width:40% !important; float:left;}
.box_45  {width:45% !important; float:left;}
.box_48  {width:48% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_53  {width:53% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_62  {width:62% !important; float:left;}
.box_65  {width:65% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_80  {width:80% !important; float:left;}

.deco1  {font-size:1.15em; line-height:1.5em; font-weight:600; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:800; color:#333;}

/* text_box 글상자 */
.text_box1 {font-size:16.5px; line-height:1.55em; color:#555;}
.text_box2 {font-size:18px; line-height:1.65em; color:#555;}
.text_box3 {font-size:20px; line-height:1.7em; color:#555;}
.text_box4  {font-size:22px; line-height:1.75em; font-weight:400; color:#555;}
.text_box24  {font-size:24px; line-height:1.8em; font-weight:400; color:#555;}

.text_box_sm  {font-size:16.5px; line-height:1.2em; font-weight:400; color:#666; }


.text_black {color:#333 !important}
.text_bor {border:1px solid #ddd; width:100%; float:left; padding:20PX; box-sizing:border-box;}


.f_bold {font-weight:500;}

.color1  {color:#054f98; }
.color2  {color:#777; }
.color3  {color:#ff9009;}
.color_b {color:#005a96;}
.color_r {color:#ed3d3d;}
.textarea_wrap {text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

.text_under {text-decoration:underline; color:#333;}
.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }

.border_top  {border-top:1px dashed #ddd; padding-top:30px; margin-top:30px;  width:100%; float:left;}
.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:50px; margin-bottom:45px;  width:100%; float:left;}

table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center; border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }

.txt_bg_box {width:100%; float:left; padding:15px;  background:#f7f7f7; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;}
.txt_border_box {width:100%; float:left; padding:15px 20px;  border-radius:5px; border:1px solid #ddd; box-sizing:border-box; }

#sub_wrap .button-4{
	position:relative; width:300px;
	border:1px solid #333; margin-top:25px;
	text-align:center; cursor:pointer; box-sizing:border-box; overflow:hidden;
}

#sub_wrap .button-4 a{
	position:relative; font-size:20px;  display:block;
	color:#333; text-decoration:none; line-height:65px;
	transition:all .5s ease; z-index:2; text-align:center;
	background-image:url('/common/img/sub/btn_sub_arrow_45x10.png') no-repeat;
}

#sub_wrap .eff-4{
  width:300px; height:65px; left:-300px; background:#333;
  position:absolute;  transition:all .3s ease-in-out;  z-index:1;
}
#sub_wrap .button-4:hover .eff-4 {left:0;}
#sub_wrap .button-4:hover a.more_btn { color:#fff; display:block; }

#sub_wrap .button-4 a#more_btn_img {
	display:inline-block; background:url('/common/img/sub/btn_sub_arrow_45x10.png') no-repeat right 23px;
	width:220px; height:65px;}

#sub_wrap .button-4:hover a#more_btn_img {
	display:inline-block; background:url('/common/img/sub/btn_sub_arrow_white_45x10.png') no-repeat right 23px;
	width:220px; height:65px; }


/*갤러리*/
.gallery_list .col-3 img {width:100%; border:1px solid #ddd; box-sizing:border-box;}
.gallery_list .col-3  {width:32.333%; margin-right:1.5%; float:left;}

.box_100 .col-3:nth-child(3), .box_100 .col-3:nth-child(6)
{margin-right:0; float:right;}
.box_100 .col-3 span {margin-top:15px; text-align:center; display:block; font-size:18px; font-weight:600;}
/*.box_100 .col-3 img {width:100%; border:1px solid #ddd; box-sizing:border-box;}*/






/*----- tabs_box -----*/
.tabs_box {
    width: 100%;
	float:left;
    display:inline-block;
}

    /*----- Tab Links -----*/
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }


    .tab-links li {
        margin: 0;
		width:25%;
        float:left;
        list-style:none;
		border:1px solid #ddd;
		border-bottom:1px solid #777;
		box-sizing:border-box; margin-right:-1px;
    }

	.tab-links a {
		line-height:45px;
		display:inline-block;
		width:100%;
		float:left;
		background:#f7f7f7;
		font-size:16px;
		font-weight:500;
		color:#FFAD5C;
		transition:all linear 0.2s;
		text-align: center;
		text-decoration:none;
	}

	.tab-links a:hover {
		/*background:#444;
		color: #fff;*/
		text-decoration:underline;
	}

    li.active a, li.active a:hover {
        background:#FFF;
        color:#4C4C4C;
    }

    /*----- Content of Tabs -----*/
	.tabs_box .tab-content {
        width:100%;
		float:left		;
        background:#fff;
        margin-top:20px;
        padding:15px;
		box-sizing:border-box;
		border-bottom:1px solid #ddd;
    }

	.tab-content h3 {font-size:19px; font-weight:500;}

	.tabs_box .tab_div {display:none;}

	.tabs_box .active {	display:block;}

	.tabs_box .tab-links li.active {
	   border:1px solid #777; border-bottom:none; border-right:2px solid #777;}

	.tabs_box .tab-links li:last-child.active{border-right:1px solid #777;}




/* 타이틀 앞에 O */
.h4_basic {font-size:22px; line-height:1.4em; color:#333; font-weight:500; width:100%; margin-bottom:15px; }
.h4_basic p {width:20px; height:20px; display:inline-block; vertical-align:middle;  background:linear-gradient(to right, #124180, #91cce5); border-radius:50%; margin-top:-3px;}
.h4_basic p span {width:10px; height:10px;  display:inline-block; background-color:#fff; border-radius:50%; margin-top:5px; margin-left:5px;}

/* 아웃소싱의 목적 */
.purpose_wrap { position:relative; width:100%; float:left; margin-bottom:430px;}
.purpose_wrap ul li { position:absolute; width:25%; float:left;  font-size:18px; line-height:230px; border-radius:50%; text-align:center;}
.purpose_wrap ul li:nth-child(odd) { width:25%; float:left; background:rgba(5,77,165,0.9); color:#fff;  z-index:10}
.purpose_wrap ul li:nth-child(even) { width:25%; float:left; border:1.5px dashed #1962bc;  color:#333;  z-index:9}

.purpose_wrap ul li:nth-child(1) { top:0; left:3%;}
.purpose_wrap ul li:nth-child(2) { top:0; left:25%;}
.purpose_wrap ul li:nth-child(3) { top:0; left:48%;}
.purpose_wrap ul li:nth-child(4) { top:0; left:70%;}

.purpose_wrap ul li:nth-child(5) { top:0; left:3%; margin-top:200px;  border:1.5px dashed #1962bc;  color:#333; background:none;  z-index:9}
.purpose_wrap ul li:nth-child(6) { top:0%; left:25%; margin-top:200px; background:rgba(5,77,165,0.9); color:#fff; border:none; z-index:10}
.purpose_wrap ul li:nth-child(7) { top:0%;left:48%; margin-top:200px;   border:1.5px dashed #1962bc;  color:#333; background:none;  z-index:9}
.purpose_wrap ul li:nth-child(8) { top:0%;left:70%; margin-top:200px; background:rgba(5,77,165,0.9); color:#fff; border:none; z-index:10}


/*아웃소싱 절차*/
.process_wrap {width:100%; float:left;}
.process_wrap ul li {float:left;}
.process_wrap i.fa-arrow-right  {margin-top:105px; font-size:22px; color:#ddd;}
.process_wrap .process_li  {background:#edf3f5; border-radius:10px; color:#fff; padding:25px 12px; box-sizing:border-box; text-align:center;}
.process_wrap .process_li span  {background:#1962bc; padding:0 15px; line-height:30px; text-align:center; display:inline-block; font-size:16px; font-weight:500; color:#fff; margin-top:30px;  border-radius:15px; }
.process_wrap .process_li p  {font-weight:300; font-size:16px; line-height:1.4em;}

.process_wrap .process_icon {width:85px; height:85px; box-sizing:border-box; border-radius:50%; background:#fff; margin:0 auto;}
.process_wrap .process_icon img { margin-top:15px; text-align:center;}


/*특허/인증서*/

.col-sm-4{
  width: 24%;
  margin-right:1.3%;
  float: left;
  margin-bottom:1%;
}

.col-sm-4:last-child{
  width: 24%;
  float: right;
  margin-right:0;
  margin-bottom:2%;
}



.col-sm-4 p{
  width: 100%;
  float: left;
  border:1px solid #ddd;
  padding:10px 15px;
  box-sizing:border-box;
  text-align:center;
  color:#333;
  font-size:15px;
  background:#f7f7f7;
}

.col-sm-4 img {
  max-width: 100%;
  min-width: 100%;
  min-height: 300px;
  max-height: 300px;
  object-fit: cover;
  border:1px solid #ddd; box-sizing:border-box; border-bottom:none;
}




.video_container img + img{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  max-width: 30px;
  max-height: 30px;
  min-width: 30px;
  min-height: 30px;
  z-index: 9;
}
a.lightbox::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'fontAwesome';
    content: "\f00e";
    pointer-events: none;
    z-index: 9;
    transition: 0.4s;
}
a.lightbox:hover:before {
    opacity: 1;
}
.gallery_container a:after {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 15px;
    width: calc(100% - 30px);
    height: 89%;
    opacity: 0;
    background-color: rgba(0,0,0,0.6);
    content: '';
    transition: 0.4s;

}
.gallery_container a:hover:after {
    opacity: 1;
}


/* faq */
.faq-list {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.faq-list dt,
.faq-list dd {
    border-top: 1px solid #ddd;
    padding: 20px; font-size:17px;
    position: relative;
}
.faq-list dt:first-child {
    border-top: 0;
}
.faq-list dt {
    cursor: pointer;
    padding-right: 50px;
	font-weight:500;
	color:#333;
}
.faq-list dt:before {
    width: 33px;
	height:33px;
    content: "Q";
    display: inline-block;
    margin-right:15px;
	background:#00aef0;
	font-size:15px;
	border-radius:30px;
	color:#fff;
	padding-top:3.5px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	font-weight:500;
}
.faq-list dt:after {
    content: "+";
    display: inline-block;
    position: absolute;
    width: 15px;
    text-align: center;
    right: 30px;
    top: 15px;
	font-size:25px;
	font-weight:400;
}
.faq-list dd {
    display: none;
    color: #333;
	font-size:17px;
	line-height:1.5em;
}
.faq-list dt.selected {
    color: #00aef0;
}
.faq-list dt.selected:before {
    color: #fff;
}
.faq-list dt.selected:after {
    content: "ㅡ";
	top:18px;
	font-size:20px;
	font-weight:500;
}
.faq-list dd:before {
    width: 33px;
    height: 33px;
    content: "A";
    display: inline-block;
    margin-right: 20px;
	color:#fff;
	margin-right:15px;
	background:#005a96;
	font-size:15px;
	border-radius:30px;
	padding-top:3px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	font-weight:500;
}
.faq-list dd {
    background: #f3f7f8;
}

.box_100 ul li.col-3 {border:none; }
.box_100 ul li.col-3 img {border-radius:3px; }
.box_100 p.col_txt {width:100%; float:left; height:35px; padding:12px 0; background:#fff; color:#333; font-size:17px; line-height:1.3em; overflow:hidden}
.box_100 p.col_txt2 {width:100%; float:left; padding:12px 0; color:#333; font-size:17px; text-align:center; font-weight:500; background:#f7f7f7; box-sizing:border-box;}





/* 연혁 */
.com_history_wrap {position:relative; width:100%; float:left;}
.com_history_wrap .backline { background:url('/common/img/sub/con4_line.gif') repeat-y center top; position:absolute; left:0; top:0; width:100%; z-index:-1; }

.com_history_wrap .timeline { width:100%; float:left; }
.com_history_wrap .timeline  h6 {color:#333; font-size:22px; margin-bottom:15px;  font-weight:600; letter-spacing:-1px; }


.com_history_wrap .timeline li { width:40%; float:left; background:#f9f9f9;   padding:20px; box-sizing:border-box}
.com_history_wrap .timeline dd  {font-size:16px; color:#666; font-weight:400; letter-spacing:-0.5px; }
.com_history_wrap .timeline dl {margin-bottom:10px;}
.com_history_wrap .timeline img {width:48%;}
.com_history_wrap .timeline img:last-child {float:right; }

.com_history_wrap .timeline .left1 {margin-top: 145px; }
.com_history_wrap .timeline .right1 {margin-top: 145px;  float:right; }
.com_history_wrap .timeline .left2 { margin-top: 120px;  text-align:right;}
.com_history_wrap .timeline .right2 {margin-top: 120px;   float:right;   }
.com_history_wrap .timeline .left3 {margin-top: 30px;  }



/* 연혁에 점들 */
.line_dot1{width:100%; float:left; padding:10px; background:url("/common/img/sub/line_dot1.png") no-repeat center bottom; margin:260px 0 0 -10px; z-index:999;  }
.line_dot1 div{width:49.3%; float:left; border-bottom:2px solid #236cbe;}

.line_dot2{width:100%; float:left; padding:10px; background:url("/common/img/sub/line_dot2.png") no-repeat center bottom; margin:95px 0 0 -10px; z-index:999;  }
.line_dot2 div{width:49.3%; float:right; border-bottom:2px solid #7cd1e3;}

.line_dot3{width:100%; float:left; padding:10px; background:url("/common/img/sub/line_dot1.png") no-repeat center bottom; margin:125px 0 0 -10px; z-index:999;  }
.line_dot3 div{width:49.3%; float:left; border-bottom:2px solid #236cbe;}

.line_dot4{width:100%; float:left; padding:10px; background:url("/common/img/sub/line_dot2.png") no-repeat center bottom; margin:125px 0 0 -10px; z-index:999;  }
.line_dot4 div{width:49.3%; float:right; border-bottom:2px solid #7cd1e3;}

.line_dot5{width:100%; float:left; padding:10px; background:url("/common/img/sub/line_dot1.png") no-repeat center bottom; margin:200px 0 0 -10px; z-index:999;  }
.line_dot5 div{width:49.3%; float:left; border-bottom:2px solid #236cbe;}

/*  .line_dot5{width:100%; float:left; padding:10px; background:url("/common/img/sub/line_dot5.png") no-repeat center bottom; margin:200px 0 0 -10px; z-index:999;  }
.line_dot5 div{width:49.3%; float:left; border-bottom:2px solid #e7d245;}  */