@charset "utf-8";


.video-area {
	position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.video-area iframe {
        position: absolute;
        width: 100%;
        height: 100%;
}
 
/*공통*/

.clear { clear:both; }


#nav_top1 .gnb_top li p,
#nav_top .gnb_top li p {
	font-family:'Lato',Helvetica,Arial,sans-serif;
	color:#fff;
	letter-spacing:2px;
}

h1 { font-family:'Muli',Helvetica,Arial,sans-serif; 
     margin:0; padding:0;
	 letter-spacing:1px;
	 font-weight:300;
		
}
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-weight:300;
}
h2 { font-family:'Muli',Helvetica,Arial,sans-serif; }

/*공통*/
.content_title .main {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
}
.content_title .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1.5
}
.content_title .sub1 { display: none; }
.title_bar {
	width:80px;
	border-bottom:2px solid #c9c9c9;
	margin:0 auto;
	margin-top:30px;
}

.count-title, .count-sub {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#777777;
	display:block;
	font-size:24px;
}
.count-total,
.count-active {
	font-family:'Noto Sans',Helvetica,Arial,sans-serif;
	font-size:44px;
	color:#42b0d0;
	font-weight:bold;
	padding:10px;
	display:block;
}









#sub-top {
	width:100%;
	height:250px;
	background:#42b0d0;
	margin:0 auto;
	background-image:url(../img/bg_faq.png);
    background-repeat: no-repeat;
    background-size: cover;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
     -o-background-size: cover;
	text-align: center;
	position:relative;
	background-position:center;
}


/*FAQ*/
#faq {
	background-color:#fff;
	padding:100px 0;
}
#faq .content_title {
	color:#fff;
	font-size:30px;
	margin:0 auto;
	padding:40px 0;
}
.faq-wrapper {
	text-align:center;
	width:1170px;
	margin:0 auto;
	padding:80px 0;
	display:table;
}
.faq-wrapper li {
	padding:10px 0 ;
}
.question {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#0090ec;
	color:#fff;
}
.accordion {
    background-color:rgba(255,255,255,0);
    color: #444;
    cursor: pointer;
    width: 100%;
	height:80px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	padding:0 10px 0 0;
	line-height:40px;
	border-bottom:1px solid #dddddd;
	margin:1px 0;
}

.active, .accordion:hover {
    
}

.accordion:after {
    content: '▼';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion-active:after {
    content: "▲";
}
.accordion>span {
	padding-left:10px;
	font-size: 24px;
	color:#797979;
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
}




.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel>p {
	padding:40px 10px;
	text-align:left;
	font-size:18px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#333333; 
}

.faq-list {
	width:100%;
	margin:0 auto;
}









/*안녕톡*/

@media all and (min-width:395px){
#index {height:700px;}
#index01 {height:700px;}
#index02 {height:700px;}
#index03 {height:700px;}
#index04 {height:700px;}
#index h1,
#index01 h1,
#index02 h1,
#index03 h1,
#index04 h1 {
           top:40%;
	       font-size:25px;
		   text-align: center;
		   color:#fff;
		   /*position:absolute;*/
		   width:100%;
		   margin:0 auto;
		   text-align:left;
           }
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span {
           top:40%;
	       font-size:25px;
		   text-align: center;
		   color:#b3e284;
		   width:100%;
		   margin:0 auto;
		   text-align:left;
           }
.list-icon {
	padding-bottom:30px;
	width:46px;
	margin:0 auto;
}
}


/*mobile 320이하*/	
@media all and (max-width:320px){/*최소 ~ 최대 400px-------------------------------------*/
#rightmenu { display: none; }
#rightmenu1 { float:right;  }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }


#rightmenu { display: none; }
#rightmenu1 { float:right;  }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; display:none; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto; }
#nav_side .gnb li img { height:60px; }
#nav_side .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#nav_side1 { position:fixed; background:#161616; width:100%; height:320px; margin-top:60px; z-index:99; }
#nav_side1 .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side1 .gnb:after {content:""; display:block; clear:both; }
#nav_side1 p { width:100%; }
#nav_side1 .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side1 .gnb li { width:100%; margin:0 auto; height:60px; line-height:60px; }
#nav_side1 .gnb li img { height:60px; }
#nav_side1 .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px; color:#a4a4a4;  line-height:60px; }
#nav_side1 .gnb ul li p:hover { color:#fff; } 
#nav_side1 .gnb ul li:hover { color:#fff; background-color:#42b0d0; }

#nav_side1 .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


















#index { background-image:url(../img/bg_annyeongtalk.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:500px; }

#index01 { background-image:url(../img/bg_children.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:500px; }
#index02 { background-image:url(../img/bg_parents.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:500px; }
#index03 { background-image:url(../img/bg_taxi.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:500px; }
#index04 { background-image:url(../img/bg_findphone.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:500px; }		
.index-wrap {
}
.index-phone {
	position:absolute;
	bottom:0;
	height:80%;
	width:42%;
}
.index-info {
	position:absolute;
	right:0;
	top:20%;
	width:100%;
}
.index-download {
	height:50px;
	text-align:center;
	padding-top:50px;
}
.index_title { margin-top:25%;
	           margin-top:36vh;
}
#index h1,
#index01 h1,
#index02 h1,
#index03 h1,
#index04 h1 {
	font-weight:300;
	font-size:28px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	padding:10px 0;        
}
br { display:none; }
#index h2,
#index01 h2,
#index02 h2,
#index03 h2,
#index04 h2 {
	font-weight:300;
	margin:0;
	padding:0;
	font-size:14px;
	color:#fff;
	opacity:0.8;
	letter-spacing:1px;
	text-align:center;
}
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span {
	font-weight:300;
	line-height:30px;
	font-size:35px;
	color:#b3e284;
}
.container { width:90%; margin:0 auto; position:relative; height:100%; }

#nav_top .gnb_top { display:none; }

#nav_top1 { width:100%; height:60px; background-color:#42b0d0; position:fixed; z-index:1200; box-shadow:0 1px 3px rgba(0,0,0,.2); }
#nav_top1 .gnb_top { position:relative; width:90%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:10px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:15px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:left; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }

/*웹 서치*/
.web {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#f5f5f5;
}
fieldset {
	margin:0 auto;
	padding:100px 0;
}

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:228px;
	height:60px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:20px;
	color:#5c5c5c;
	border:1px solid #42b0d0;
	background:#fff;
	padding:0 20px;
	outline:none;
	vertical-align:top;
	display:inline-block;
	float:left;
}



.btn_send {
	float:left;
	width:60px;
	height:60px;
    display: inline-block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background: #42b0d0;
	vertical-align:middle;
	position:relative;
	left:-5px;
	border:1px solid #42b0d0;
}
.btn-ic {
}


/*홈 추가*/
.tab {
	padding:100px 0;
	text-align:center;
}
.home_add .container {
	width:90%;
}

.tab button {
    background-color: #fff;
    margin:0 4px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 17px;
	border:1px solid #42b0d0;
	width:130px;
	height:60px;
	font-size:20px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#42b0d0;
}


.tab button:hover {
    background-color: #42b0d0;
	color:#fff;
}


.tab button.active {
    background-color: #42b0d0;
    color:#fff;
	border:none;
}


.tabcontent {
    display: none;
	text-align:center;
	width:100%;
}
.tab-wrap {
	padding:50px 0;
}
.tab-text {
	padding:0 0 50px 0;
	text-align:center;
}
.tab-text .main {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#777;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
.tab-text .main span {
	color:#42b0d0;
	font-size:28px;
}
.tab-text .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#333;
	letter-spacing:1px;
	font-size:16px;
	line-height:1;
}

.home_add {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#fff;
}

