@charset "utf-8";
/*reset start */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, sitemap,
time, mark, audio, video 
{margin: 0 auto;padding: 0;border: 0;vertical-align: baseline;text-decoration: none; text-align: left; line-height: normal; font-family:"나눔고딕";}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*reset end*/

/*  공통영역 */

/* nanum-gothic-regular - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nanum-gothic-v17-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('fonts/nanum-gothic-v17-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nanum-gothic-v17-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nanum-gothic-v17-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/nanum-gothic-v17-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nanum-gothic-v17-korean_latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-700 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nanum-gothic-v17-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('fonts/nanum-gothic-v17-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nanum-gothic-v17-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nanum-gothic-v17-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/nanum-gothic-v17-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nanum-gothic-v17-korean_latin-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nanum-gothic-v17-korean_latin-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('fonts/nanum-gothic-v17-korean_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nanum-gothic-v17-korean_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nanum-gothic-v17-korean_latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/nanum-gothic-v17-korean_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nanum-gothic-v17-korean_latin-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
body, html{height: 100%; font-family: "font-family: 'Nanum Gothic', sans-serif;"}
.wrap {width: 1200px; overflow: hidden;}
.wrap::after{content: ""; display: block; clear: both;}
header{background-color: rgba(255,255,255,0); position: absolute; width: 100%; z-index: 99;}
header .close{color:transparent;}
header .wrap h1{ float: left; margin-top: 15px;}
header .wrap .nav{ float: right; width: 650px; margin: 15px 0; } /*GNB 전체 사이즈*/
header .wrap a{ color:#fff;}
header .wrap .nav>li{ float:left; width: 152px; text-align: center; color:#fff; text-shadow: 1px 1px 7px #000; margin: 0 5px;} /*메뉴 각자 사이즈*/
header .wrap .nav li a:hover{ color:#E3E3E3; }
header .wrap .nav li ul.sub{ position: relative; display:none; padding-top: 10px; font-size: .85em;  }
header .wrap .nav li ul.sub a li{clear:left; padding: 12px 5px; background-color: rgba(50,50,50,0.8); border-bottom: 1px #d8d8d8 solid; text-align: center;  text-shadow: none; color:white; transition:all .3s;}
header .wrap .nav li ul.sub li:hover{ background-color:#8a2136; color:white; }
header .wrap .top_util {text-align: right; margin: 20px 29px 20px 0px; display: inline-block; float: right;}
header .wrap .top_util li{display: inline-block; font-size: .8em; margin: 0 8px 10px;}
header .wrap h1 img:first-child{display:block;}
header .wrap h1 img:last-child{display:none;}
.dim{display: none;}
.hamburger{display: none;}


section .hidden{ display:none;}
section{ overflow:hidden; }
section .wrap_content {padding: 50px 0; font-size:18px; line-height: 30px; }
section .sub_title{width:auto; height: 500px; display: flex; display: -ms-flex;  align-items: center; align-items: -ms-center; justify-content:  center; justify-content: -ms-center; background-size:cover;}
section .sub_title1{background: url(http://introduce.g-telp.co.kr/images/sub/sub_title01.jpg) no-repeat center center;}
section .sub_title2{background: url(http://introduce.g-telp.co.kr/images/sub/sub_title02.jpg) no-repeat center center;}
section .sub_title3{background: url(http://introduce.g-telp.co.kr/images/sub/sub_title03.jpg) no-repeat center center;}
section .sub_title4{background: url(http://introduce.g-telp.co.kr/images/sub/sub_title04.jpg) no-repeat center center;}
section .sub_title5{background: url(http://introduce.g-telp.co.kr/images/sub/sub_title05.jpg) no-repeat center center;}

section .sub_title .sub_visua_text{ font-size: 36px; color:white; text-shadow: 1px 1px 10px #b7b7b7; margin:0 10px;}

section .sitemap { color:#8a2136; font-weight: bold; font-size: 20px;   border-bottom: 1px #d8d8d8 solid; border-top: 1px #d8d8d8 solid; }
section .sitemap .wrap>ul{ float: left;} 
section .sitemap .wrap>ul>li{ display: inline-block; position: relative; border-right: 1px #d8d8d8 solid; height: 65px; line-height: 65px;  padding: 0 20px 0 20px; } 
section .sitemap .wrap>ul>li:first-child a{color:transparent;}
section .sitemap .wrap>ul>li a{color:#8a2136; cursor: default;}
section .sitemap .wrap>ul>li:first-child{border-left: 1px #d8d8d8 solid; padding: 0 0 0 10px; min-width: 50px; background:url(http://introduce.g-telp.co.kr/images/sub/home.png) no-repeat center center;  color:transparent;}
section .sitemap .wrap>ul>li:first-child:hover{background:url(http://introduce.g-telp.co.kr/images/sub/home_on.png) no-repeat center center;}
section .sitemap .wrap>ul>li:nth-child(2){ padding: 0 20px;}
/*
section .sitemap .wrap>ul>li:last-child::after{ content: ""; width: 10px; height: 10px; right: 10px; top: 26px; position: absolute; background: url(http://introduce.g-telp.co.kr/images/sub/down.png) no-repeat center center; }*/
section .sitemap .wrap .sub_sitemap{ position: absolute; top: 65px; left: 0; min-width: 100px; padding: 0 100px 0 10px;}
section .wrap_content .wrap .Indent{margin-left:20px;}

/*h그룹 디자인*/
section .wrap_content .wrap h1 {font-size:40px; position: relative; font-weight: bold; padding: 40px 0; color:#8a2136; text-align: center; margin-bottom: 65px;}
section .wrap_content .wrap h1::after{ content: ""; position: absolute; width: 70px; height: 3px; bottom: 0; left: calc(50% - 35px);  background-color:#f9a900; }
section .wrap_content .wrap h2{color:#8a2136; font-weight: bold; position: relative; margin-left: 30px; margin-bottom: 5px;}
section .wrap_content .wrap h2::before{  content: ""; position: absolute; width: 15px; height: 15px; top: 6px;left: -25px;  background: url(http://introduce.g-telp.co.kr/images/sub/h2_icon.png) no-repeat center center;}
section .wrap_content .wrap h3{color:#de0d37; font-weight: bold; position: relative; margin-left: 30px; margin-bottom: 5px;}
section .wrap_content .wrap h3::before{  content: ""; position: absolute; width: 15px; height: 15px; top: 6px;left: -25px;  background: url(http://introduce.g-telp.co.kr/images/sub/h3_icon.png) no-repeat center center;}
section .wrap_content .wrap .sub_text { color:#333; }
section .wrap_content .wrap .sub_text strong{ color:#8a2136;}
section .p_img{ display: block;}
section .p_img img{ width: 100%; }
section .m_img{ display: none;}
section .red{color:red; font-weight: bold;;}



footer {padding:0 0 40px; background-color:rgb(139, 32, 54); color: #fff; font-size:14px;}
footer .policy{ background-color:#78182c; width:auto; margin: 0 auto; padding: 15px; margin-bottom: 30px; }
footer .policy ul li{  display: inline-block; margin-left: 10px; border-left: 1px #fff solid; padding-left: 10px; }
footer .policy ul li:last-child{border-right: 1px #fff solid; padding-right: 10px;}
footer .policy ul li a{ color:white; transition: all 1s;}

footer .wrap .left{float: left; width: 79%;}
footer .wrap .left div:last-child{ margin-top:10px;}
footer .wrap .right{float: right;}
footer .wrap .option_btn {float: right;height: 30px;}
footer .wrap .family_site p{display: inline-block;line-height: 24px;}
footer .wrap .sns{text-align: right;padding: 0 0 20px 0;}
footer .wrap .sns li{display: inline-block; margin: 0 2px;}
footer .wrap .inner_box {background-color: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 80px; top: 120px; text-align: left;}
footer .wrap .copy{ clear: both; padding-top:10px; border-top: 1px #d8d8d8 solid; }

footer .p_img{ display: inline-block;}
footer .m_img{ display: none;}

/*  공통영역 끝 */


/* sub1_1 */
section .wrap_content .sub1_1_text{ width: 50%; float: left; }
section .wrap_content .sub1_1_img{ width:40%; float: right; position: relative; margin-right:40px;}
section .wrap_content .sub1_1_img img{ max-width: 100%;}
section .wrap_content .sub1_1_img::after{ content:""; width:450px; height: 675px; background-color:#8a2136; position: absolute; top: -40px; right: -40px;; z-index: -1; transition: all .3s;  filter: drop-shadow(0px 1px 2px black);}
section .wrap_content .sub1_1_bg01{ border:10px #d8d8d8 solid; padding: 50px;}
section .wrap_content .sub1_1_box01{display: flex; width:auto; border: 1px #000 solid; padding: 50px; margin: 50px 0 0 0; background-color: #8a2136; color:white; font-size: 24px;}
section .wrap_content .sub1_1_box01 li:nth-child(2n-1){flex:5; text-align:center; color:#8a2136; font-weight:bold;}
section .wrap_content .sub1_1_box01 li:nth-child(2n){flex:1; text-align:center; color:#8a2136; font-weight:bold; font-size: 30px;}
/* sub1_2 */
section .wrap_content .sub1_2_text{ width: 61%; float: right; padding-bottom:100px;}
section .wrap_content .sub1_2_text .sign{width: 35%; display: block; float: right; margin-top: 5px;}
section .wrap_content .sub1_2_text .sign img{width: 100%;}
section .wrap_content .sub1_2_img{ width:27%; float: left; position: relative; margin-left:40px; padding-bottom: 30px;}
section .wrap_content .sub1_2_img img{ max-width: 100%; border: 1px #d8d8d8 solid;}
section .wrap_content .sub1_2_img::after{ content:""; width:450px; height: 460px; background-color:#8a2136; position: absolute; top: 60px; right: 50px;; z-index: -1; transition: all .3s;  filter: drop-shadow(0px 1px 2px black);}

section .wrap_content .sub1_2_text2{ width: 54%; float: left; text-align: justify;}
section .wrap_content .sub1_2_text2>span{color:#828181; font-size:.9em}
section .wrap_content .sub1_2_img2 button{ border-radius: 15px;  background-color: #227BB0;  padding: 5px 15px;  color: white;  border: none; margin-top: 5px; font-size: 16px; cursor: pointer; float: right;}
section .wrap_content .sub1_2_img2{ width:36%; float: right; position: relative; margin-right:40px;}
section .wrap_content .sub1_2_img2 img{ max-width: 100%; border-radius: 100px 100px 0 100px; filter: drop-shadow(0px 0px 5px #8a2136);}



/* sub1_3 */
section .wrap_content .wrap .tab_btn .on{ background-color:#8a2136; color:white; font-weight: bold;}
section .wrap_content .wrap .tab_btn{ display: flex; display: -ms-flex;  width: 600px; border: 1px #d8d8d8 solid;  }
section .wrap_content .wrap .tab_btn li{ flex: 1;  text-align: center; padding: 15px; border-right: 1px #d8d8d8 solid; cursor: pointer; transition: all .3s;}

section .wrap_content .wrap .his_container{display:flex; flex-flow: row wrap;}

section .wrap_content .wrap .his_container .img_box{flex:2;}
section .wrap_content .wrap .his_container .history_box{flex:3;}

section .wrap_content .wrap .history_box { width:50%;}
section .wrap_content .wrap .history_box .history .year{ font-weight: bold; font-size:2em; color:green; text-align: left;}
section .wrap_content .wrap .history_box:nth-child(3) .history .year{ color:dodgerblue;}
section .wrap_content .wrap .history_box:last-child .history .year{ color:orangered;}

section .wrap_content .wrap .history_box .history ul{ padding: 20px 0 0 0; margin-bottom: 50px; margin-top: 10px; border-left: 2px #8a2136 solid;}
section .wrap_content .wrap .history_box .history ul li{ padding-left: 20px; position: relative;}

section .wrap_content .wrap .history_box .history ul li:nth-child(2n):before{ content: ""; position: absolute; left: -16px; top: 0; width: 30px; height: 30px; background: url(http://introduce.g-telp.co.kr/images/sub/his_icon03.png) no-repeat center center; }
section .wrap_content .wrap .history_box .history ul li:nth-child(2n-1):before{ content: ""; position: absolute; left: -16px; top: 0; width: 30px; height: 30px; background: url(http://introduce.g-telp.co.kr/images/sub/his_icon02.png) no-repeat center center; }

section .wrap_content .wrap .history_box .history ul li:first-child::after{ content: ""; position: absolute; left: -16px; top: 0; width: 30px; height: 30px; background: url(http://introduce.g-telp.co.kr/images/sub/his_icon01.png) no-repeat center center;}

/* sub1_4 */
section .wrap_content .wrap .traffic_box{ display: flex; flex-flow: row nowrap; border-bottom: 2px #d8d8d8 solid; padding:20px 0;}
section .wrap_content .wrap .traffic_box .traffic_icon{flex: 1;}
section .wrap_content .wrap .traffic_box .traffic_contents{ flex:10;}
/* sub1_5 */
section .wrap_content .wrap .ci_box{margin-bottom: 80px;}
section .wrap_content .wrap .ci_text{border:1px #d8d8d8 solid; padding:10px;}
section .wrap_content .wrap .ci_text span{color: #F40004; font-weight: bold;}
section .wrap_content .wrap .ci_copy{font-size:.8em; background-color: #eaeaea; padding:10px;}
/* sub2_1 */
section .wrap_content .wrap .sub2_1_text .business{ border-top: 1px #d8d8d8 solid; padding: 30px 0; margin: 10px 0; }
section .wrap_content .wrap .sub2_1_text .business::after{content:""; display: block; clear: both;}
section .wrap_content .wrap .sub2_1_text .business:last-child{border-bottom: 1px #d8d8d8 solid;}
section .wrap_content .wrap .sub2_1_text .business p{ padding: 15px; float: left; width: 55%; }
section .wrap_content .wrap .sub2_1_text .business p strong{font-size:1.2em; }
section .wrap_content .wrap .sub2_1_text .business p span{ }
section .wrap_content .wrap .sub2_1_text .business img{ float: right; display: block; width: 40%; border: 5px #8e8484 solid;}
section .wrap_content .wrap .sub2_1_text .business:nth-child(2n) p{float: right;}
section .wrap_content .wrap .sub2_1_text .business:nth-child(2n) img{ float: left;}


/* sub2_2 */
section .wrap_content .wrap .englab{line-height: 34px;}

/* sub2_3 */
section .wrap_content .wrap .empha{ color:#FF8E00;}
section .wrap_content .wrap .sub2_3_tab{ width: 800px; }

section .wrap_content .wrap .stat_lab .stat_banner1 li{ border: 1px #d8d8d8 solid; padding: 20px; margin: 20px 0; }
section .wrap_content .wrap .stat_lab .stat_banner1 li a{color:black;}
section .wrap_content .wrap .stat_lab .stat_banner::after{content:""; display: block; clear: both;}
section .wrap_content .wrap .stat_lab .stat_banner li{ border: 1px #d8d8d8 solid; width: calc(20% - 22px); padding: 5px; margin: 5px; float: left;}
section .wrap_content .wrap .stat_lab .stat_banner li img{ display: block; text-align: center;}
section .wrap_content .wrap .stat_lab .stat_box{border: 1px #d8d8d8 solid; padding: 20px; margin-top: 20px; clear: both;}
section .wrap_content .wrap .stat_lab .stat_box .title_s{ font-weight: bold; font-size: 1.2em; }
section .wrap_content .wrap .stat_lab .stat_box .txt{ list-style: initial; margin-left:15px; margin-bottom: 15px;}

section .wrap_content .wrap .company_btn{border:1px #d8d8d8 solid; display:table; table-layout: fixed; width:calc(100% - 1px);}
section .wrap_content .wrap .company_btn::after{ display: block; clear: both;}
section .wrap_content .wrap .company_btn li{padding:10px; display:table-cell;text-align: center; cursor: pointer; border-right: 1px #d8d8d8 solid;} 
section .wrap_content .wrap .company_btn .active{background-color:#8a2136; color:white;}
section .wrap_content .wrap .company_list_con .company_list{border:1px #d8d8d8 solid; padding:10px; margin:0 0 30px; display: none;}
section .wrap_content .wrap .company_list_con .company_list::after{content:""; display: block; clear: both;}
section .wrap_content .wrap .company_list_con .company_list li{ width:33%; float:left;}
section .wrap_content .wrap .company_list_con .active{ display:block !important;}

/* sub2_4 */
section .wrap_content .wrap .volunteer li{margin-left:20px;}		


/* sub3_1 */
/*게시판 테이블 디자인*/
section .wrap_content .wrap table{width:100%;}
section .wrap_content .wrap table a{color:black;}
section .wrap_content .wrap table tr{}
section .wrap_content .wrap #table1 tr th{  background-color:#8a2136; text-align: center; color:white;}
section .wrap_content .wrap table tr td{ text-align: center;}
section .wrap_content .wrap table tr td:nth-child(1){font-weight:bold;}
section .wrap_content .wrap table tr td:nth-child(2){text-align:left;}
section .wrap_content .wrap table tr td.notice_chk:first-child{color:red}
section .wrap_content .wrap .paging{ text-align: center; margin-top: 25px; }
section .wrap_content .wrap .paging a{color:black;margin: 0 7px;}
section .wrap_content .wrap .paging .on{ display: inline-block; overflow: initial;}
section .wrap_content .wrap #table2{margin:0 0 30px;}
section .wrap_content .wrap #table2 tr th{  background-color:#f3f3f3; text-align: center; vertical-align: middle; color:black;}

section .wrap_content .wrap .btn{width:100%; text-align: center;}
section .wrap_content .wrap button{background-color: #8a2136; border-radius: 20px; padding:10px 20px;; margin-top: 10px; border:none; cursor: pointer; color:white; font-size:20px; font-weight: bold;}
	/*조회수삭제*/
section .wrap_content .wrap table tr th:nth-child(4){display:none;}
section .wrap_content .wrap table tr td:nth-child(4){display:none;}

/* sub3_3 */
section .wrap_content .wrap .promotion{width: 100%;}
section .wrap_content .wrap .promotion li{ width:calc(50% - 122px); float:left; padding:30px 30px; margin: 30px 30px; border: 1px #b7b7b7 solid; box-shadow: 2px 2px 5px #b7b7b7; height:400px; overflow: hidden; border-top:15px #8a2136 solid; border-radius: 30px;}
section .wrap_content .wrap .promotion li b{ width: 100%;  }
section .wrap_content .wrap .promotion li span{border-bottom: 2px #d8d8d8 dotted; padding-bottom: 5px; width: 100%; font-size:.8em; color:#001582;}


/* sub4_3 */
section .wrap_content .wrap #gtelp_test1 h1{ margin-bottom: 10px;}
section .wrap_content .wrap #gtelp_test1 h2{ margin: 20px 0px 10px 30px;}
section .wrap_content .wrap #gtelp_test1 table{ width: 100%; border-top: 3px #8F1838 solid; font-size: .9em;}
section .wrap_content .wrap #gtelp_test1 table tr,td,th{ border:1px #C4C4C4 solid; padding: 10px;}
section .wrap_content .wrap #gtelp_test1 table th{background-color:#F7F7F7;}
section .wrap_content .wrap #gtelp_test1 table tr:nth-of-type(1){text-align: center;}
section .wrap_content .wrap #gtelp_test1 table tr:nth-of-type(2){text-align: left;}
section .wrap_content .wrap #gtelp_test1 table td:nth-child(1){text-align: center; font-weight: bold;}

section .wrap_content .wrap .table02{margin-bottom: 30px;}
section .wrap_content .wrap .apply_wrap{ width:100%; margin-top: 50px;}
section .wrap_content .wrap .apply{ background-color:#227BB0; color: #fff; font-weight: bold; border-radius: 50px; margin:0 auto; width: 150px; height: 30px; text-align: center;  padding: 17px; font-size: 1.5em;}
section .wrap_content .wrap .apply:hover{ background-color:#2484BE; transition: .3s all;}


/* sub5_1 */
section .wrap_content .wrap label{display:none;}
section .wrap_content .wrap table td input[type="text"] { padding: 2px 10px; border: 1px solid #c8c8c8; height: 24px; color: #898989;}
section .wrap_content .wrap table .w100 {width:100%;}
section .wrap_content .wrap table  select{height:24px;}


@media all and (max-width : 1200px){
	
	.wrap{ width:auto; padding: 0 15px;}
	.wrap::after { content: ""; display: block; clear: both;}
	header .wrap a{color:#000;}
	header .wrap .top_util{ float: none; text-align: left; position: absolute; bottom:0; right: 0; color:#000;}
	header .top_util li { display: inline-block; font-size: .8em; margin:3px; border: 1px #eee solid; border-radius: 7px; background-color: #8a2136; padding: 10px;}
	header .wrap .top_util li a{color:#fff;}
	header{position: fixed;transition: left .5s;left: -120%;top: 0;width: calc(100% - 50px);height: 100%;background-color:#fff;box-shadow: border-box;z-index: 102;}
	header .wrap h1 img:first-child{ display: none;}
	header .wrap h1 img:last-child{ display: block;}
	.on{display: block;left: 0%; overflow: auto;}
	header .close{display: block;position: absolute; width: 50px; right: 10px; top: 10px; color:transparent; height: 50px; cursor: pointer;}
	header .close::before{content: ""; position: absolute; width: 1px; height: 30px; right: 25px; top: 20px; background-color:#000; transform: rotate(45deg);}
	header .close::after{content: ""; position: absolute; width: 1px; height: 30px; right: 25px; top: 20px; background-color:#000; transform: rotate(-45deg);}
	.dim{display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color:rgba(0,0,0,0.6); z-index: 100;}
	.hamburger{position: absolute; display: block;color: transparent; width: 30px; height: 20px; border-top: 2px #fff solid; border-bottom: 2px #fff solid; top: 30px; left: 30px; z-index: 101;cursor: pointer;}
	.hamburger::before{position: absolute; top: 9px; left:0; content: ""; width: 30px;height: 2px; background-color: #fff;}

	header .wrap h1{float: none;text-align: center;}
	header .wrap .nav{text-shadow:none;float: none;width: auto;margin: 0;padding: 10px;}
	header .wrap .nav li{ float: none; width: inherit; text-align: left; margin: 20px 0; border-bottom: 2px #eee solid; padding-bottom: 20px; text-shadow: none;}
	header .wrap .nav>li{font-weight: bold;}

	header .wrap .nav li a:hover{ color:#000; }
	header .wrap .nav li ul.sub a li:hover{ background-color:white; color:black;}
	header .wrap .nav li ul.sub a li { color:black;  text-align: left; font-weight: normal; list-style:circle; margin-left: 20px; border:none; background-color:white;}

	section .p_img{ display: none;}
	section .m_img{ display: block;}
	section .m_img img{ width:100%;}
	section .wrap_content {padding: 20px 0; font-size:16px; line-height: 26px; }
	section .wrap_content .wrap h1{ font-size:30px;}


	section .sub_title .sub_visua_text { margin: 0 20px; font-size: 30px; text-align: center; line-height: normal;}

	section .sitemap { font-size: .9em;}
	section .sitemap .wrap{ padding:0;}
	section .sitemap .wrap>ul{ float: left;} 
	section .sitemap .wrap>ul>li{ display: inline-block; position: relative; border-right: 1px #d8d8d8 solid; height: 40px; line-height: 40px; min-width: 10px; padding: 0 10px 0 5px; } 
	section .sitemap .wrap>ul>li:first-child a{color:transparent;}
	section .sitemap .wrap>ul>li a{color:#8a2136;}
	section .sitemap .wrap>ul>li:first-child{border-left: 1px #d8d8d8 solid; padding: 0; min-width: 10px; background:url(http://introduce.g-telp.co.kr/images/sub/home.png) no-repeat center center;  color:transparent;}
	section .sitemap .wrap>ul>li:first-child:hover{background:url(http://introduce.g-telp.co.kr/images/sub/home_on.png) no-repeat center center;}
	section .sitemap .wrap>ul>li:nth-child(2){ padding: 0 5px;}
	/*	
	section .sitemap .wrap>ul>li:last-child::after{ content: ""; width: 10px; height: 10px; right: 10px; top: 26px; position: absolute; background: url(http://introduce.g-telp.co.kr/images/sub/down.png) no-repeat center center; }*/
	section .sitemap .wrap .sub_sitemap{ position: absolute; top: 65px; left: 0; min-width: 100px; padding: 0 100px 0 10px;}
	footer { padding: 20px 0 30px 0; color: #fff; text-align: center; font-size: 12px; line-height: normal;}
	footer .p_img{ display: none;}
	footer .m_img{ display: inline-block;width:100%; max-width: 450px;}
	footer p,div{text-align:center;}

	footer .policy { display: none;}
	footer .wrap .left { float: none; width: 100%;}
	footer .left div:last-child { margin-top: 20px; line-height: 18px;}
	footer .wrap .right {float: none;}
	footer .right .sns { text-align: center; padding:0;}
	footer .right .sns li { display: inline-block; margin: 0 2px;}
	footer .family_site p { display: inline-block; line-height: 24px;}
	footer .family_site .option_btn { float: none; height: 20px; margin: 10px 0;}	
	footer .left img{ max-width:300px;}
	footer .left div:last-child { margin-top: 10px;  line-height: normal;}
	footer .wrap .copy{ padding-top: 5px; border:none;}

	footer { padding: 10px 0 10px 0; color: #fff; text-align: center;}





	/* 모바일 서브*/
	/* mobile-sub 1-1*/
	section .wrap_content .sub1_1_text{ width: 100%; float: none;}
	section .wrap_content .sub1_1_img::after{ content:""; width:450px; height: 175px; background-color:#8a2136; position: absolute; bottom: 0; left: 0px;; z-index: -1; transition: all .3s;  filter: drop-shadow(0px 1px 2px black);}
	section .wrap_content .sub1_1_bg01{ border:10px #d8d8d8 solid; padding: 20px;}

	/* mobile-sub 1-2*/
	section .wrap_content .sub1_2_text{ width: 100%; float: none; margin-bottom: 50px; padding-bottom:0;}

	section .wrap_content .sub1_2_img::after{ content:""; width:450px; height: 175px; background-color:#8a2136; position: absolute; bottom: 0; left: 0px;; z-index: -1; transition: all .3s;  filter: drop-shadow(0px 1px 2px black);}
	section .wrap_content .sub1_1_bg01{ border:10px #d8d8d8 solid; padding: 20px;}

	section .wrap_content .sub1_2_text2{ width: 100%; float: none; margin-bottom: 50px; text-align: justify;}

	/* mobile-sub 1-3*/
	section .wrap_content .wrap .his_container{display:flex; flex-flow: column wrap;}
	section .wrap_content .wrap .his_container .img_box img{ width: 100%; margin-bottom: 50px;}
	section .wrap_content .wrap .history_box { width:auto;}
	section .wrap_content .wrap .tab_btn{  display: block; width:calc(100% - 30px); max-width: 400px;}
	section .wrap_content .wrap .tab_btn li{ width:100%; padding:15px 0; border-bottom: 1px #d8d8d8 solid; }

	/* mobile-sub 1-4*/
	section .wrap_content .wrap .traffic_box .traffic_icon{display: none;}

	/* mobile-sub 1-5*/
	section .wrap_content .wrap .ci_box{margin-bottom: 60px;}
	section .wrap_content .wrap .ci_box .ci img{width:100%;}

	/* mobile-sub 2-1*/


	section .wrap_content .wrap .sub2_1_text .business{  padding: 30px 0; margin: 10px 0; }
	section .wrap_content .wrap .sub2_1_text .business p{ padding: 15px; float: none; width: auto; }


	section .wrap_content .wrap .sub2_1_text .business:nth-child(2n) p{float: none;}
	section .wrap_content .wrap .sub2_1_text .business:nth-child(2n) img{ float: none;}

	section .wrap_content .wrap .sub2_1_text .business img{display: none;}


	/* mobile-sub 2-3*/
	section .wrap_content .wrap .stat_lab .stat_banner1 li{margin: 10px 0; }
	section .wrap_content .wrap .stat_lab .stat_banner li{ border: 1px #d8d8d8 solid; width: calc(33% - 22px); padding: 5px; margin: 5px; float: left;}
	section .wrap_content .wrap .stat_lab .stat_banner li img{ width: 100%; max-width:134px;}
	
	section .wrap_content .wrap .company_list_con .company_list li{ width:calc(50% - 10px); margin: 0 5px;}

	/* mobile-sub 3-3*/
	section .wrap_content .wrap .promotion li{ width:calc(100% - 82px); max-width:700px; margin: 20px 10px;}
	section .wrap_content .wrap .promotion::after{content:""; display: block; clear: both;}
}