/* �빊遺쏙옙 css */
.top-bgcolor-tg{background:#ffffff;     box-shadow: 0px -3px 17px #000000;}
.top-menu-tg{padding-left: 119px;padding-top: 21px; } 
.top-menu-tg li {font-family:nanumgothic;font-weight:bold;} 
li.nav-last {font-size:24px;text-align:right;font-weight:100;padding-left: 53px;padding-right: 0px;}
.btn-tg01 {padding:7px 33px;border:1px solid #717171;font-family:nanumGothic;font-size:14px;font-weight: bold; box-shadow: 0px 3px 3px #d8d8d8;}
.btn-tg_rt {text-align:right;margin:25px 0 0 0;}
.tr-inner {background:url(../img/home/home_prodbg.png)no-repeat center top;}
.tr-inner-home01 {height:680px;background:url(../img/product/main_prod_reye.png)no-repeat center top;}
.tr-inner-home02 {height:680px;background:url(../img/product/main_prod_agt.png)no-repeat center top;}
.tr-inner-home03 {height:680px;background:url(../img/product/main_prod_zblock.png)no-repeat center top;}
.tr-inner-home04 {height:680px;background:url(../img/product/main_prod_sbox.png)no-repeat center top;}
.tr-inner-home05 {height:680px;background:url(../img/product/main_prod_sbox2.png)no-repeat center top;}
.tr-inner-home06 {height:680px;background:url(../img/product/main_counsel1.png)no-repeat center top;}
.tr-inner-home07 {height:680px;background:url(../img/product/main_counsel2.png)no-repeat center top;}
.tr-inner-home08 {height:680px;background:url(../img/product/main_counsel3.png)no-repeat center top;}
.tr-inner-home09 {height:680px;background:url(../img/product/main_counsel4.png)no-repeat center top;}

/*eng*/
.tr-inner-eng {background:url(../img/home/home_prodbg.png)no-repeat center top;}
.tr-inner-eng-home01 {height:680px;background:url(../img/product/main_prod_reyeENG.png)no-repeat center top;}
.tr-inner-eng-home02 {height:680px;background:url(../img/product/main_prod_agtENG.png)no-repeat center top;}
.tr-inner-eng-home03 {height:680px;background:url(../img/product/main_prod_zblockENG.png)no-repeat center top;}
.tr-inner-eng-home04 {height:680px;background:url(../img/product/main_prod_sboxENG.png)no-repeat center top;}
.tr-inner-eng-home05 {height:680px;background:url(../img/product/main_prod_sboxENG.png)no-repeat center top;}

/*소메뉴 사이즈 조정*/
.clients03 li {margin-left: -1px;margin-right: -5px;border:1px solid #7d7d7d;padding:0px 0px 0px 0px !important;background: #ffffff;width: 210px;text-align:left;margin-bottom: 0px;}
.clients03 li.ata {background:#7d7d7d;color:#ffffff;padding: 14px 101px 14px 101px !important;}
.clients03 li.ata01 {background:#ffffff;color:#ffffff;padding: 14px 118px 14px 117px !important;}
.clients03 li:hover {background-color:#7d7d7d}
.clients03 li.ata01:hover {background-color:#ffffff}   
.clients03 a {display: block;width: 210px;letter-spacing:0px;padding: 14px 1px 14px 1px;text-align:center;}  /*소메뉴 텍스트 위치 조정*/
.clients03 a:hover {color:black;-webkit-transition: background .6s;transition: background .6s; }

.clients li {margin: 0 auto;margin-left: -1px;margin-right: -5px;border:0px solid #7d7d7d;background: #ffffff;width: 170px;text-align:left;margin-bottom: 0px;-webkit-transition: background .6s;transition: background .6s; }
.clients li.ata {background:#7d7d7d;color:#ffffff;padding: 14px 101px 14px 101px !important;}
.clients li.ata01 {background:#ffffff;color:#ffffff;padding: 14px 118px 14px 117px !important;}
.clients li:hover {background-color:#ffffff}  /*백그라운드 컬러 무력화*/
.clients li img:hover {background-color:#7d7d7d}  /*백르라운드 컬러 이미지 바탕만큼만*/
.clients li.ata01:hover {background-color:#ffffff}   
.clients a {display: block;width: 351px;letter-spacing:0px;-webkit-transition: background .6s;transition: background .6s; }
.clients a:hover {color:black;-webkit-transition: background .6s;transition: background .6s; }
.clients02 li {border:1px solid #7d7d7d;padding:0px 0px 0px 0px !important;background: #ffffff;width: 525px;text-align:center;margin-bottom: 10px;-webkit-transition: background .6s;transition: background .6s; }
.clients02 li.ata {background:#7d7d7d;color:#ffffff;padding: 14px 118px 14px 117px !important;}
.clients02 li.ata01 {background:#ffffff;color:#ffffff;padding: 14px 118px 14px 117px !important;}
.clients02 li:hover {background-color:#7d7d7d}
.clients02 li.ata01:hover {background-color:#ffffff} 
.clients02 a {display: block;width: 523px;padding: 14px 112px 14px 112px;-webkit-transition: background .6s;transition: background .6s; }
.clients02 a:hover { background .6s;transition: background .6s;   }
/* .clients02 a:active{color:#ffffff; background .6s;transition: background .6s; } */
.clients02 li.end02 {margin-left:-9px;}   
    
.font-tgr{font-family:nanumbarungothic;font-weight:bold;}
.font-tgr400 {font-family:nanumbarungothic;font-weight:bold;}
.font-tgr500 {font-family:nanumbarungothic;font-weight:500;padding-left:160px;padding-top:10px;background:url(../img/common/tit_bar.png) no-repeat;background-position:145px 16px;} /*타이틀 앞에 바 출력*/
.solutio-tg-center {font-weight:500;font-size:16px;text-align:center;padding-bottom: 34px;font-family: nanumGothic;}
.product-tg-center {font-size:20px;text-align:center;padding-bottom:10px;margin-top:1.5px;font-family; nanumGothic;}
.tg_topbg_line {border-bottom:2px solid #626262;}
.back {width:1054px;height:395px;background:url(../img/product/prod_main_reye.jpg) repeat-x;margin: 0 auto;}
.back02 {width:1054px;height:395px;background:url(../img/product/prod_main_agt.jpg) repeat-x;margin: 0 auto;}
.back03 {width:1054px;height:395px;background:url(../img/product/prod_main_zblock.jpg) repeat-x;margin: 0 auto;}
.back04 {width:1054px;height:395px;background:url(../img/product/prod_main_sbox.png) repeat-x;margin: 0 auto;}
.back05 {width:1054px;height:395px;background:url(../img/product/prod_main_sbox2.png) repeat-x;margin: 0 auto;}
.back06 {width:1053px;height:395px;background:url(../img/product/prod_main_metis.png) repeat-x;margin: 0 auto;}
.back07 {width:1053px;height:395px;background:url(../img/product/prod_main_metis1.png) repeat-x;margin: 0 auto;}
.back08 {width:1053px;height:395px;background:url(../img/product/prod_main_metis2.png) repeat-x;margin: 0 auto;}
.back09 {width:1053px;height:395px;background:url(../img/product/prod_main_metis3.png) repeat-x;margin: 0 auto;}
.inner-page {
    padding-top: 15px;
    padding-bottom: 0px;
    width: 1054px;
    margin: 0 auto;
}
.inner-page01 {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 1054px;
    margin: 0 auto;
}
.tg_top_line02 {border-bottom:1px solid #d2d2d2;}  
.tg_top_line03 {font-family:nanumbarungothic;font-weight:bold;}
a{color:#282828;text-decoration:none}  
a:hover,a:focus{background-color:transition ;text-decoration:none}
/*  �뿬湲곕떎*/ 
.tgsb_img{padding-top:23px;}

.tgb_icon_pd {padding-left:42px;}
.tgb_g01_pd {padding-left:80px;}
.tgb_c01_pd {padding-top:80px;padding-left:63px;font-size:14px;}
.radius72 {width:72px;height:72px;padding-top:18px;margin-bottom:18px;border-radius:36px;background-color:#ea5d4b;text-align:center;vertical-align: middle;display: block;}
.radius72 img {margin:auto;}
.radius72_cen {text-align:center;margin-right: 1px;padding-top:65px;width: 99px;}
.radius72_cen h6 {font-family:nanumGothic;font-size:14px;}
.radius72_cen0 {text-align:center;padding-top:65px}
.radius72_cen0 h6 {font-family:nanumbarungothic;font-size:14px;}
.nfsize14 {font-family:nanumbarungothic;font-size:14px;color:#434343}
.nfsize20 {font-size:20px;}
.pdl60 {padding-left:63px;}
.br-rt {border-right:1px solid #a0a0a0;}
.tcenter {text-align:center;}
.pdbt {padding-bottom:38px }
.pdbt83 {padding-bottom:83px }
.contact01 {width:248px;height:35px;float:left;padding-left:40px;}
.contact02 {padding:0 24px 0 24px;width:394px;height:35px;float:left;line-height: 18px;letter-spacing:-0.1px; }
.contact03 {padding-left:80px;width:230px;height:35px;float:left;}
.contact04 {padding:7px 0px 0 45px;height:20px;float:left;line-height: 18px;letter-spacing:-0.1px;}
.contact_map {margin-top:35px;clear:both;border-top:2px solid #626262;width:1053px;height:562px;margin:auto;}   
.font-s14 {font-family:nanumGothic;font-size:14px;color:#434343}
.font-s14 li{line-height:16px;}
.font-s14 li {padding-left:12px;background: url('../img/common/blet_01.png') no-repeat 5px 10px;}
.font-s16 {font-family:nanumGothic;font-size:16px;color:#434343}
.font-s16 li{line-height:26px;}
.font-s16 li {padding-left:12px;}
.tg-mb10 {padding-bottom:20px;width: 100%;}
.tg-pt10 {padding:20px 0 0 10px}
.txcolor-r, h3.txcolor-r {color:#fb533e;}, h4.txcolor-r {color:#fb533e;}
.tleft {text-align:left;}
.tclear {clear:both;}
.margin_top0 {margin-top:0px;}
.margin_bot0 {margin-bottom:0px;}
.pro_table {width:100%}
.pro_table thead {border-top:2px solid #655e50;}
.pro_table thead th {font-family:nanumGothic;font-size:20px;padding:10px 5px;text-align:center;background: #fcfcfc;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
.pro_table thead th.last {border-right:0px solid #d5d5d5;}
.pro_table td {padding:5px 5px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
.pro_table td.last {border-right:0px solid #d5d5d5;}

.banner-text{padding-top: 210px;padding-left: 50px;width:520px;}
.banner-text02{padding-top: 210px;padding-left: 50px;width:800px;}
.bntext02 {padding:0 0px 0 0px;font-family:nanumgothic;font-size:10px;letter-spacing:0.5px;line-height:12px;color: #c9c9c9;}
.bntext03 {border-bottom:1px solid #c9c9c9;margin:11px 0 16px 0;padding:0px 0px 12px 0px;font-family:nanumbarungothic;font-size:56px;color:#f0af42;letter-spacing:-1.5px;font-weight:600;line-height:50px;}
.bntext033 {border-bottom:1px solid #c9c9c9;margin:11px 0 16px 0;padding:0px 0px 12px 0px;font-family:nanumbarungothic;font-size:50px;color:#f0af42;letter-spacing:-1.5px;font-weight:600;line-height:50px;}
.bntext04 {border-bottom:1px solid #c9c9c9;margin:-17px 0px 0 0;padding:5px 0px 4px 0px;font-family:nanumgothic;font-size:24px;color: #d2d2d2;letter-spacing:0px;line-height:27px;font-weight:400;}
.bntext04 strong {font-family:nanumbarungothic;font-weight:bold;}
.bntext04 span {font-size:24px;}
.btn_top {width:60px;height:60px;border-radius: 30px;box-shadow: -0.2px 0.1px 0px 2px #FFF;float:left;margin-top:30px;margin-left:25px;padding:13px 0 0 0;}
.btn_top img {margin: auto;}
.btn_tpp01 {padding-top:18px;}
.btn_top02 {width:100px;height:30px;box-shadow: -0.2px 0.1px 0px 1px #FFF;margin-top:30px;margin-left:300px;padding:3px 0px 0 23px;}
.tg-amr-img {padding:0px 0 0 0;}
.tg-amr-text {padding:40px 0 0 0;}
.tg-amr-text h4 {font-size:30px;font-family:nanumbarungothic;line-height:32px;}
.tg-amr-text ul {font-size:14px;font-family:nanumbarungothic;margin:0px;padding:0px;}
.caddine-img {padding:30px 0 0 0;}
.caddine-text {padding:40px 0 0 0;}
.caddine-text h4 {font-size:30px;font-family:nanumbarungothic;line-height:32px;}
.caddine-text ul {font-size:14px;font-family:nanumbarungothic;margin:0px;padding:0px;}

.tgmarshal-text {padding:40px 0 0 0;}
.tgmarshal-text h3 {font-size:40px;font-family:nanumbarungothic;line-height:40px;}
.tgmarshal-text h4 {font-size:30px;font-family:nanumbarungothic;line-height:32px;}
.tgmarshal-text ul {font-size:14px;font-family:nanumbarungothic;margin:0px;padding:0px;color:#eee;}

.about_text02 {font-size:18px;font-family:nanumbarungothic;margin:0px;padding:0 0 20px 0px;font-weight:400;}
.footer-tg {height:100px;}
.footer-tg .copyright {padding:20px 0 0 0;font-size:12px;font-family:nanumbarungothic;line-height:18px;font-weight:none;}
.footer-tg .social {padding:20px 0 0 0;}
.footer-select {padding:20px 0 0 0}
.footer-select select {font-family:nanumbarungothic;font-size:14px;background-color:#464646;color:#ffffff;}

.tab_01 {margin-bottom:20px;display:block;padding:0px 0 0 0px;border-bottom:2px solid #fb533e;display: block;font-size: 17px;}
.tab_01 ul {padding:25px 0px;}
.tab_01 li {background-color: #626262;padding:6px 25px;margin:0 1px 0 0px;float:left;color:#ffffff;}
.tab_01 li.av {background-color: #fb533e;}
.tab_01 li > a, .tab_01 li > a:hover {color:#ffffff;background: #626262;}
#portfolio-wrapper {clear:both;}
.portfolio-item { float:left; margin: 5px 31px 25px 0;}
.last {margin:5px 0px 25px 0}
.item-description p{font-size:12px}
#childframe {width:1053px;height:850px;}

/* Images Overlay
====================================*/
.picture {
	position: relative;
}

.picture img {width: 100%; height: auto; margin:0 auto;}

.image-overlay-link,
.image-overlay-zoom {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 40;
	display: none;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-image: url(../img/frame.png);
}

img.viewImg {
	max-height:200px; width:auto;
}

.three.columns                   { width: 240px; }
.three.columns > .picture > a > img                   { height: 236px; }
/* Thumbnails
====================================*/
.item-description {margin-bottom: 30px;}
.item-description.alt {margin-bottom:0;}
.item-description.related {margin-bottom:0;}

.item-description h5 {
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	padding: 6px 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
	letter-spacing: 0;
}

.item-description h5 span {
	display: block;
	color: #888;
	font-weight: normal;
	margin-top: 3px;
}

.item-description a {color:#404040;}
.item-description a:hover {color:#666;}
.item-description p {color: #666; margin-bottom: 0;}





 /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
.jssorb05 {position: absolute;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                position: absolute;
                /* size of bullet elment */
                width: 23px;
                height: 23px;
                background: url('../img/common/page_btn.png') no-repeat;
                overflow: hidden;
                cursor: pointer;
            }

.jssorb05 div {background-position: 0px 0px;}

.jssorb05 div:hover, .jssorb05 .av:hover {background-position: -40px 0px;}

.jssorb05 .av {background-position: -40px 0px;}

.jssorb05 .dn, .jssorb05 .dn:hover {background-position: -40px 0px;}

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
.jssora22l, .jssora22r {display: block;position: absolute; /* size of arrow element */width: 60px;height: 60px;cursor: pointer;background: url('../img/common/scroll_btn.png') center center no-repeat;overflow: hidden;}
.jssora22l { background-position: -4px 0px;}
.jssora22r {background-position: -72px 0px;}
.jssora22l:hover {background-position: -141px 0px;}
.jssora22r:hover {background-position: -208px 0px;}
.jssora22l.jssora22ldn {background-position: -4px 0px;}
.jssora22r.jssora22rdn {background-position: -72px 0px;}


.color-blue, .color-b {
    color: #0062a8 !important;
}

.bold{font-weight:bold;}