/*리얼타임*/
.realtime {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:100px 0;
}
.realtime >p {
	position:relative;
	font-size:25px;
	color:#42b0d0;
	text-align:center;
	padding-bottom:40px;
}
.total {
	background-image:url(../img/total.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 220px;
	width:220px;
	position:relative;
	display:table;
	margin:100px auto;
}
.total >p,
.current >p {
	display:table-cell;
	vertical-align:middle;
}
.count-title,
.count-sub{
	font-size:20px;
	color:#777777;
	display:block;
}
.count-total,
.count-active {
	font-size:40px;
	color:#42b0d0;
	font-weight:bold;
	padding:5px;
	display:block;
}
.current {
	background-image:url(../img/current.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 220px;
	width:220px;
	position:relative;
	display:table;
	margin:0 auto;
}


/*안녕톡이란*/
#service { position:relative;
           background-color:#42b0d0;
		   padding:100px 0;
}

#container-wrap { position:relative;
                  background:#c71c1e;
				  height:280px;
				  padding:0 360px;
}
.content_sub_title { position:relative;
                     padding-top:120px;
					 margin:0 auto;
}
.content_sub_title>p { font-size:12px;
                       color:#e27e7f;
}
.content_title {
	color:#fff;
	font-size:30px;
	width:90%;
	margin:0 auto;
}
#service .content_title .main {
	font-size:58px;
	color:#fff;
	text-align:center;
}
#service .content_title .sub {
	font-size:18px;
	color:rgba(255, 255, 255, 0.8);
	margin-top:30px;
}
#service .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.service-wrap { width:90%; margin:0 auto; position:relative; margin-top:80px; }
.service-list-l {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-c {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-c01 {
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-r {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-l li,
.service-list-c li,
.service-list-c01 li,
.service-list-r li {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:20px;
	line-height:40px;
	color:#fff;
	font-weight:400;
	letter-spacing:1px;
}

/*안녕톡 기능*/
#function { position:relative;
            background-color:#f5f5f5;
			padding:100px 0;
}

/*공통*/
.content_title .main { font-size:28px; }
.content_title .sub {  font-size:18px; }
.content_title .sub1 { display: none; }


.function-phone {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.function-phone01 {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.phone-image {
	width:199px;
	margin:0 auto;
	margin-top:49px;
	position:absolute;
	left:5%;
}
.function-warp {
	position:relative;
	width:90%;
	margin:0 auto;
	height:100%;
	padding:100px 0;
}
ul.function-left {
	display:none;
}
ul.function-left li {
	text-align:center;
	padding:60px 0;
}
.function-icon {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right {
	display:none;
}
ul.function-right li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}









ul.function-left01 { display:none; }
ul.function-left01 li {
	text-align:center;
	padding:60px 0;
}
.function-icon01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right01 { display:none; }
ul.function-right01 li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}







.function-image {
	position:relative;
	width:90%;
	margin:0 auto;
}
.function-list li {
	padding:10px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	margin:20px auto;
}
.list-image-l {
	width:100%;
	position:relative;
	border:1px solid #b9b9b9;
}
.list-image-r {
	border:1px solid #b9b9b9;
}
.list-text {
	position:relative;
	padding:30px;
	text-align:center;
}
.list-text01 {
	position:relative;
	padding:30px;
	text-align:center; }
.list-text02 { display:none; }

.list-text .title,
.list-text01 .title,
.list-text02 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	font-size:30px;
	color:#333333;
	font-weight:200;
	letter-spacing:1px;
}
.list-text .sub,
.list-text01 .sub,
.list-text02 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:22px;
	color:#777777;
	font-weight:200;
	letter-spacing:1px;
}
.projects{

}
.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	width:50%;
	float:left;	
}
.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}
.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
	padding-bottom:20px;
}
figcaption span {
	color: #fff;
}


/*안녕톡 비디오*/
#video {    position:relative;
            background-color:#fff;
			padding:80px 0;
			width:90%;
			margin:0 auto;
}
.video-area {
	width:100%;
	margin-top:80px;
}
#video .content_title {
	width:95%;
}


/*안녕톡 소셜*/
#social {
	position:relative;
	padding:80px 0;
	background-image:url(../img/bg_sns.png);
    background-repeat: no-repeat;
	text-align: center;
	background-position:center;
	background-position-x: -890px;
}
#social .content_title .main { color:#fff; text-align:center; }
#social .content_title .sub { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#social .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.social-wrap {
	width:100%;
	margin:0 auto;
}
ul.social-icon {
	width:90%;
	margin:0 auto;
	padding:100px 0;
}
ul.social-icon li {
	width:68px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:0 8px;
}




/*안녕톡 footer*/					
#realfooter { 
	          text-align: center;
	          background:#2c2c2c;
}
.foot {
	width: 100%;
	margin:0 auto;
	vertical-align:middle;
	text-align: center;
    padding-top: 30px;
}
#realfooter ul {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
	display:inline-block;
	width:90%;
}
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; float:left; }
#realfooter p { font-family:'Muli',Helvetica,Arial,sans-serif;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:rgba(255, 255, 255, 0.3);
				padding:20px 0;
				width:90%; }
				
#realfooter span{ font-family:'Muli',Helvetica,Arial,sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#e5e5e5; }
.footer-info {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	height:50px;
}
.footer-info >li {
	display:inline-block;
	padding:0 15px 10px 0;
	font-size:14px;
}
span.email {
	margin-right:5px;
}	


/*FAQ*/
#sub-top {
	width:100%;
	height:150px;
	background:#42b0d0;
	margin:0 auto;
	background-image:url(../img/bg_faq.png);
    background-repeat: no-repeat;
    background-size: cover;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
     -o-background-size: cover;
	text-align: center;
	position:relative;
	background-position:center;
}
#faq {
	background-color:#fff;
	padding:40px 0;
}

.faq-wrapper {
	text-align:center;
	width:90%;
	margin:0 auto;
	padding:20px 0;
	display:table;
}							
.accordion>span {
	padding-left:10px;
	font-size: 16px;
	color:#797979;
}




#faq .content_title {
	color:#fff;
	font-size:30px;
	margin:0 auto;
	padding:20px 0;
}

.faq-wrapper li {
	padding:10px 0 ;
}
.question {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#0090ec;
	color:#fff;
}
.accordion {
    background-color:rgba(255,255,255,0);
    color: #444;
    cursor: pointer;
    width: 100%;
	height:40px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	padding:0 10px 0 0;
	line-height:40px;
	border-bottom:1px solid #dddddd;
	margin:1px 0;
}
.panel>p {
	padding:40px 10px;
	text-align:left;
	font-size:14px;
}
.list-icon {
	padding-bottom:30px;
	width:46px;
	margin:0 auto;
}			
}






/*mobile 400이하*/	
@media all and (min-width:321px) and (max-width:400px){/*최소 ~ 최대 400px-------------------------------------*/
#rightmenu { display: none; }
#rightmenu1 { float:right;  }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }


#rightmenu { display: none; }
#rightmenu1 { float:right;  }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; display:none; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto; }
#nav_side .gnb li img { height:60px; }
#nav_side .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#nav_side1 { position:fixed; background:#161616; width:100%; height:320px; margin-top:60px; z-index:99; }
#nav_side1 .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side1 .gnb:after {content:""; display:block; clear:both; }
#nav_side1 p { width:100%; }
#nav_side1 .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side1 .gnb li { width:100%; margin:0 auto; height:60px; line-height:60px; }
#nav_side1 .gnb li img { height:60px; }
#nav_side1 .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px; color:#a4a4a4;  line-height:60px; }
#nav_side1 .gnb ul li p:hover { color:#fff; } 
#nav_side1 .gnb ul li:hover { color:#fff; background-color:#42b0d0; }

#nav_side1 .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


















#index { background-image:url(../img/bg_annyeongtalk.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:550px; }
#index01 { background-image:url(../img/bg_children.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:550px;
}
#index02 { background-image:url(../img/bg_parents.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:550px;
}
#index03 { background-image:url(../img/bg_taxi.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:550px;
}
#index04 { background-image:url(../img/bg_findphone.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
		height:550px;
}
.index-wrap {
}
.index-phone {
	position:absolute;
	bottom:0;
	height:80%;
	width:42%;
}
.index-info {
	position:absolute;
	right:0;
	top:20%;
	width:100%;
}
.index-download {
	height:60px;
	text-align:center;
	padding-top:50px;
}
.index_title { margin-top:25%;
	           margin-top:36vh;
}
#index h1,
#index01 h1,
#index02 h1,
#index03 h1,
#index04 h1 {
	font-weight:300;
	font-size:30px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	padding:10px 0;        
}
br { display:none; }
#index h2,
#index01 h2,
#index02 h2,
#index03 h2,
#index04 h2 {
	font-weight:300;
	margin:0;
	padding:0;
	font-size:16px;
	color:#fff;
	opacity:0.8;
	letter-spacing:1px;
	text-align:center;
}
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span {
	font-weight:300;
	line-height:30px;
	font-size:35px;
	color:#b3e284;
}
.container { width:90%; margin:0 auto; position:relative; height:100%; }

#nav_top .gnb_top { display:none; }

#nav_top1 { width:100%; height:60px; background-color:#42b0d0; position:fixed; z-index:1200; box-shadow:0 1px 3px rgba(0,0,0,.2); }
#nav_top1 .gnb_top { position:relative; width:90%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:10px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:15px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:left; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }

/*웹 서치*/
.web {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#f5f5f5;
}
fieldset {
	margin:0 auto;
	padding:100px 0;
}

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:277px;
	height:60px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:20px;
	color:#5c5c5c;
	border:1px solid #42b0d0;
	background:#fff;
	padding:0 20px;
	outline:none;
	vertical-align:top;
	display:inline-block;
	float:left;
}



.btn_send {
	float:left;
	width:60px;
	height:60px;
    display: inline-block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background: #42b0d0;
	vertical-align:middle;
	position:relative;
	left:-5px;
	border:1px solid #42b0d0;
}
.btn-ic {
}


/*홈 추가*/
.tab {
	padding:100px 0;
	text-align:center;
}
.home_add .container {
	width:90%;
}

.tab button {
    background-color: #fff;
    margin:0 4px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 17px;
	border:1px solid #42b0d0;
	width:150px;
	height:60px;
	font-size:20px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#42b0d0;
}


.tab button:hover {
    background-color: #42b0d0;
	color:#fff;
}


.tab button.active {
    background-color: #42b0d0;
    color:#fff;
	border:none;
}


