/*reset css*/
ol,ul,li{list-style: none; margin: 0;}
h1,h2,h3,h4,h5,h6,p{margin: 0;}
*{padding: 0; margin: 0; box-sizing: border-box;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: black;}

img{border: none; vertical-align: top;}
.clear:after{content: ""; display: block; clear: both;}
table{border-collapse: collapse;}
.bold{font-weight: bold;}        
.small{font-size: 11px;}
.right{float: right;}
.underline{text-decoration: underline;}



/*헤더*/
#page-wrapper{position: relative;}
#page-wrapper header{ height: 70px; padding-bottom: 5px;}
#page-wrapper header h1{width: 200px; margin: 0 auto; margin-top: 10px;}

#page-wrapper  nav {height: 45px!important; line-height: 45px;}
#page-wrapper  nav ul li {
    height: 45px;
	width:20%;
	float:left;
	text-align: center;
	display:inline-block;
	cursor:pointer;
}

nav{display: none;}


        /*모바일 버전 gnb 메뉴 sub 메뉴*/
        .menu_btn{position: absolute; top: 30px; right: 30px; z-index: 2000; cursor: pointer;}
        .mobile_gnb{position: absolute; top: 82px; right: 0; width: 100%; height:auto; background-color: #fff; z-index: 10010; display: none; border-top: 1px solid #ddd;}
        .mobile_gnb_ul{margin-bottom: 0;}
        .mobile_gnb_ul > li{width: 100%; height: auto; line-height: 60px; text-align: center; border-bottom: 1px solid #ddd; font-size: 19px;}
        .mobile_gnb_ul > li a{display: block; height: 100%; padding: 0 20px; font-weight: bold;}
        .mobile_gnb_ul > li:hover> a{text-decoration: none; color:#fff; background-color:#337fc3;}
        
        .mobile_util{width: 100%; height: 60px; line-height: 60px; padding-left: 40%; border-bottom: 1px solid #ddd;}
        .mobile_util li{float: left; margin: 0 10px;}
        .mobile_util li a{font-weight: bold; color: #999; font-size: 16px; display: block; height: 100%;}
        .mobile_util li:hover a{color: #2b8dcc;}
        
        .menu_btn{background-image:url(/images/skin/adtinc/menu_btn.png); background-repeat:no-repeat; width:24px; height:24px;}
        .menu_btn.on{background-image:url(/images/skin/adtinc/close_btn.png); background-size: cover; width:22px; height:22px;}
        
        .mobile_sub{display: none; width: 100%; height: auto; background-color: #e0e0e0; text-align: center;}
        .mobile_sub > li{width: 100%; height: 60px; line-height: 60px;}
        .mobile_sub > li a{display: block; height: 100%; padding: 0 20px; color: #000;}
        .mobile_sub > li:hover a{text-decoration: none; color: #000; background-color: #ccc;}
        /*모바일 버전 메뉴 끝*/



/*컨테이너*/
/*메뉴*/
.m_cont_menu{width: 100%; height: auto;}

/*m-icon*/
.m_bot_icon{width: 100%; background-color: #e6e6e6;}
.m_bot_icon li{width: 20%; float: left; padding: 10px; text-align: center;}
.m_bot_icon li img{width: 70%;}
.m_bot_icon li .m_bot_text{margin-top: 5px; color: #000; font-weight: bold; font-size: 12px;}

/*cont*/
.cont_title{text-align: center; padding-top: 20px;}
.cont_title h3{font-size: 18px;}
.cont_title:after{content: ""; display: block; clear: both; width: 50px; height: 2px; background-color: red; margin: 20px auto;}

/*cont1*/
.cont1{ width: 100%; margin-bottom: 50px;}

/*cont1 content*/
.cont1_content{width: 100%; margin: 0 auto;}
.cont1_content>div{width:80%; margin: 0 auto;}
.cont1_content>div>p{font-size: 13px;}


/*cont2 content*/
.cont2_content>div h5{font-size: 16px; font-weight: bold; line-height: 30px;}
.cont2_content>div p{font-size: 14px; line-height: 30px;}


/*cont3*/
.cont3{padding: 10px 0;}


/*cont4*/
.cont4{background-color: #eee; padding-bottom: 30px;}

/*cont4 content*/
.cont4_content>div{width:90%; margin: 0 auto; margin-top: 20px;}


.text_wrap{text-align: center;}
.text_wrap h2{font-size: 27px; margin-top: 0; margin-bottom: 10px;}
.text_wrap h3{font-size: 27px; margin-top: 0;}
.text_wrap p{font-size: 16px;}

.cont1{ margin: 40px auto; margin-bottom: 100px; height: 1000px;}
.cont1 .cont1_title{text-align: center;}
.cont1 .cont1_title:after{content: ""; display: block; clear: both; width: 50px; height: 3px; background-color: red; margin: 25px auto;}
.cont1 .cont1_content{height: 700px;}

.cont2{width: 100%; padding-top: 50px; height: 1350px; padding-top: 50px;}
.cont2 .cont2_title{text-align: center;}
.cont2 .cont2_title:after{content: ""; display: block; clear: both; width: 50px; height: 3px; background-color: red; margin: 30px auto;}
.cont2_content{width: 90%; height: 87%; margin: 0 auto; text-align: center; padding: 20px;}

.cont3{padding: 90px 0;}
.cont3 .cont3_title{text-align: center;}
.cont3 .cont3_title:after{content: ""; display: block; clear: both; width: 50px; height: 3px; background-color: red; margin: 30px auto;}

.cont4{background-color: #e6e6e6; padding: 50px 0;}
.cont4 .cont4_title{text-align: center;}
.cont4 .cont4_title:after{content: ""; display: block; clear: both; width: 50px; height: 3px; background-color: red; margin: 30px auto;}

.cont5{padding-top: 100px; text-align: center;}
.cont5 .cont5_title{text-align: center;}
.cont5 .cont5_title:after{content: ""; display: block; clear: both; width: 50px; height: 3px; background-color: red; margin: 30px auto;}

.cont5_map{width: 80%; margin: 0 auto;}

.cont5_maptable table{border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; width: 90%; margin: 20px auto; font-size: 15px;}
.cont5_maptable table tr{height: 40px; line-height: 40px; border-bottom: 1px solid #ccc;}
.cont5_maptable table tr th{padding-left: 30px;}
.cont5_maptable table tr td{padding-left: 30px; text-align: left;}


/*바이럴 마케팅 BLOG 탭 리스트*/
.tab_list2 {width: 100%; margin: 0 auto; margin-top: 30px; border: 1px solid #ccc;}
.tab_list2>ul{margin: 0;}
.tab_list2 ul li{width: 33.333333%; height: 60px; background-color: white; float: left; line-height: 60px; text-align: center; border-right: 1px solid #ccc;}
.tab_list2 ul li:last-child{border-right: none;}
.tab_list2 ul li a{display: block; height: 100%; font-size: 20px;}
.tab_list2 ul li.on a{background-color: #4dbd9c; color: white;}

.tab_cont2>ul{width: 100%; left: 0; margin-left: 0;}
.tab_cont2>ul:nth-child(3)>li{width: 100%;}
.tab_list2 ul li{width: 100%; border-bottom: 1px solid #ccc; border-right: none;}
.tab_cont2>ul{height: auto;}
.blog_notice{display: none;}


/*바이럴 마케팅 BLOG 탭 컨텐츠*/
.tab_cont2{margin-top: 35px; margin-bottom: 100px; height: auto; }
.tab_cont2>div{ margin-top: 35px; height: auto; width: 100%; margin: 0 auto; position: relative;}
.tab_cont2>div>div{
/*    position: absolute; top: 0; left: 0;*/
    display: none; margin-top: 10px;}
.tab_cont2>div>div:nth-child(1){display: block; width: 100%;}
.tab_cont2>div>div:nth-child(3)>ul>li{width: 100%; height: 100%; padding: 20px;}


/*바이럴 마케팅 BLOG 탭 컨텐츠 공통 하단 NOTICE*/
.blog_notice{width: 100%; height: 60px; margin: 40px auto; text-align: center;}
.blog_notice h4{ font-size: 13px; margin-bottom: 10px;}
.blog_notice p{font-size: 12px; line-height: 18px; text-align: left; float:left; margin-left: 10px;}


/*바이럴 마케팅 BLOG 탭 컨텐츠 탭1 "제작"*/
.tab_cont2_prod_text h3{font-size: 17px; margin-top: 38px;}
.tab_cont2_prod_text h3:after{content: ""; display: block; clear: both; width: 100%; margin: 5px auto; height: 1px; background-color: #bbb;}
.tab_cont2_prod_text p{font-size: 15px; color: #888; text-align: left; line-height: 30px;}
.tab_cont2 .tab_cont2_prod li{width: 100%; height: 650px; margin: 6% 0; position: absolute; top: 99%; right: 0; padding-top: 35px; background-color: white; float:left; margin: 0 auto; padding: 20px; box-sizing: border-box; border: 1px solid #ccc;   
}

.tab_cont2>ul:nth-child(1){height: auto;}

.tab_cont2 .tab_cont2_prod li .tab_cont2_prod_hov{width: 100%; height: 214px; position: relative;}
.tab_cont2 .tab_cont2_prod li img{width: 100%; border: 1px solid #eee;}
.tab_cont2_prod_hov img{width: 100%; height: 100%; transition: all 0.5s;}
.tab_cont2_prod_hov .hov_img{position: absolute; top: 0; left: 0; }
.tab_cont2_prod_hov .hov_img2{position: absolute; top: 0; left: 0; opacity: 0;}
.tab_cont2_prod_hov:hover .hov_img2{opacity: 1;}


        /*모바일 버전 바이럴 마케팅 BLOG 탭 컨텐츠 탭1 "제작" 탭버튼*/
       .m_tab_cont2_prod_btn{display: block;}
       .m_tab_cont2_prod_btn > div{width: 33.33333%; height: 50px; line-height: 50px; text-align: center; background-color: #fff; float: left; border: 1px solid #ccc; border-right: none;}
        .m_tab_cont2_prod_btn > div:last-child{border-right: 1px solid #ccc;}
        .m_tab_cont2_prod_btn > div.on{background-color: #bbb; color: #fff; font-weight: bold;}



/*바이럴 마케팅 BLOG 탭 컨텐츠 탭2 "관리"*/
.tab_cont2 .tab_cont2_mgt li{background-color: #fff; width: 220px; height: 550px; padding: 40px; padding-bottom: 0; float: left;}
.tab_cont2 .tab_cont2_mgt li:first-child{padding: 10px; padding-top: 23px; margin-left: 20px;}
.tab_cont2 .tab_cont2_mgt li > img{width: 100%;}
.tab_cont2 .tab_cont2_mgt li:nth-child(2){width:900px;}
table {width: 100%; text-align: center; border-top: 1px solid #aaa; font-size: 14px;}
th, td {border-bottom: 1px solid #aaa; padding: 10px 20px;}
.tab_cont2 table td{width:26.666666%; height: 50px;}
.tab_cont2 table td:nth-child(1){width:20%; text-align: left;}
.tab_cont2 table tr:nth-child(1){height: 110px; background-color: #f2f2f2; font-size: 20px;}
.tab_cont2 table tr:nth-child(2){height: 120px;}
.tab_cont2 table tr:last-child td{width:20%; text-align: center; background-color: #f7f7f7;}


/*바이럴 마케팅 BLOG 탭 컨텐츠 탭2 "관리"*/
 .tab_cont2 .tab_cont2_mgt li:first-child{display: none;}
 .tab_cont2 .tab_cont2_mgt li:last-child{width:100%; float: none; margin: 0;}



/*바이럴 마케팅 BLOG 탭 컨텐츠 탭2 "관리"*/
.tab_cont2 .tab_cont2_mgt li{height: auto; padding: 0;}
.tab_cont2 > .tab_cont2_mgt > li:nth-child(2){width: 100%; margin: 0;}
.tab_cont2_mgt li table tr td{word-break: break-all; line-height: 18px;}
.tab_cont2_mgt li table tr td{font-size: 14px;}
.tab_cont2_mgt li > table{display: none;}


        /*모바일 버전 바이럴 마케팅 BLOG 탭 컨텐츠 탭2 "관리" 탭버튼*/
        .m_tab_cont2_mgt_btn{display: block; width: 100%; border: 1px solid #aaa;}
        .m_tab_cont2_mgt_btn > div{width: 33.33333%; height: 112px; padding: 20px; line-height: 22px; text-align: center; background-color: #fff; float: left; border-right: 1px solid #aaa; position: relative;}
        .m_tab_cont2_mgt_btn > div:last-child{border-right: none;}
        .m_tab_cont2_mgt_btn > div.on{background-color: #bbb; color: #fff;}
        .tri{display: none; position: absolute; z-index: 1; top: 112px; left: 50%; margin-left: -13px;
            width: 0px;height: 0px;
            border-bottom:13px solid none;
            border-top:13px solid #bbb;
            border-right: 13px solid transparent;
            border-left: 13px solid  transparent;}        
        .tri.on{display: block;}

        /*모바일 버전 바이럴 마케팅 BLOG 탭 컨텐츠 탭2 "관리" 테이블*/
        .m_tab_cont2_mgt_table{width: 100%; height: auto; }
        .m_tab_cont2_mgt_table table{width: 100%; height: 530px; margin: 0; position: absolute; top: 113px; right: 0; border: 1px solid #aaa;}
        .m_tab_cont2_mgt_table table tr td{padding: 30px; background-color: #fff;}
        .m_tab_cont2_mgt_table table:first-child{display: table;}
        .m_tab_cont2_mgt_table table tr:last-child td{background-color: #f7f7f7;}






/*바이럴 마케팅 BLOG 탭 컨텐츠 탭2 "관리" NOTICE*/
.tab_cont2_mgt > .blog_notice{top: 570px;}
.tab_cont2_mgt > .blog_notice p{width:480px; margin: 0 10px;}


/*바이럴 마케팅 BLOG 탭 컨텐츠 탭3 "체험단"*/
.tab_cont2 .tab_cont2_exp > li{background-color: #fff; height: 455px; padding: 20px; padding-bottom: 0;}
.tab_cont2 .tab_cont2_exp .tab_cont2_exp_text{float: left; width: 55%;}
.tab_cont2_exp_text h3{font-size: 21px; margin-top: 10px;}
.tab_cont2_exp_text h3:after{content: ""; display: block; clear: both; width: 100%; margin: 10px auto; height: 1px; background-color: #000;}
.tab_cont2_exp_text > p{font-size: 18px; color: #000; text-align: left; line-height: 22px; margin-bottom: 35px;}
.tab_cont2_exp_img{float: right; width: 40%; height: 440px; display: none;}
.tab_cont2_exp_img img{width: 100%; height: 100%;}

.exp_order{height: 80px; }
.exp_order > li{float: left; border-radius: 50%; width: 100px; height: 100px; text-align: center; margin: 0 20px; line-height: 30px; padding-top: 15px; background-color: #aee8ff;  }
.exp_order > li > p{font-size: 14px; text-align: center; line-height: 22px;}
.tab_cont2>ul > li > .tab_cont2_exp_text > .exp_order{display: block!important;}
.tab_cont2_exp_text h6{margin-top: 40px;}



/*바이럴 마케팅 BLOG 탭 컨텐츠 탭3 "체험단"*/
 .exp_order li{width: 80px; height: 80px; border-radius: 20%; margin: 0 2%; font-size: 11px;}



/*바이럴 마케팅 SNS 탭 리스트*/
.tab_list3 {width: 900px; margin: 0 auto; border: 1px solid #ccc;}
.tab_list3 ul{margin-bottom: 0;}
.tab_list3 ul li{width: 50%; height: 60px; background-color: white; float: left; line-height: 60px; text-align: center; border-right: 1px solid #ccc;}
.tab_list3 ul li:last-child{border: none;}
.tab_list3 ul li{display: block; height: 100%; font-size: 20px; cursor: pointer;}
.tab_list3 ul li.on{background-color:#4dbd9c; color: white;}


/*바이럴 마케팅 SNS 탭 컨텐츠*/
.tab_cont3{position: relative; height: 495px; margin-top: 10px;}
.tab_cont3 ul{position: absolute; top: 0; display: none; width: 1170px; height: 100%; background-color: #fff; float: left; margin: 0 15px; padding: 40px 20px; box-sizing: border-box; border: 1px solid #ccc; left: 50%; margin-left: -585px;}
.tab_cont3 ul:nth-child(1){display: block;}
.tab_cont3 ul li{float: left; width: 210px; margin: 0 10px;}
.tab_cont3 ul li:nth-child(4){width: 380px; margin-left: 30px;}
.tab_cont3 ul li img{width: 100%; height: 100%;}
.tab_cont_text3 h3{font-size: 21px;}
.tab_cont_text3 h3:after{content: ""; display: block; clear: both; width: 100%; margin: 15px auto; height: 1px; background-color: #777;}
.tab_cont_text3 p{font-size: 15px; color: #555; text-align: left; line-height: 27px; margin-bottom: 17px;}
.tab_cont_text3 h4{font-size: 17px; margin-bottom: 13px;}


/*컨테이너 섹션3*/ 
 .tab_list3{width: 100%;}
 .tab_cont3 ul{width: 100%;  left: 0; margin-left: 0; margin: 0;}
 .tab_cont3 ul li{width: 17%; margin: 0 1%;}
 .tab_cont3 ul li:nth-child(4){width: 36%;}



/*바이럴 마케팅 SNS 탭 컨텐츠 공통 하단 NOTICE*/
.sns_notice{width: 1290px; margin: 0 auto; position: absolute; top: 520px; left: 50%; margin-left: -645px; height: 100px; text-align: center;}
.sns_notice h4{ font-size: 13px; margin-bottom: 10px;}
.sns_notice p{font-size: 12px; line-height: 18px;}


/*바이럴 마케팅 SNS 탭 컨텐츠 탭1 "페이스북"*/
.tab_cont3 ul:nth-child(2) li:nth-child(1){width: 380px; margin-right: 30px;}
.tab_cont3 ul:nth-child(2) li:nth-child(4){width: 210px; margin: 0 10px;}



/*바이럴 마케팅 SNS 탭 컨텐츠 탭2 "페이스북"*/
.tab_cont3 ul:nth-child(2) li:nth-child(1){width: 36%; margin-right: 2%;}
.tab_cont3 ul:nth-child(2) li:nth-child(4){width: 17%; margin: 0 2%;}




/*바이럴 마케팅 BLOG 탭 컨텐츠 탭3 "체험단"*/
.tab_cont2>ul:nth-child(3)>li{height: auto;}
.tab_cont2 .tab_cont2_exp > li{padding: 30px;}
.tab_cont2_exp h3{margin-top: 0;}
.tab_cont2 .tab_cont2_exp .tab_cont2_exp_text{float: none; width: 100%;}
.tab_cont2 .tab_cont2_exp .tab_cont2_exp_text p{line-height: 30px; margin-bottom: 35px;}
.tab_cont2_exp_img img{display: none;}
.tab_cont2 .tab_cont2_exp .tab_cont2_exp_text .exp_order{height: auto; }
.tab_cont2 .tab_cont2_exp .tab_cont2_exp_text .exp_order > li{width: 90%; height: 60px; border-radius: 0%; margin: 10px auto; padding-top: 10px; float: none; line-height: 10px;}
.tab_cont2 .tab_cont2_exp .tab_cont2_exp_text .exp_order li p{font-size: 13px; }
.tab_cont2_exp_text h6{display: none;}

/*컨테이너 섹션3*/ 
.tab_cont3 ul{height: auto; text-align: center;}
.tab_cont3 ul li{margin: 0;}

/*바이럴 마케팅 SNS 탭 컨텐츠 탭1 "인스타그램"*/        
.tab_cont3 ul:nth-child(1) li:nth-child(1){display: none;}
.tab_cont3 ul:nth-child(1) li:nth-child(2){width: 100%; margin-bottom: 10%; text-align: center;}
.tab_cont3 ul:nth-child(1) li:nth-child(2) img{width: 70%;}
.tab_cont3 ul:nth-child(1) li:nth-child(3){display: none;}
.tab_cont3 ul:nth-child(1) li:nth-child(4){width: 100%; height: auto; margin-left: 0;}

/*바이럴 마케팅 SNS 탭 컨텐츠 탭2 "페이스북"*/
.tab_cont3 ul:nth-child(2) li:nth-child(1){width: 100%; margin-bottom: 5%;}
.tab_cont3 ul:nth-child(2) li:nth-child(2){width: 100%; margin: 4% 0;}
.tab_cont3 ul:nth-child(2) li:nth-child(2) img{width: 70%;}
.tab_cont3 ul:nth-child(2) li:nth-child(3){display: none;}
.tab_cont3 ul:nth-child(2) li:nth-child(4){display: none;}





/*검색광고 탭 리스트*/
.tab_list4 {width: 900px; margin: 0 auto; margin-top: 30px; border: 1px solid #ccc;}
.tab_list4 ul{margin-bottom: 0;}
.tab_list4 ul li{width: 50%; height: 60px; background-color: white; float: left; line-height: 60px; text-align: center; border-right: 1px solid #ccc;}
.tab_list4 ul li:nth-child(2){border-right: none;}
.tab_list4 ul li:nth-child(3){border-top: 1px solid #ccc;}
.tab_list4 ul li:last-child{border-right: none; border-top: 1px solid #ccc;}
.tab_list4 ul li a{display: block; height: 100%; font-size: 20px;}
.tab_list4 ul li.on a{background-color: #4dbd9c; color: white;}

/*검색광고 탭 컨텐츠*/
.tab_cont4{position: relative; margin-top: 35px; height: 955px;}
.tab_cont4 ul{position: absolute; top: 0; display: none; width: 1170px; height: 100%; background-color: #e6e6e6; float: left; padding: 30px; box-sizing: border-box; border: 1px solid #ccc; left: 50%; margin-left: -585px;}
.tab_cont4 ul li{width: 100%; height: 100%;}
.tab_cont4 ul:nth-child(1){display: block;}
.tab_cont4 h3{font-size: 24px;}
.tab_cont4 h3:after{content: ""; display: block; clear: both; width: 100%; height: 1px; background-color: #777; margin: 15px 0;}
.tab_cont4 h4{font-size: 18px; padding: 10px 0;}
.tab_cont4 p{font-size: 15px; color: #555; text-align: left; line-height: 30px; margin-bottom: 25px;}

/*검색광고 텍스트 그라데이션 효과*/
.gradtext3 { color: #1c75bc; font-size: 34px; font-weight: 800; margin:15px 0;}


/*검색광고 탭 공통 하단 연락칸*/
.tab_cont4_call{width:1170px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; margin-top: 30px; border: 1px solid #ccc; color: #888; font-size: 16px; font-weight: bold;}
.tab_cont4_call a{margin-left: 150px;}





/*검색광고 탭1 "파워링크"*/
.tab_cont4_link_img{width: 50%; height: 100%; float: right; background-color: #fff; box-shadow: 6px 6px 6px #aaa; text-align: center;}
.tab_cont4_link_img img{width: 87%; height: 85%;}
.tab_cont4_link_text{width: 45%; height: 400px; float: left;}

/*검색광고 탭2 "키워드검색"*/
.tab_cont4_rltd_img{width: 50%; float: right; background-color: #fff; box-shadow: 6px 6px 6px #aaa; text-align: center;}
.tab_cont4_rltd_img img{width: 100%; height:100%; margin-bottom: 10px;}
.tab_cont4_rltd_text{width: 45%; height: 400px; float: left;}

/*검색광고 탭3 "지도"*/
.tab_cont4 ul:nth-child(3){height: 550px; padding: 20px;}
.tab_cont4_map_text{width: 100%; height:100%;}
.tab_cont4_map_text h3{text-align: center;}
.tab_cont4_map_img{width: 100%; height: 88%; background-color: #fff; box-shadow: 6px 6px 6px #aaa; text-align: center; position: relative;}
.tab_cont4_map_img img{width: 100%; height: 100%;}
.tab_cont4_map_img .mobile_mapsearch{position: absolute; top: 0; left: 0; width: 100%; height: auto; display: none;}
/*모바일버전 "지도" 이미지*/
.mobile_mapsearch img{width: 100%; height: 50%; box-shadow: 6px 6px 6px #aaa; margin-bottom: 20px;}

/*검색광고 탭4 "상위노출"*/
.tab_cont4 ul:nth-child(4){background-color: rgba(0,0,0,0); border: none; padding: 0;}
.tab_cont4 ul:nth-child(4) li{float: left; width: 568px; height: 100%; margin-right: 30px; background-color: #e6e6e6; border: 1px solid #ccc; padding: 20px;}
.tab_cont4 ul:nth-child(4) li:last-child{margin-right: 0;}


/*검색광고 탭4 "상위노출"*/
.tab_cont4 ul:nth-child(4) li{width: 100%; margin: 4% 0;}
.tab_cont4_high_text{width: 100%; height: 50%; float: none; text-align: center;}
.tab_cont4_high_img{width: 100%; height: 70%; box-shadow: 6px 6px 6px #aaa;}
.tab_cont4_high_img img{width: 100%; height: 100%;}


/*컨테이너 섹션4*/
.tab_list4{width: 100%;}
.tab_cont4 ul{width: 100%; left: 0; margin-left: 0; margin: 0;}

/*검색광고 탭 공통 하단 연락칸*/
.tab_cont4_call{width: 100%;}



/*검색광고 탭1 "파워링크"*/
.tab_cont4_link_img{width: 100%; height: auto; float: none;}
.tab_cont4_link_img img{width: 100%;}
.tab_cont4_link_text{width: 100%; height: auto; float: none;}

/*검색광고 탭2 "키워드검색"*/
.tab_cont4_rltd_img{width: 100%; float: none; margin: 5% 0;}
.tab_cont4_rltd_img img{width: 100%; height:100%; margin-bottom: 10px;}
.tab_cont4_rltd_text{width: 100%; height: auto; float: none;}

/*검색광고 탭3 "지도"*/
.tab_cont4 ul:nth-child(3){height: 950px;}
.tab_cont4_map_img{height: auto;}
.tab_cont4_map_img > img{display: none;}
.tab_cont4_map_img .mobile_mapsearch{display: block;}




/*홈페이지 제작*/
.sect5_cont{width: 1320px; margin: 0 auto; padding-top: 30px; position: relative;}
.sect5_cont > li{float: left; width: 400px; height: 300px; margin: 20px; background-color: #fff; position: relative; border: 1px solid #ccc;}
.sect5_cont > li > img{width: 100%; height: 100%;}

.sect5_cont_bg > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; z-index: 2;}
.sect5_cont_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}

.homepage_text{position: absolute; top: 0; left: 0; width: 60%; height: 100%; line-height: 25px; text-align: center; color: #444}
.homepage_text h5{font-size: 22px; margin-top: 55px; margin-bottom: 15px; font-weight: bold;}
.homepage_text p{font-size: 17px;}

.homepage_link{position: absolute; top: 50%; margin-top: -40px; width: 60%; height:150px;}
.homepage_link_btn{ position: absolute; top: 30px; left: 50%; margin-left: -33px; width: 67px; height: 67px; line-height: 25px; text-align: center; border-radius: 50%; z-index: 3;}
.homepage_link_btn a{color: #fff; font-size: 20px; display: block; width: 100%; height: 100%; border-radius: 50%; }
.homepage_link h4{margin-top: 120px; text-align: center; font-size: 20px;}
.homepage_link > .mobile_homepage_link_h4{display: none;}

.sect5_cont li:hover .sect5_cont_bg > img{ opacity: 1;}
.sect5_cont li:hover .sect5_cont_bg{opacity: 1; background-color: rgba(255,255,255,0.9);}
.sect5_cont li:hover .homepage_link_btn{opacity: 1;}

.homepage_link_btn a{background-image: url(/images/skin/adtinc/img/magnifier.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 67px; height: 67px;}
.homepage_link_btn a.on{background-image: url(/images/skin/adtinc/img/magnifier2.png); width: 67px; height: 67px;}


/*모바일버전 "사이트 바로가기" 링크*/
.mobile_homepage_link_btn{display: none;}


/*컨테이너 섹션5*/ /*홈페이지 제작*/
.section5{height: auto;}
.sect5_cont{width: 100%; height: auto;}
.sect5_cont li{width: 46%; margin: 2% 2%;}
.sect5_cont li:nth-child(5){display: none;}
.sect5_cont li:nth-child(11){display: none;}
.pop_up{width: 100%; right: 0;}
.homepage_list {width: 100%;}

/*컨테이너 섹션5*/ /*홈페이지 제작*/
.sect5_cont li{width: 100%; height: 300px; margin: 20px auto;}
.sect5_cont li:nth-child(5){display: block;}
.sect5_cont li:nth-child(11){display: block;}
.homepage_link_btn > a{display: none;}
.mobile_homepage_link_btn{display: block;}
.homepage_link > h4{display: none;}
.homepage_link > .mobile_homepage_link_h4{display: block;}



/*홈페이지 6개 카테고리 구역 공통 팝업*/
.pop_up{width: 1280px; height: 730px; background-color: #fff; position: absolute; z-index: 10; right: 20px; top: 30px; padding: 30px; border:2px solid #ccc; display: none;}
.pop_up h6{text-align: center; font-size: 18px; width: 30%; height: 30px; line-height: 30px; background-color: #c3b59c; border-radius: 30px; color: #fff;  margin: 0 auto;}
.pop_up .fa-times {position: absolute; right: 20px; top: 10px; color: #aaa;}
.homepage_list {width: 980px; margin: 15px auto;}
.homepage_list li{float: left; width: 410px; height: 280px; margin: 20px 30px; background-color: #fff; position: relative; border: 1px solid #ccc;}
.homepage_list > li > img{width: 100%; height: 100%;}
.pop_up_homepage_text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 25px; text-align: center; color: #444}
.pop_up_homepage_text h5{font-size: 25px; margin-top: 40px; margin-bottom: 10px;}
.pop_up_homepage_link{position: absolute; top: 50%; margin-top: -40px; width: 100%; height:150px;}
.pop_up_homepage_link h4{margin-top: 120px; text-align: center; font-size: 20px;}

/*컨테이너 섹션6*/ /*하단 연락칸*/
.contact{width:1000px; height: auto; line-height: 30px; text-align: center; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; border: 1px solid #ccc; border-radius: 15px; color: #555; padding: 10px;}
.contact h4{margin-bottom: 5px;}
.contact h3{margin-top: 10px; color: #555; font-size: 17px;}
.contact p{margin-bottom: 30px;}

.contact_box{text-align: center; width: 660px; margin: 0 auto;}
.contact_box li{float: left; margin: 0 20px; width: 180px;}
.contact_box li a{width: 100%; height: 100%;}
.fas{color: #555;}
.far{color: #555;}



/*컨테이너 섹션6*/ /*하단 연락칸*/
.contact{width: 90%; }
.contact_box{width: 100%;}
.contact_box li{float: none; width: 100%; margin: 20px 0;}
.contact_box li h3{font-size: 13px;line-height: 20px;}


/*컨테이너 섹션6*/ /*오시는 길*/
.map iframe{width: 75%;}





/*카카오톡 전화 링크*/
#chat{position: fixed; bottom: 40px; right: 40px; background-color: #ffd300; width: 170px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; display: none; z-index: 20;}
#chat a{display: block; height: 100%; color: white; font-weight: bold;}
#chat a .circle{width: 50px; height: 50px; border-radius: 50%; background-color: #ffd300; position: absolute; top: -5px; left: -20px;}
#chat a .circle > .fa-comment{font-size: 22px; margin-top: 14px;}

#call{position: fixed; bottom: 100px; right: 40px; background-color:#005aff; width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; display: none; z-index: 20;}
#call a{display: block; height: 100%; color: white; font-weight: bold;}
#call a .circle{width: 50px; height: 50px; border-radius: 50%; background-color: #005aff; position: absolute; top: -5px; left: -20px;}
#call a .circle img{width: 25px; height: 25px; margin-top: 11px;}



/*카카오톡 링크*/
#chat{width: 0px; height: 0px; }
#chat a{display: block; height: 100%; color: white; font-weight: bold;}
#chat a .circle{width: 50px; height: 50px; border-radius: 50%; position: absolute; top: -45px; left: -30px;}
#chat p{display: none;}

#call{width: 0px; height: 0px; }
#call a{display: block; height: 100%; color: white; font-weight: bold;}
#call a .circle{width: 50px; height: 50px; border-radius: 50%; position: absolute; top: -45px; left: -30px;}
#call p{display: none;}

#footer{position: relative; bottom: 0px; height: auto; font-family: 'Nanum Gothic', sans-serif;}
.location{margin-top: 40px; float: left; margin-right: 70px;}
.location p{text-align: left; word-break:keep-all;}
.copyright{float: left; margin: 15px 0;}







/*푸터*/
footer{background-color: #6d6d6d;}
footer .copyright {width: 100%; margin: 0 auto; line-height: 17px;}
.copyright ul {height: auto; width: 90%; margin: 0 auto;}


/*loadmap*/
.map_btn{width:140px; margin: 40px auto; height: 40px; text-align: center; background-color: #d34826;}
.map_btn a{display: block; height: 100%; line-height: 40px; font-size: 15px; color: #fff; text-decoration: none;}

.map_table table{border-top: 2px solid #aaa; border-bottom: 2px solid #aaa; width: 800px; margin: 40px auto; font-size: 15px;}
.map_table table tr{height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.map_table table tr th{padding-left: 30px;}
.map_table table tr td{padding-left: 30px; text-align: left;}