.tabcontent {
    display: none;
	text-align:center;
	width:100%;
}
.tab-wrap {
	padding:50px 0;
}
.tab-text {
	padding:0 0 50px 0;
	text-align:center;
}
.tab-text .main {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#777;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
.tab-text .main span {
	color:#42b0d0;
	font-size:28px;
}
.tab-text .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#333;
	letter-spacing:1px;
	font-size:16px;
	line-height:1;
}

.home_add {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#fff;
}
/*리얼타임*/
.realtime {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:100px 0;
}
.realtime >p {
	position:relative;
	font-size:25px;
	color:#42b0d0;
	text-align:center;
	padding-bottom:40px;
}
.total {
	background-image:url(../img/total.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 220px;
	width:220px;
	position:relative;
	display:table;
	margin:100px auto;
}
.total >p,
.current >p {
	display:table-cell;
	vertical-align:middle;
}
.count-title,
.count-sub{
	font-size:20px;
	color:#777777;
	display:block;
}
.count-total,
.count-active {
	font-size:40px;
	color:#42b0d0;
	font-weight:bold;
	padding:5px;
	display:block;
}
.current {
	background-image:url(../img/current.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 220px;
	width:220px;
	position:relative;
	display:table;
	margin:0 auto;
}


/*안녕톡이란*/
#service { position:relative;
           background-color:#42b0d0;
		   padding:100px 0;
}

#container-wrap { position:relative;
                  background:#c71c1e;
				  height:280px;
				  padding:0 360px;
}
.content_sub_title { position:relative;
                     padding-top:120px;
					 margin:0 auto;
}
.content_sub_title>p { font-size:12px;
                       color:#e27e7f;
}
.content_title {
	color:#fff;
	font-size:30px;
	width:85%;
	margin:0 auto;
}
#service .content_title .main {
	font-size:58px;
	color:#fff;
	text-align:center;
}
#service .content_title .sub {
	font-size:18px;
	color:rgba(255, 255, 255, 0.8);
	margin-top:30px;
}
#service .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.service-wrap { width:85%; margin:0 auto; position:relative; margin-top:80px; }
.service-list-l {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-c {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-c01 {
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-r {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-l li,
.service-list-c li,
.service-list-c01 li,
.service-list-r li {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:20px;
	line-height:40px;
	color:#fff;
	font-weight:400;
	letter-spacing:1px;
}

/*안녕톡 기능*/
#function { position:relative;
            background-color:#f5f5f5;
			padding:100px 0;
}

/*공통*/
.content_title .main { font-size:30px; }
.content_title .sub {  font-size:18px; }
.content_title .sub1 { display: none; }


.function-phone {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.function-phone01 {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.phone-image {
	width:199px;
	margin:0 auto;
	margin-top:49px;
	position:absolute;
	left:5%;
}
.function-warp {
	position:relative;
	width:90%;
	margin:0 auto;
	height:100%;
	padding:100px 0;
}
ul.function-left {
	display:none;
}
ul.function-left li {
	text-align:center;
	padding:60px 0;
}
.function-icon {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right {
	display:none;
}
ul.function-right li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
.function-image {
	position:relative;
	width:90%;
	margin:0 auto;
}
.function-list li {
	padding:20px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	margin:20px auto;
}










ul.function-left01 { display:none; }
ul.function-left01 li {
	text-align:center;
	padding:60px 0;
}
.function-icon01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right01 { display:none; }
ul.function-right01 li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}





.list-image-l {
	width:100%;
	position:relative;
	border:1px solid #b9b9b9;
}
.list-image-r {
	border:1px solid #b9b9b9;
}
.list-text {
	position:relative;
	padding:30px;
	text-align:center;
}
.list-text01 {
	position:relative;
	padding:30px;
	text-align:center; }
.list-text02 { display:none; }

.list-text .title,
.list-text01 .title,
.list-text02 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	font-size:30px;
	color:#333333;
	font-weight:200;
	letter-spacing:1px;
}
.list-text .sub,
.list-text01 .sub,
.list-text02 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:22px;
	color:#777777;
	font-weight:200;
	letter-spacing:1px;
}
.projects{

}
.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	width:50%;
	float:left;	
}
.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}
.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
	padding-bottom:20px;
}
figcaption span {
	color: #fff;
}


/*안녕톡 비디오*/
#video {    position:relative;
            background-color:#fff;
			padding:80px 0;
			width:90%;
			margin:0 auto;
}
.video-area {
	margin-top:80px;
}
#video .content_title {
	width:95%;
}

/*안녕톡 소셜*/
#social {
	position:relative;
	padding:80px 0;
	background-image:url(../img/bg_sns.png);
    background-repeat: no-repeat;
	text-align: center;
	background-position:center;
	background-position-x: -890px;
}
#social .content_title .main { color:#fff; text-align:center; }
#social .content_title .sub { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#social .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.social-wrap {
	width:100%;
	margin:0 auto;
}
ul.social-icon {
	width:90%;
	margin:0 auto;
	padding:100px 0;
}
ul.social-icon li {
	width:68px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:0 15px;
}




/*안녕톡 footer*/					
#realfooter { height:170px;
	          text-align: center;
	          background:#2c2c2c;
}
.foot {
	width: 100%;
	margin:0 auto;
	vertical-align:middle;
	text-align: center;
    padding-top: 30px;
}
#realfooter ul {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
	display:inline-block;
	width:90%;
}
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; float:left; }
#realfooter p { font-family:'Muli',Helvetica,Arial,sans-serif;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:rgba(255, 255, 255, 0.3);
				padding:20px 0;
				width:90%; }
				
#realfooter span{ font-family:'Muli',Helvetica,Arial,sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#e5e5e5; }
.footer-info {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	height:50px;
}
.footer-info >li {
	display:inline-block;
	padding:0 15px 10px 0;
	font-size:14px;
}
span.email {
	margin-right:5px;
}	


/*FAQ*/
#sub-top {
	width:100%;
	height:150px;
	background:#42b0d0;
	margin:0 auto;
	background-image:url(../img/bg_faq.png);
    background-repeat: no-repeat;
    background-size: cover;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
     -o-background-size: cover;
	text-align: center;
	position:relative;
	background-position:center;
}
#faq {
	background-color:#fff;
	padding:40px 0;
}

.faq-wrapper {
	text-align:center;
	width:90%;
	margin:0 auto;
	padding:20px 0;
	display:table;
}							
.accordion>span {
	padding-left:10px;
	font-size: 16px;
	color:#797979;
}




#faq .content_title {
	color:#fff;
	font-size:30px;
	margin:0 auto;
	padding:20px 0;
}

.faq-wrapper li {
	padding:10px 0 ;
}
.question {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#0090ec;
	color:#fff;
}
.accordion {
    background-color:rgba(255,255,255,0);
    color: #444;
    cursor: pointer;
    width: 100%;
	height:40px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	padding:0 10px 0 0;
	line-height:40px;
	border-bottom:1px solid #dddddd;
	margin:1px 0;
}
.panel>p {
	padding:40px 10px;
	text-align:left;
	font-size:14px;
}
.list-icon {
	padding-bottom:30px;
	width:46px;
	margin:0 auto;
}							
}




@media all and (min-width:401px) and (max-width:743px)  {


#rightmenu { display: none; }
#rightmenu1 { float:right;  }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }


#rightmenu { display: none; }
#rightmenu1 { float:right;  }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; display:none; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto; }
#nav_side .gnb li img { height:60px; }
#nav_side .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#nav_side1 { position:fixed; background:#161616; width:100%; height:320px; margin-top:60px; z-index:99; }
#nav_side1 .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side1 .gnb:after {content:""; display:block; clear:both; }
#nav_side1 p { width:100%; }
#nav_side1 .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side1 .gnb li { width:100%; margin:0 auto; height:60px; line-height:60px; }
#nav_side1 .gnb li img { height:60px; }
#nav_side1 .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px; color:#a4a4a4;  line-height:60px; }
#nav_side1 .gnb ul li p:hover { color:#fff; } 
#nav_side1 .gnb ul li:hover { color:#fff; background-color:#42b0d0; }

#nav_side1 .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


















#index { background-image:url(../img/bg_annyeongtalk.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center; }
#index01 { background-image:url(../img/bg_children.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
#index02 { background-image:url(../img/bg_parents.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
#index03 { background-image:url(../img/bg_taxi.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
#index04 { background-image:url(../img/bg_findphone.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
.index-wrap {
}
.index-phone {
	position:absolute;
	bottom:0;
	height:80%;
	width:42%;
}
.index-info {
	position:absolute;
	right:0;
	top:25%;
	width:100%;
}
.index-download {
	height:60px;
	text-align:center;
	padding-top:50px;
}
.index_title { margin-top:25%;
	           margin-top:36vh;
}
#index h1,
#index01 h1,
#index02 h1,
#index03 h1,
#index04 h1 {
	font-weight:300;
	font-size:35px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	padding:10px 0;        
}
br { display:none; }
#index h2,
#index01 h2,
#index02 h2,
#index03 h2,
#index04 h2 {
	font-weight:300;
	margin:0;
	padding:0;
	font-size:18px;
	color:#fff;
	opacity:0.8;
	letter-spacing:1px;
	text-align:center;
}
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span {
	font-weight:300;
	line-height:30px;
	font-size:35px;
	color:#b3e284;
}
.container { width:90%; margin:0 auto; position:relative; height:100%; }

#nav_top .gnb_top { display:none; }

#nav_top1 { width:100%; height:60px; background-color:#42b0d0; position:fixed; z-index:1200; box-shadow:0 1px 3px rgba(0,0,0,.2); }
#nav_top1 .gnb_top { position:relative; width:90%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:10px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:15px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:left; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }

/*웹 서치*/
.web {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#f5f5f5;
}
fieldset {
	margin:0 auto;
	padding:100px 0;
}

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:322px;
	height:60px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:20px;
	color:#5c5c5c;
	border:1px solid #42b0d0;
	background:#fff;
	padding:0 20px;
	outline:none;
	vertical-align:top;
	display:inline-block;
	float:left;
}



.btn_send {
	float:left;
	width:60px;
	height:60px;
    display: inline-block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background: #42b0d0;
	vertical-align:middle;
	position:relative;
	left:-5px;
	border:1px solid #42b0d0;
}
.btn-ic {
}


/*홈 추가*/
.tab {
	padding:100px 0;
	text-align:center;
}
.home_add .container {
	width:90%;
}

.tab button {
    background-color: #fff;
    margin:0 4px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 17px;
	border:1px solid #42b0d0;
	width:180px;
	height:60px;
	font-size:20px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#42b0d0;
}


.tab button:hover {
    background-color: #42b0d0;
	color:#fff;
}


.tab button.active {
    background-color: #42b0d0;
    color:#fff;
	border:none;
}


.tabcontent {
    display: none;
	text-align:center;
	width:100%;
}
.tab-wrap {
	padding:50px 0;
}
.tab-text {
	padding:0 0 50px 0;
	text-align:center;
}
.tab-text .main {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#777;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
.tab-text .main span {
	color:#42b0d0;
	font-size:28px;
}
.tab-text .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#333;
	letter-spacing:1px;
	font-size:16px;
	line-height:1;
}

.home_add {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#fff;
}
/*리얼타임*/
.realtime {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:100px 0;
}
.realtime >p {
	position:relative;
	font-size:25px;
	color:#42b0d0;
	text-align:center;
	padding-bottom:40px;
}
.total {
	background-image:url(../img/total.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:relative;
	display:table;
	margin:100px auto;
}
.total >p,
.current >p {
	display:table-cell;
	vertical-align:middle;
}
.count-title,
.count-sub{
	font-size:24px;
	color:#777777;
	display:block;
}
.count-total,
.count-active {
	font-size:44px;
	color:#42b0d0;
	font-weight:bold;
	padding:10px;
	display:block;
}
.current {
	background-image:url(../img/current.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:relative;
	display:table;
	margin:0 auto;
}


/*안녕톡이란*/
#service { position:relative;
           background-color:#42b0d0;
		   padding:100px 0;
}

#container-wrap { position:relative;
                  background:#c71c1e;
				  height:280px;
				  padding:0 360px;
}
.content_sub_title { position:relative;
                     padding-top:120px;
					 margin:0 auto;
}
.content_sub_title>p { font-size:12px;
                       color:#e27e7f;
}
.content_title {
	color:#fff;
	font-size:30px;
	width:90%;
	margin:0 auto;
}
#service .content_title .main {
	font-size:62px;
	color:#fff;
	text-align:center;
}
#service .content_title .sub {
	font-size:20px;
	color:rgba(255, 255, 255, 0.8);
	margin-top:30px;
}
#service .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.service-wrap { width:90%; margin:0 auto; position:relative; margin-top:80px; }
.service-list-l {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-c {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-c01 {
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-r {
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
}
.service-list-l li,
.service-list-c li,
.service-list-c01 li,
.service-list-r li {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:20px;
	line-height:40px;
	color:#fff;
	font-weight:400;
	letter-spacing:1px;
}

/*안녕톡 기능*/
#function { position:relative;
            background-color:#f5f5f5;
			padding:100px 0;
}

/*공통*/
.content_title .main { font-size:38px; }
.content_title .sub {  font-size:20px; }
.content_title .sub1 { display: none; }


.function-phone {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.function-phone01 {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.phone-image {
	width:199px;
	margin:0 auto;
	margin-top:49px;
	position:absolute;
	left:5%;
}
.function-warp {
	position:relative;
	width:90%;
	margin:0 auto;
	height:100%;
	padding:100px 0;
}
ul.function-left {
	position:relative;
	display:inline-block;
	margin-top:100px;
	width:100%;
}
ul.function-left li {
	text-align:center;
	padding:60px 0;
}
.function-icon {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right {
	position:relative;
	display:inline-block;
	width:100%;
}
ul.function-right li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}


ul.function-left {
	display:none;
}
ul.function-left li {
	text-align:center;
	padding:60px 0;
}
.function-icon {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right {
	display:none;
}
ul.function-right li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}








ul.function-left01 { display:none; }
ul.function-left01 li {
	text-align:center;
	padding:60px 0;
}
.function-icon01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right01 { display:none; }
ul.function-right01 li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}



.function-image {
	position:relative;
	width:90%;
	margin:0 auto;
}
.function-list li {
	padding:20px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	margin:20px auto;
}
.list-image-l {
	width:100%;
	position:relative;
	border:1px solid #b9b9b9;
}
.list-image-r {
	border:1px solid #b9b9b9;
}
.list-text {
	position:relative;
	padding:30px;
	text-align:center;
}
.list-text01 {
	position:relative;
	padding:30px;
	text-align:center; }
.list-text02 { display:none; }

.list-text .title,
.list-text01 .title,
.list-text02 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	font-size:30px;
	color:#333333;
	font-weight:200;
	letter-spacing:1px;
}
.list-text .sub,
.list-text01 .sub,
.list-text02 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:22px;
	color:#777777;
	font-weight:200;
	letter-spacing:1px;
}
.projects{

}
.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	width:50%;
	float:left;	
}
.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}
.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
	padding-bottom:20px;
}
figcaption span {
	color: #fff;
}


/*안녕톡 비디오*/
#video {    position:relative;
            background-color:#fff;
			padding:80px 0;
			width:90%;
			margin:0 auto;
}
.video-area {
	margin-top:80px;
}
#video .content_title {
	width:100%;
}

/*안녕톡 소셜*/
#social {
	position:relative;
	padding:80px 0;
	background-image:url(../img/bg_sns.png);
    background-repeat: no-repeat;
	text-align: center;
	background-position:center;
	background-position-x: -890px;
}
#social .content_title .main { color:#fff; text-align:center; }
#social .content_title .sub { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#social .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.social-wrap {
	width:100%;
	margin:0 auto;
}
ul.social-icon {
	width:90%;
	margin:0 auto;
	padding:100px 0;
}
ul.social-icon li {
	width:80px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:0 20px;
}




/*안녕톡 footer*/					
#realfooter { height:170px;
	          text-align: center;
	          background:#2c2c2c;
}
.foot {
	width: 100%;
	margin:0 auto;
	vertical-align:middle;
	text-align: center;
    padding-top: 30px;
}
#realfooter ul {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
	display:inline-block;
}
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; float:left; }
#realfooter p { font-family:'Muli',Helvetica,Arial,sans-serif;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:rgba(255, 255, 255, 0.3);
				padding:20px 0; }
				
#realfooter span{ font-family:'Muli',Helvetica,Arial,sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#e5e5e5; }
.footer-info {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	height:50px;
}
.footer-info >li {
	display:inline-block;
	padding:0 15px 10px 0;
	font-size:14px;
}
span.email {
	margin-right:5px;
}	


/*FAQ*/
#sub-top {
	width:100%;
	height:150px;
	background:#42b0d0;
	margin:0 auto;
	background-image:url(../img/bg_faq.png);
    background-repeat: no-repeat;
    background-size: cover;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
     -o-background-size: cover;
	text-align: center;
	position:relative;
	background-position:center;
}
#faq {
	background-color:#fff;
	padding:40px 0;
}

.faq-wrapper {
	text-align:center;
	width:90%;
	margin:0 auto;
	padding:20px 0;
	display:table;
}							
.accordion>span {
	padding-left:10px;
	font-size: 16px;
	color:#797979;
}




#faq .content_title {
	color:#fff;
	font-size:30px;
	margin:0 auto;
	padding:20px 0;
}

.faq-wrapper li {
	padding:10px 0 ;
}
.question {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#0090ec;
	color:#fff;
}
.accordion {
    background-color:rgba(255,255,255,0);
    color: #444;
    cursor: pointer;
    width: 100%;
	height:40px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	padding:0 10px 0 0;
	line-height:40px;
	border-bottom:1px solid #dddddd;
	margin:1px 0;
}
.panel>p {
	padding:40px 10px;
	text-align:left;
	font-size:14px;
}
.list-icon {
	padding-bottom:30px;
	width:46px;
	margin:0 auto;
}
				
}

/*==== 공통부분 ====*/
body { background:#ffffff; /* width:1920px;*/ margin:0 auto }



@media all and (min-width:744px) and (max-width:768px)  {


#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; top: 50%; margin-top:-99px; left: 50%; width:324px; margin-left:-162px; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:150px; left:50%; margin-left:-65px; width:130px; }



#rightmenu { display: none; }
#rightmenu1 { float:right;  }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }


#rightmenu { display: none; }
#rightmenu1 { float:right;  }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; display:none; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto; }
#nav_side .gnb li img { height:60px; }
#nav_side .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#fff; background-color:#42b0d0; }
#nav_side .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#nav_side1 { position:fixed; background:#161616; width:100%; height:320px; margin-top:60px; z-index:99; }
#nav_side1 .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side1 .gnb:after {content:""; display:block; clear:both; }
#nav_side1 p { width:100%;}
#nav_side1 .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side1 .gnb li { width:100%; margin:0 auto; }
#nav_side1 .gnb li img { height:60px; }
#nav_side1 .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px;  color:#a4a4a4;  line-height:60px; }
#nav_side1 .gnb ul li p:hover { color:#fff; background-color:#42b0d0; }
#nav_side1 .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


















#index { background-image:url(../img/bg_annyeongtalk.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center; }
#index01 { background-image:url(../img/bg_children.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
#index02 { background-image:url(../img/bg_parents.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
#index03 { background-image:url(../img/bg_taxi.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
#index04 { background-image:url(../img/bg_findphone.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		padding-top: 60px;
		position:relative;
		width:100%;
		background-position:center;
}
.index-wrap {
}
.index-phone {
	position:absolute;
	bottom:0;
	height:80%;
	width:42%;
}
.index-info {
	position:absolute;
	right:0;
	top:25%;
	width:100%;
}
.index-download {
	height:60px;
	text-align:center;
	padding-top:30px;
}
.index_title { margin-top:25%;
	           margin-top:36vh;
}
#index h1,
#index01 h1,
#index02 h1,
#index03 h1,
#index04 h1 {
	font-weight:300;
	font-size:40px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	padding:10px 0;        
}
#index h2,
#index01 h2,
#index02 h2,
#index03 h2,
#index04 h2 {
	font-weight:300;
	margin:0;
	padding:0;
	font-size:26px;
	color:#fff;
	opacity:0.8;
	letter-spacing:1px;
	text-align:center;
}
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span {
	font-weight:300;
	line-height:30px;
	font-size:45px;
	color:#b3e284;
}
.container { width:90%; margin:0 auto; position:relative; height:100%; }

#nav_top .gnb_top { display:none; }

#nav_top1 { width:100%; height:60px; background-color:#42b0d0; position:fixed; z-index:1200; box-shadow:0 1px 3px rgba(0,0,0,.2); }
#nav_top1 .gnb_top { position:relative; width:90%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:10px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:15px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:left; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }

/*웹 서치*/
.web {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#f5f5f5;
}
fieldset {
	width:700px;
	margin:0 auto;
	padding:100px 0;
}

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:600px;
	height:100px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:40px;
	color:#5c5c5c;
	border:1px solid #42b0d0;
	background:#fff;
	padding:0 40px;
	outline:none;
	vertical-align:top;
	display:inline-block;
	float:left;
}



.btn_send {
	float:left;
	width:100px;
	height:100px;
    display: inline-block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background: #42b0d0;
	vertical-align:middle;
	position:relative;
	left:-5px;
	border:1px solid #42b0d0;
}
.btn-ic {
}


/*홈 추가*/
.tab {
	padding:100px 0 150px 0;
	text-align:center;
}
.home_add .container {
	width:90%;
}

.tab button {
    background-color: #fff;
    margin:0 4px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 17px;
	border:1px solid #42b0d0;
	width:310px;
	height:80px;
	font-size:30px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#42b0d0;
}


.tab button:hover {
    background-color: #42b0d0;
	color:#fff;
}


.tab button.active {
    background-color: #42b0d0;
    color:#fff;
	border:none;
}


.tabcontent {
    display: none;
	text-align:center;
	width:100%;
}
.tab-wrap {
	float:left;
	width:33.33%;
}
.tab-text {
	padding:0 0 50px 0;
	text-align:center;
}
.tab-text .main {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#777;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
.tab-text .main span {
	color:#42b0d0;
	font-size:28px;
}
.tab-text .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#333;
	letter-spacing:1px;
	font-size:16px;
	line-height:1;
}

.home_add {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#fff;
}
/*리얼타임*/
.realtime {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:100px 0;
}
.realtime >p {
	position:relative;
	font-size:25px;
	color:#42b0d0;
	text-align:center;
	padding-bottom:40px;
}
.total {
	background-image:url(../img/total.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:relative;
	display:table;
	margin:100px auto;
}
.total >p,
.current >p {
	display:table-cell;
	vertical-align:middle;
}
.count-title,
.count-sub{
	font-size:24px;
	color:#777777;
	display:block;
}
.count-total,
.count-active {
	font-size:44px;
	color:#42b0d0;
	font-weight:bold;
	padding:10px;
	display:block;
}
.current {
	background-image:url(../img/current.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:relative;
	display:table;
	margin:0 auto;
}


/*안녕톡이란*/
#service { position:relative;
           background-color:#42b0d0;
		   padding:150px 0;
}

#container-wrap { position:relative;
                  background:#c71c1e;
				  height:280px;
				  padding:0 360px;
}
.content_sub_title { position:relative;
                     padding-top:120px;
					 margin:0 auto;
}
.content_sub_title>p { font-size:12px;
                       color:#e27e7f;
}
.content_title {
	color:#fff;
	font-size:30px;
	width:90%;
	margin:0 auto;
}
#service .content_title .main {
	font-size:60px;
	color:#fff;
	text-align:center;
}
#service .content_title .sub {
	font-size:20px;
	color:rgba(255, 255, 255, 0.8);
	margin-top:30px;
}
#service .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.service-wrap { width:90%; margin:0 auto; position:relative; margin-top:80px; height:200px; }
.service-list-l {
	float:left;
	width:33.3%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-c {
	float:left;
	width:33.3%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-c01 {
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-r {
	float:left;
	width:33.3%
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-l li,
.service-list-c li,
.service-list-c01 li,
.service-list-r li {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:20px;
	line-height:40px;
	color:#fff;
	font-weight:400;
	letter-spacing:1px;
}

/*안녕톡 기능*/
#function { position:relative;
            background-color:#f5f5f5;
			padding:100px 0;
}

/*공통*/
.content_title .main { font-size:40px; }
.content_title .sub {  font-size:20px; }
.content_title .sub1 { display: none; }


.function-phone {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.function-phone01 {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:relative;
	background-size:220px;
	margin:0 auto;
}
.phone-image {
	width:199px;
	margin:0 auto;
	margin-top:49px;
	position:absolute;
	left:5%;
}
.function-warp {
	position:relative;
	width:700px;
	margin:0 auto;
	height:100%;
	padding:100px 0;
}
ul.function-left {
	position:relative;
	display:inline-block;
	margin-top:100px;
	width:50%;
}
ul.function-left li {
	text-align:center;
	padding:20px 0;
}
.function-icon {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right {
	position:relative;
	display:inline-block;
	width:240px;
}
ul.function-right li {
	text-align:center;
	padding:20px 0;
}
.function-icon-r {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}







ul.function-left01 {
	position:relative;
	display:inline-block;
	margin-top:100px;
	width:340px;
}
ul.function-left01 li {
	text-align:center;
	padding:40px 0;
}
.function-icon01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right01 {
	position:relative;
	display:inline-block;
	width:340px;
}
ul.function-right01 li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}



.function-image {
	position:relative;
	width:90%;
	margin:0 auto;
}
.function-list li {
	display:flex;
	width:90%;
	padding:20px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	margin:20px auto;
}
.list-image-l {
	width:429px;
	border:1px solid #b9b9b9;
	height:100%;
}
.list-image-r {
	width:430px;
	border:1px solid #b9b9b9;
	height:100%;
}
.list-text {
	width:450px;
	vertical-align:middle;
	padding:0 30px;
}
.list-text01 { display:none; }
.list-text02 {
	width:450px;
	vertical-align:middle;
	padding:0 30px;
}
.list-text .title,
.list-text01 .title,
.list-text02 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	font-size:30px;
	color:#333333;
	font-weight:200;
	letter-spacing:1px;
}
.list-text .sub,
.list-text01 .sub,
.list-text02 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:22px;
	color:#777777;
	font-weight:200;
	letter-spacing:1px;
}
.projects{

}
.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	width:50%;
	float:left;	
}
.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}
.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
	padding-bottom:20px;
}
figcaption span {
	color: #fff;
}


/*안녕톡 비디오*/
#video {    position:relative;
            background-color:#fff;
			padding:80px 0;
			width:90%;
			margin:0 auto;
}
.video-area {
	width:100%;
	margin:0 auto;
	margin-top:80px;
}



/*안녕톡 소셜*/
#social {
	position:relative;
	padding:80px 0;
	background-image:url(../img/bg_sns.png);
    background-repeat: no-repeat;
	text-align: center;
	background-position:center;
	background-position-x: -890px;
}
#social .content_title .main { color:#fff; text-align:center; }
#social .content_title .sub { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#social .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.social-wrap {
	width:100%;
	margin:0 auto;
}
ul.social-icon {
	width:90%;
	margin:0 auto;
	padding:100px 0;
}
ul.social-icon li {
	width:80px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:0 20px;
}




/*안녕톡 footer*/					
#realfooter { height:170px;
	          text-align: center;
	          background:#2c2c2c;
}
.foot {
	width: 100%;
	margin:0 auto;
	vertical-align:middle;
	text-align: center;
    padding-top: 30px;
}
#realfooter ul {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
	display:inline-block;
}
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; float:left; }
#realfooter p { font-family:'Muli',Helvetica,Arial,sans-serif;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:rgba(255, 255, 255, 0.3);
				padding:20px 0; }
				
#realfooter span{ font-family:'Muli',Helvetica,Arial,sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#e5e5e5; }
.footer-info {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	height:50px;
}
.footer-info >li {
	display:inline-block;
	padding:0 15px 10px 0;
	font-size:14px;
}
span.email {
	margin-right:5px;
}	

/*FAQ*/
#sub-top {
	width:100%;
	height:150px;
	background:#42b0d0;
	margin:0 auto;
	background-image:url(../img/bg_faq.png);
    background-repeat: no-repeat;
    background-size: cover;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
     -o-background-size: cover;
	text-align: center;
	position:relative;
	background-position:center;
}
#faq {
	background-color:#fff;
	padding:40px 0;
}

.faq-wrapper {
	text-align:center;
	width:90%;
	margin:0 auto;
	padding:20px 0;
	display:table;
}							
.accordion>span {
	padding-left:10px;
	font-size: 16px;
	color:#797979;
}




#faq .content_title {
	color:#fff;
	font-size:30px;
	margin:0 auto;
	padding:20px 0;
}

.faq-wrapper li {
	padding:10px 0 ;
}
.question {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#0090ec;
	color:#fff;
}
.accordion {
    background-color:rgba(255,255,255,0);
    color: #444;
    cursor: pointer;
    width: 100%;
	height:40px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	padding:0 10px 0 0;
	line-height:40px;
	border-bottom:1px solid #dddddd;
	margin:1px 0;
}
.panel>p {
	padding:40px 10px;
	text-align:left;
	font-size:14px;
}
.list-icon { display:none; }
				
}







@media all and (min-width:769px) and (max-width:1024px)  {/* 최소 ~ 최대 1025-------------------------------------*/


#top1 img { display: none; }
#top { position: fixed; right: 20px; bottom:50px; z-index:9999 }


#rightmenu1 { display: none; }
#rightmenu { display: none; }
#navigation { display: none; }
#nav_side {float:right; background:#161616; width:250px; height:1025px; }
#nav_side .gnb { position:relative; top:40px; width:250px; height:1025px; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; }
#nav_side .gnb ul { width:250px; margin:0 auto; text-align:center; margin-top:40px;} 
#nav_side .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li p:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


#index { background-image:url(../img/bg_annyeongtalk.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;
		padding-top: 60px;
		position:relative;
		background-position:center; }
#index01 { background-image:url(../img/bg_children.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;
		padding-top: 60px;
		position:relative;
		background-position:center;
}
#index02 { background-image:url(../img/bg_parents.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;
		padding-top: 60px;
		position:relative;
		background-position:center;
}
#index03 { background-image:url(../img/bg_taxi.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;
		padding-top: 60px;
		position:relative;
		background-position:center;
}
#index04 { background-image:url(../img/bg_findphone.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;
		padding-top: 60px;
		position:relative;
		background-position:center;
}
.index-wrap {
	width:750px;
	margin:0 auto;
	height:500px;
	position:fixed;
}
.index-phone {
	position:absolute;
	bottom:0;
	height:80%;
	width:42%;
}
.index-info {
	position:absolute;
	right:0;
	top:25%;
	width:100%;
}
.index-download {
	height:60px;
	text-align:center;
	padding-top:30px;
}
.index_title { margin-top:25%;
	           margin-top:36vh;
}
#index h1,
#index01 h1,
#index02 h1,
#index03 h1,
#index04 h1 {
	font-weight:300;
	font-size:40px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
	padding:10px 0;        
}
#index h2,
#index01 h2,
#index02 h2,
#index03 h2,
#index04 h2 {
	font-weight:300;
	margin:0;
	padding:0;
	font-size:26px;
	color:#fff;
	opacity:0.8;
	letter-spacing:1px;
	text-align:center;
}
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span {
	font-weight:300;
	line-height:30px;
	font-size:45px;
	color:#b3e284;
}
.container { width:750px; margin:0 auto; position:relative; }

#nav_top1 { width:100%; height:60px; position:absolute; z-index:1200; background:rgba(0,0,0,0.3); }
#nav_top1 .gnb_top { position:relative; width:90%; margin:0 auto; display:table; }
#nav_top1 .gnb_top .logo { display:table-cell; vertical-align:middle; }
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; height:60px;}
#nav_top1 .gnb_top li { float:right; padding:0 25px; }
#nav_top1 .gnb_top li p { font-size:14px; color:rgba(255, 255, 255, 0.7); vertical-align:middle; text-align:center; line-height:60px; }
#nav_top1 .gnb_top ul li p:hover { color:#fff; line-height:60px;}


#nav_top { width:100%; height:60px; background-color:#42b0d0; position:fixed; z-index:1200; box-shadow:0 1px 3px rgba(0,0,0,.2); }
#nav_top .gnb_top { position:relative; width:90%; margin:0 auto; display:table; }
#nav_top .gnb_top .logo { display:table-cell; vertical-align:middle; }
#nav_top .gnb_top ul { position:relative; margin:0 auto; height:60px;}
#nav_top .gnb_top li { float:right; padding:0 25px; }
#nav_top .gnb_top li p { font-size:14px; color:rgba(255, 255, 255, 0.8); vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#22738b; line-height:60px;}


/*웹 서치*/
.web {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#f5f5f5;
}
fieldset {
	width:750px;
	margin:0 auto;
	padding:100px 0;
}

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:650px;
	height:100px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:40px;
	color:#5c5c5c;
	border:1px solid #42b0d0;
	background:#fff;
	padding:0 40px;
	outline:none;
	vertical-align:top;
	display:inline-block;
	float:left;
}



.btn_send {
	float:left;
	width:100px;
	height:100px;
    display: inline-block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background: #42b0d0;
	vertical-align:middle;
	position:relative;
	left:-5px;
	border:1px solid #42b0d0;
}
.btn-ic {
}


/*홈 추가*/
.tab {
	padding:100px 0 150px 0;
	text-align:center;
}
.home_add .container {
	width:90%;
}

.tab button {
    background-color: #fff;
    margin:0 4px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 17px;
	border:1px solid #42b0d0;
	width:310px;
	height:80px;
	font-size:30px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#42b0d0;
}


.tab button:hover {
    background-color: #42b0d0;
	color:#fff;
}


.tab button.active {
    background-color: #42b0d0;
    color:#fff;
	border:none;
}


.tabcontent {
    display: none;
	text-align:center;
	width:100%;
}
.tab-wrap {
	float:left;
	width:33.33%;
}
.tab-text {
	padding:0 0 50px 0;
	text-align:center;
}
.tab-text .main {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#777;
	font-weight:200;
	letter-spacing:1px;
	font-size:30px;
}
.tab-text .main span {
	color:#42b0d0;
	font-size:34px;
}
.tab-text .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#333;
	letter-spacing:1px;
	font-size:18px;
	line-height:1;
}

.home_add {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#fff;
}

/*리얼타임*/
.realtime {
	margin:0 auto;
	height:500px;
	position:relative;
	padding:100px 0;
	background:#fff;
}
.realtime >p {
	position:absolute;
	font-size:30px;
	color:#42b0d0;
	height:200px;
	line-height:200px;
	left:5%;
}
.total {
	background-image:url(../img/total.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:absolute;
	left:5%;
	display:table;
	margin-top:100px;
}
.total >p,
.current >p {
	display:table-cell;
	vertical-align:middle;
}

.current {
	background-image:url(../img/current.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:absolute;
	right:5%;
	display:table;
	margin-top:100px;
}


/*안녕톡이란*/
#service { position:relative;
           background-color:#42b0d0;
		   padding:150px 0;
}

#container-wrap { position:relative;
                  background:#c71c1e;
				  height:280px;
				  padding:0 360px;
}
.content_sub_title { position:relative;
                     padding-top:120px;
					 margin:0 auto;
}
.content_sub_title>p { font-size:12px;
                       color:#e27e7f;
}
.content_title {
	color:#fff;
	font-size:30px;
	width:90%;
	margin:0 auto;
}
#service .content_title .main {
	font-size:70px;
	color:#fff;
	text-align:center;
}
#service .content_title .sub {
	font-size:20px;
	color:rgba(255, 255, 255, 0.8);
	margin-top:30px;
}
#service .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.service-wrap { width:750px; margin:0 auto; position:relative; margin-top:80px; height:200px; }
.service-list-l {
	position:absolute;
	width:260px;
	left:0;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-c {
	position:absolute;
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-c01 {
	position:absolute;
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-r {
	position:absolute;
	width:260px;
	right:0;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-l li,
.service-list-c li,
.service-list-c01 li,
.service-list-r li {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:22px;
	line-height:40px;
	color:#fff;
	font-weight:400;
	letter-spacing:1px;
}


/*안녕톡 기능*/
#function { position:relative;
            background-color:#f5f5f5;
			padding:100px 0;
}

/*공통*/
.content_title .main { font-size:40px; }
.content_title .sub { font-size:20px; }
.content_title .sub1 { display: none; }

.function-phone {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:absolute;
	background-size:220px;
}
.function-phone01 {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 467px;
	width:220px;
	position:absolute;
	background-size:220px;
}
.phone-image {
	width:199px;
	margin:0 auto;
	margin-top:49px;
}
.function-warp {
	position:relative;
	width:780px;
	margin:0 auto;
	height:440px;
	padding:140px 0;
}
ul.function-left {
	position:absolute;
	left:37%;
	width:230px;
}
ul.function-left li {
	text-align:center;
	padding:20px 0;
}
.function-icon {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right {
	position:absolute;
	right:0;
	width:240px;
}
ul.function-right li {
	text-align:center;
	padding:20px 0;
}
.function-icon-r {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}









ul.function-left01 {
	position:absolute;
	left:37%;
	width:230px;
}
ul.function-left01 li {
	text-align:center;
	padding:40px 0;
}
.function-icon01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-left01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-left01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}
ul.function-right01 {
	position:absolute;
	right:0;
	width:240px;
}
ul.function-right01 li {
	text-align:center;
	padding:40px 0;
}
.function-icon-r01 {
	padding-bottom: 18px;
	width:46px;
	margin:0 auto;
}
ul.function-right01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:24px;
}
ul.function-right01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:16px;
}



.function-image {
	position:relative;
	width:90%;
	margin:0 auto;
}
.function-list li {
	display:table;
	width:90%;
	padding:20px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	margin:30px auto;
}
.list-image-l {
	width:430px;
	display:inline-block;
	border:1px solid #b9b9b9;
}
.list-image-r {
	width:430px;
	display:inline-block;
	border:1px solid #b9b9b9;
	margin-left:62px;
}
.list-text {
	display:table-cell;
	height:259px;
	width:450px;
	vertical-align:middle;
	position:relative;
	left:20px;
}
.list-text01 {display:none; }
.list-text02 {
	display:table-cell;
	height:259px;
	width:450px;
	vertical-align:middle;
	position:relative;
	left:20px;
}
.list-text .title,
.list-text01 .title,
.list-text02 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	font-size:34px;
	color:#333333;
	font-weight:200;
	letter-spacing:1px;
}
.list-text .sub,
.list-text01 .sub,
.list-text02 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:26px;
	color:#777777;
	font-weight:200;
	letter-spacing:1px;
}
.projects{

}
.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	width:50%;
	float:left;	
}
.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}
.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
	padding-bottom:20px;
}
figcaption span {
	color: #fff;
}



/*안녕톡 비디오*/
#video {    position:relative;
            background-color:#fff;
			padding:120px 0;
			width:90%;
			margin:0 auto;
}
.video-area {
	width:100%;
	margin:0 auto;
	margin-top:100px;
}

/*안녕톡 소셜*/
#social {
	position:relative;
	padding:120px 0;
	background-image:url(../img/bg_sns.png);
    background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	background-position:center;
	background-position-x: -680px;
}
#social .content_title .main { color:#fff; text-align:center; }
#social .content_title .sub { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:15px; color:#fff; text-align:center; padding-top:30px; line-height:30px }
#social .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.social-wrap {
	width:750px;
	margin:0 auto;
}
ul.social-icon {
	width:750px;
	margin:0 auto;
	padding:100px 0;
}
ul.social-icon li {
	width:200px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}




/*안녕톡 footer*/					
#realfooter { height:170px;
	          text-align: center;
	          background:#2c2c2c;
}
.foot {
	width: 100%;
	margin:0 auto;
	vertical-align:middle;
	text-align: center;
    padding-top: 30px;
}
#realfooter ul {
	width: 750px;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
	display:inline-block;
}
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; float:left; }
#realfooter p { font-family:'Muli',Helvetica,Arial,sans-serif; 
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:rgba(255, 255, 255, 0.3);
				font-weight:200; }
				
#realfooter span{ font-family:'Muli',Helvetica,Arial,sans-serif; 
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#e5e5e5;
				font-weight:200;
				letter-spacing:1px; }
.footer-info {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	width:1170px;
	margin:0 auto;
	height:50px;
	display:table;
	letter-spacing:1px;
}
.footer-info >li {
	display:inline-block;
	padding:0 15px;
	font-size:14px;
}
span.email {
	margin-right:5px;
}

/*FAQ*/
.faq-wrapper {
	text-align:center;
	width:750px;
	margin:0 auto;
	padding:80px 0;
	display:table;
}
.list-icon { display:none; }			
}





@media all and (min-width:1025px)  {/* 최소 1024 ~ 최대 1920-------------------------------------*/

.content_title .main {
	font-size:40px; 
}
.content_title .sub {
	font-size:20px;
 }
.content_title .sub1 { display: none; }



#top1 img { display: none; }
#top { position: fixed; right: 20px; bottom:50px; z-index:9999 }


#rightmenu1 { display: none; }
#rightmenu { display: none; }
#navigation { display: none; }
#nav_side {float:right; background:#161616; width:250px; height:1025px; }
#nav_side .gnb { position:relative; top:40px; width:250px; height:1025px; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; }
#nav_side .gnb ul { width:250px; margin:0 auto; text-align:center; margin-top:40px;} 
#nav_side .gnb ul li p { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li p:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:'Lato',Helvetica,Arial,sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


#index { background-image:url(../img/bg_annyeongtalk.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 600px;
		padding-top: 60px;
		position:relative; }
#index01 { background-image:url(../img/bg_children.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 600px;
		padding-top: 60px;
		position:relative;
}
#index02 { background-image:url(../img/bg_parents.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 600px;
		padding-top: 60px;
		position:relative;
}
#index03 { background-image:url(../img/bg_taxi.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 600px;
		padding-top: 60px;
		position:relative;
}
#index04 { background-image:url(../img/bg_findphone.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 600px;
		padding-top: 60px;
		position:relative;
}
.index-wrap {
	width:1170px;
	margin:0 auto;
	height:600px;
	position:fixed;
}
.index-phone {
	position:absolute;
	height:489px;
	bottom:0;
	width:40%;
}
.index-info {
	position:absolute;
	right:0;
	top:30%;
	width:100%;
	text-align:center;
}
.index-download {
	height:70px;
	text-align:center;
	padding-top:50px;
}
.index_title { margin-top:25%;
	           margin-top:36vh;
}
#index h1,
#index01 h1,
#index02 h1,
#index03 h1,
#index04 h1 { font-weight:300;
		font-size: 45px;
		color: #FFF;
		letter-spacing:1px;
		text-align:center;
		padding:10px 0;		
}
#index h2,
#index01 h2,
#index02 h2,
#index03 h2,
#index04 h2 { font-weight:300;
        margin:0; padding:0;
		font-size: 26px;
		color: #FFF;
		opacity:0.8;
		letter-spacing:1px;
		text-align:center;
}
#index span,
#index01 span,
#index02 span,
#index03 span,
#index04 span { font-weight:300;
              line-height: 30px;
              font-size: 45px;
	          color:#b3e284;
}

.container { width:1170px; margin:0 auto; position:relative; }
#nav_top1 { width:100%; height:60px; position:absolute; z-index:1200; background-color:rgba(0,0,0,0.3); }
#nav_top1 .gnb_top { position:relative; width:1170px; margin:0 auto; display:table; }
#nav_top1 .gnb_top .logo { display:table-cell; vertical-align:middle; }
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; height:60px;}
#nav_top1 .gnb_top li { float:right; padding:0 35px; }
#nav_top1 .gnb_top li p { font-size:14px; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top1 .gnb_top ul li p:hover { color:#fff; line-height:60px;}


#nav_top { width:100%; height:60px; background-color:#42b0d0; position:fixed; z-index:1200; box-shadow:0 1px 3px rgba(0,0,0,.2); }
#nav_top .gnb_top { position:relative; width:1170px; margin:0 auto; display:table; }
#nav_top .gnb_top .logo { display:table-cell; vertical-align:middle; }
#nav_top .gnb_top ul { position:relative; margin:0 auto; height:60px;}
#nav_top .gnb_top li { float:right; padding:0 35px; }
#nav_top .gnb_top li p { font-size:14px; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#22738b; line-height:60px;}



/*웹 서치*/
.web {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#f5f5f5;
}
fieldset {
	width:840px;
	margin:0 auto;
	padding:100px 0;
}

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:740px;
	height:100px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:40px;
	color:#5c5c5c;
	border:1px solid #42b0d0;
	background:#fff;
	padding:0 40px;
	outline:none;
	vertical-align:top;
	display:inline-block;
	float:left;
}



.btn_send {
	float:left;
	width:100px;
	height:100px;
    display: inline-block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background: #42b0d0;
	vertical-align:middle;
	position:relative;
	left:-5px;
	border:1px solid #42b0d0;
}
.btn-ic {
}


/*홈 추가*/
.tab {
	padding:100px 0 150px 0;
	text-align:center;
}

.tab button {
    background-color: #fff;
    margin:0 4px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 17px;
	border:1px solid #42b0d0;
	width:310px;
	height:80px;
	font-size:30px;
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#42b0d0;
}


.tab button:hover {
    background-color: #42b0d0;
	color:#fff;
}


.tab button.active {
    background-color: #42b0d0;
    color:#fff;
	border:none;
}


.tabcontent {
    display: none;
	text-align:center;
	width:1170px;
}
.tab-wrap {
	float:left;
	width:33.33%;
}
.tab-text {
	padding:0 0 50px 0;
	text-align:center;
}
.tab-text .main {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#777;
	font-weight:200;
	letter-spacing:1px;
	font-size:30px;
}
.tab-text .main span {
	color:#42b0d0;
	font-size:34px;
}
.tab-text .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	color:#333;
	letter-spacing:1px;
	font-size:18px;
	line-height:1;
}











 /*홈 추가*/
.home_add {
	margin:0 auto;
	position:relative;
	padding:100px 0;
	background:#fff;
}

/*리얼타임*/
.realtime {
	margin:0 auto;
	height:500px;
	position:relative;
	padding:100px 0;
	background:#fff;
}

.total {
	background-image:url(../img/total.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:absolute;
	left:20%;
	display:table;
	margin-top:100px;
}
.total >p,
.current >p {
	display:table-cell;
	vertical-align:middle;
}
.count-title,
.count-sub{

}
.count-total,
.count-active {

}
.current {
	background-image:url(../img/current.png);
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	height: 268px;
	width:268px;
	position:absolute;
	right:20%;
	display:table;
	margin-top:100px;
}



/*안녕톡이란*/
#service { position:relative;
           background-color:#42b0d0;
		   padding:150px 0;
}

#container-wrap { position:relative;
                  background:#c71c1e;
				  height:280px;
				  padding:0 360px;
}
.content_sub_title { position:relative;
                     padding-top:120px;
					 margin:0 auto;
}
.content_sub_title>p { font-size:12px;
                       color:#e27e7f;
}
.content_title {
	color:#fff;
	font-size:30px;
	width:1170px;
	margin:0 auto;
}
#service .content_title .main {
	font-size:80px;
	color:#fff;
	text-align:center;
}
#service .content_title .sub {
	font-size:20px;
	color:rgba(255, 255, 255, 0.8);
	padding-top:30px;
}
#service .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.service-wrap { width:1170px; margin:0 auto; position:relative; margin-top:80px; height:200px; }
.service-list-l {
	position:absolute;
	width:260px;
	left:0;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-c {
	position:absolute;
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-c01 {
	position:absolute;
	width:100%;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-r {
	position:absolute;
	width:260px;
	right:0;
	height:100%;
	padding:30px 0;
	text-align:center;
}
.service-list-l li,
.service-list-c li,
.service-list-c01 li,
.service-list-r li {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	font-size:24px;
	line-height:40px;
	color:#fff;
	font-weight:400;
	letter-spacing:1.5px;
}


/*안녕톡 기능*/
#function { position:relative;
            background-color:#f5f5f5;
			padding:100px 0;
}



.function-phone {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 673px;
	width:317px;
	position:absolute;
	left:36%;
}
.function-phone01 {
	background-image:url(../img/function_phone.png);
    background-repeat: no-repeat;
	text-align: center;
	height: 673px;
	width:317px;
	position:absolute;
	left:0;
}
.phone-image {
	width:317px;
	margin:0 auto;
	margin-top:69px;
}
.function-warp {
	position:relative;
	width:1170px;
	margin:0 auto;
	height:673px;
	padding:140px 0;
}
ul.function-left {
	position:absolute;
	left:0;
	top:23%;
	width:350px;
}
ul.function-left li {
	text-align:right;
	height:70px;
	padding:50px 0;
}
.function-icon {
	float:right;
	padding:5px 0 0 30px;
}
ul.function-left .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:right;
	font-weight:200;
	letter-spacing:1px;
	font-size:30px;
}
ul.function-left .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:right;
	letter-spacing:1px;
	line-height:1;
	font-size:18px;
}
ul.function-right {
	position:absolute;
	right:0;
	top:23%;
	width:350px;
}
ul.function-right li {
	text-align:left;
	height:70px;
	padding:50px 0;
}
.function-icon-r {
	float:left;
	padding:5px 30px 0 0;
}
ul.function-right .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:left;
	font-weight:200;
	letter-spacing:1px;
	font-size:30px;
}
ul.function-right .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:left;
	letter-spacing:1px;
	line-height:1;
	font-size:18px;
}







ul.function-left01 {
	position:absolute;
	left:36%;
	top:17%;
	width:350px;
}
ul.function-left01 li {
	padding:50px 0;
}
.function-icon01 {
	padding:28px;
	text-align:center;
}
ul.function-left01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:30px;
}
ul.function-left01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:18px;
}
ul.function-right01 {
	position:absolute;
	right:0;
	top:17%;
	width:350px;
}
ul.function-right01 li {
	padding:50px 0;
}
.function-icon-r01 {
	padding:28px;
	text-align:center;
}
ul.function-right01 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	color:#333333;
	text-align:center;
	font-weight:200;
	letter-spacing:1px;
	font-size:30px;
}
ul.function-right01 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	color:#777777;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	font-size:18px;
}


.function-image {
	position:relative;
	width:1170px;
	margin:0 auto;
}
.function-list li {
	display:table;
	width:1110px;
	padding:40px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	margin:30px auto;
}
.list-image-l {
	width:540px;
	display:inline-block;
	border:1px solid #b9b9b9;
}
.list-image-r {
	width:540px;
	display:inline-block;
	border:1px solid #b9b9b9;
	margin-left:62px;
}
.list-text {
	display:table-cell;
	height:323px;
	width:500px;
	vertical-align:middle;
	position:relative;
	padding-right:20px;
}
.list-text01 {display:none; }
.list-text02 {
	display:table-cell;
	height:323px;
	width:500px;
	vertical-align:middle;
	position:relative;
	left:35px;
}
.list-text .title,
.list-text01 .title,
.list-text02 .title {
	font-family:'Catamaran',Helvetica,Arial,sans-serif;
	font-size:38px;
	color:#333333;
	font-weight:200;
	letter-spacing:1px;
	padding:10px 0;
}
.list-text .sub,
.list-text01 .sub,
.list-text02 .sub {
	font-family:'Muli',Helvetica,Arial,sans-serif;
	font-size:22px;
	color:#777777;
	font-weight:200;
	letter-spacing:1px;
}
.projects{

}
.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	width:33.33%;
	float:left;	
}
.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}
.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
	padding-bottom:20px;
}
figcaption span {
	color: #fff;
}



/*안녕톡 비디오*/
#video {    position:relative;
            background-color:#fff;
			height:860px;
			padding:140px 0;
}
.video-area {
	width:1170px;
	margin:0 auto;
	padding:100px 0;
	height:458px;
}



/*안녕톡 소셜*/
#social {
	position:relative;
	padding:140px;
	background-image:url(../img/bg_sns.png);
    background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    -o-background-size: cover;
	text-align: center;
	background-position:center;
}
#social .content_title .main { color:#fff; text-align:center; }
#social .content_title .title_bar {
	width:40px;
	border-bottom:2px solid #fff;
	margin:0 auto;
}
.social-wrap {
	width:1170px;
	margin:0 auto;
}
ul.social-icon {
	width:1170px;
	margin:0 auto;
	padding:100px 0;
}
ul.social-icon li {
	width:200px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}




/*안녕톡 footer*/					
#realfooter { height:170px;
	          text-align: center;
	          background:#2c2c2c;
}
.foot {
	width: 100%;
	margin:0 auto;
	vertical-align:middle;
	text-align: center;
    padding-top: 30px;
}
#realfooter ul {
	width: 1170px;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
	display:inline-block;
}
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; float:left; }
#realfooter p { font-family:'Muli',Helvetica,Arial,sans-serif; 
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:rgba(255, 255, 255, 0.3);
				font-weight:200; }
				
#realfooter span{ font-family:'Muli',Helvetica,Arial,sans-serif; 
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#e5e5e5;
				font-weight:200;
				letter-spacing:1px; }
.footer-info {
	font-family:'Muli',Helvetica,Arial,sans-serif; 
	width:1170px;
	margin:0 auto;
	height:50px;
	display:table;
	letter-spacing:1px;
}
.footer-info >li {
	display:inline-block;
	padding:0 15px;
	font-size:14px;
}
span.email {
	margin-right:5px;
}
.list-icon { display:none; }

					
}






@media all and (min-width:1921px)  {
body { width:100%; margin:0 auto}
.slidesjs-pagination {
	  margin:0 auto;
      list-style: none;
	  text-align:center;
	  justify-content: center;
	  position:absolute;
	  z-index:10;
	  top:630px;
	  display:flex;
	  width:1920px;
	  padding:0 }
.function-image { width:1920px; margin:0 auto; }
}