/* 공통 타이틀 */
.main_title { width:1160px; height:114px; position:relative; margin:0 auto; text-align:center; padding-top:50px;  }
.main_title h1 { font-size:46px; color:#333333; }
.main_title p { padding-top:10px; font-size:16px; color:#666666; }

/* 포트폴리오 */
.portfolid_wrap { width:100%; background:#f5f5f5; padding-bottom:25px; display: inline-block;}
.portfolid_wrap ul { width:1160px; margin:0 auto; }
.portfolid_wrap ul li { float:left; overflow:hidden; position:relative; width:370px; height:270px; padding-right:25px; margin-top:25px; }
.portfolid_wrap ul li:nth-child(3n+3) { padding-right:0; }
.portfolid_wrap ul li a { position:absolute; width:370px; height:270px; }
.portfolid_wrap ul li span.over { display:block; height:270px; padding-top:120px; text-align:center; font-size:24px; font-weight:600; color:#fff; line-height:25px; background: url(../images/main/plus2.png) no-repeat center 42% #000; opacity: 0.8;  filter:alpha(opacity=70); display:none; }
.portfolid_wrap ul li p { font-weight:normal; color:#ddd;}
.portfolid_wrap ul li a:hover span { display:block;}
.portfolid_btn{ width:100%; margin-top:30px; text-align:center; padding-bottom:50px; }
.portfolid_btn a { display:inline-block; width:230px; background:#111111; line-height:64px; font-size:16px; color:#ffffff; }

/* 동영상제작 - 홍보영상 */
.video_wrap { position:relative; width:100%; display:inline-block; margin-bottom:60px; }
.video_wrap li { width:44%; float:left; background:#efefef; padding:15px; margin:10px; }
.video_wrap li:last-child { margin-right:0; }
.video_wrap li p { text-align:center; padding-top:10px; font-size:14px; font-weight:600; color:#666666;}

/* 동영상제작 - 포트폴리오 */
.portfolio { width:100%; margin:0 auto; }
.portfolio li { float:left; overflow:hidden; position:relative; width:48.8%; height:100%; margin-right:20px; margin-bottom:25px; border-radius:3px; }
.portfolio li:nth-child(2n+2) { margin-right:0; }
.portfolio li a { position:absolute; width:100%; height:247px; background:#000000; opacity: 0.3;  filter:alpha(opacity=70); }
.portfolio li a:hover { opacity: 0; }
.portfolio li p { font-size:14px; font-weight:600; color:#979797; text-align:center; padding:10px 0; background:#efefef; }
.portfolio li:hover p { background:#3687d0; color:#ffffff; }
.portfolio li img { width:100%; }

/* 공지사항 - 리스트 */
.notice_wrap { width:100%; border-top:2px solid #3687d0; margin-top:30px; }
.notice_wrap h4 { font-size:24px; }
.notice_wrap td { border-bottom:1px solid #c6c6c6; padding:30px 0; }
.notice_wrap td:nth-child(1) { font-size:13px; color:#666666; }
.notice_wrap td:nth-child(2) { font-size:40px; font-weight:600; color:#666666; }
.notice_wrap p { padding-top:4px; font-size:13px; color:#666666; }

/* 공지사항 - 목록 */
.notice_wrap .con { padding:30px 30px 100px 30px; }
.btn_foot { float:right; margin-top:20px;}
.btn_foot li {  margin-left:4px; }
.btn_foot a { display:block; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:34px; letter-spacing:0.5px; padding:0 15px; }
.bg3e90da { background: #3e90da; } /*블루*/
.bg333333 { background: #333333; } /*다크그레이*/


/* 페이징 공통 */
.list_page { margin:30px auto 0; text-align: center; zoom:1}
.list_page:after { content:""; clear:both; display:block}
.list_page .first_btn { display:inline-block; width:25px; height:24px; text-indent:-9999px; vertical-align:bottom; background:url(../images/common/arrow_l.png) no-repeat left top;}
.list_page .first2_btn { display:inline-block; width:24px; height:24px; text-indent:-9999px; vertical-align:bottom; background:url(../images/common/arrow_l.png) no-repeat -25px top;}
.list_page ul{ display:inline-block; overflow:hidden; padding:0 7px; vertical-align:bottom;}
.list_page li { float:left; margin:0 5px;}
.list_page li a { display:block; width:24px; height:24px; font-size:12px;  color:#444; text-align:center; line-height:25px;}
.list_page li:hover a,
.list_page li a.on { color:#fff; background:#444; }
.list_page .last_btn { display:inline-block; width:24px; height:24px; text-indent:-9999px;vertical-align:bottom; background:url(../images/common/arrow_r.png) no-repeat -25px top;}
.list_page .last2_btn { display:inline-block; width:25px; height:24px; text-indent:-9999px;vertical-align:bottom; background:url(../images/common/arrow_r.png) no-repeat left top;}


/* 서브 하단 배너 공통 */
/* .foot_banner{background: url(../images/sub/banner_bg.gif) repeat;text-align: center;} */
.foot_banner{ height:632px; text-align:center;}


/* 서브 풀버젼 포트폴리오 */
.portfolid_wrap01 {  padding-bottom:25px; display: inline-block;}
.portfolid_wrap01 ul { width:1160px; margin:0 auto; }
.portfolid_wrap01 ul li { float:left; overflow:hidden; position:relative; width:370px; padding-right:25px; /* margin-top:25px;  height:270px;*/ margin-bottom:30px; }
.portfolid_wrap01 ul li:nth-child(3n+3) { padding-right:0; }
.portfolid_wrap01 ul li a { position:absolute; width:370px; height:270px; overflow: hidden;float:left; }
.portfolid_wrap01 ul li span.over {visibility: hidden; display: inline-block; box-sizing: border-box; width: 100%; height:270px; padding-top:100px; text-align:center; font-size:20px; font-weight:600; color:#fff; 
    line-height:25px; background: rgba(0, 0, 0, 0.8) url(../images/main/plus2.png) no-repeat center 60%; opacity: 0; transition: all 0.3s;}
.portfolid_wrap01 ul li span.over01 { display:block;  padding:20px 20px 0 20px; text-align:center; font-size:14px; font-weight:600; color:#cacaca; line-height:18px;}
.portfolid_wra01p ul li p { font-weight:normal; color:#ddd;}
.portfolid_wrap01 ul li a:hover span.over {visibility: visible; opacity: 1;}


.portfolid_btn_box{text-align:center; padding:20px 0; width: 370px;    height: 32px;}
.portfolid_btn01, .portfolid_btn02, .portfolid_btn03{ margin-top:20px; text-align:center; }
.portfolid_btn01 a, .portfolid_btn02 a, .portfolid_btn03 a{line-height:30px; font-size:14px; color:#3e90da; display:inline-block; width:60px !important; height:30px !important; position:relative !important; border:1px solid #3e90da; border-radius:2px; }
/*.portfolid_btn01 a, .portfolid_btn02 a, .portfolid_btn03 a { border:1px solid #3e90da; border-radius:2px;}*/

.portfolid_wrap01 ul li span a{float:none !important;}


.tabMenu01 { margin-bottom:60px; zoom:1; text-align:center;}
.tabMenu01:after { content:""; clear:both; display:block}
.tabMenu01 li {float: left; box-sizing: border-box; width: 185px; margin: 0 0 0 10px;}
.tabMenu01 li:first-child {margin: 0;}
.tabMenu01 li a	{ display:block; box-sizing: border-box; width: 100%; height:55px; color:#666; font-size:16px; font-weight:bold; text-align:center; line-height:53px; border:1px solid #3e90da; transition: all 0.3s;}
.tabMenu01 .on { background:#3e90da; color:#fff;}
.tabMenu01 .on a {color:#fff;} 
.tabMenu01 li a:hover {background:#3e90da; color:#fff;}
.tabMenu01 img {text-align:center; display:none;}
.tabMenu01 .on img {display: block;}

.project_title_wrap {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 60px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.75);}
.project_title {width: 100%; height: 60px; text-align: center;}
.project_title li {display: inline-block; width: 300px; vertical-align: top;}
.project_title li a {display: block; width: 100%; line-height: 60px; color: #bbb; text-align: center;}
.project_title li a:hover {color: #8ad3ff;}
.project_title li.title {position: relative; min-width: 60px; width: auto; margin: 0; line-height: 60px; color: #fff; text-align: center;}
.project_title li.title:before {display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 60px; height: 1px; background-color: #0090e8; content: '';}
.project_title li.prev_title a {text-align: right;}
.project_title li.next_title a {text-align: left;}
.project_title li.tit_arrow {width: 10px; margin: 25px 100px 0;}
.project_title li.tit_arrow img {display:inline-block; cursor: pointer;}


.top_visual {margin-top:188px; position: absolute; left: 0; right: 0; width: 100%; height: 600px;}
.top_visual .visual_txtwrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align:center; color:#fff;}
.top_visual .visual_txtwrap .txt01 {font-size: 2.75rem; font-weight: 600;}
.top_visual .visual_txtwrap .txt01:after {display: block; width: 1px; height: 30px; margin: 25px auto; background-color: #a0eaff; content:'';}
.top_visual .visual_txtwrap .txt02 {line-height: 1.6;}
.top_visual .visual_txtwrap a {display: block; box-sizing: border-box; width: 240px; height: 50px; margin: 45px auto 0; line-height:48px; background-color: transparent; border: 1px solid #a0eaff; transition: all 0.5s ease-in-out;}
.top_visual .visual_txtwrap a:hover {background-color: #53aac3; color: #fff; border: 1px solid #53aac3;} 
.top_visual .visual_txtwrap a span {display: inline-block; margin: 0 0 0 5px; font-size: 0.875rem;}

.project_img {width: 1160px; margin: 0 auto; padding:930px 0 0 0;}
.project_img img {width: 100%; vertical-align: top;}















/** 하단 방문상담요청 **/



.contact_us { position:relative;  height:600px;}
.root_daum_roughmap_landing { width:100% !important; }
/* .contact_box { width:80%;  background:#fff; position:absolute; right:5%; top:70px; z-index:89;} */
.contact_box { width:100%;  background:#fff; position:absolute;  top:70px; z-index:89;}
.box_top { line-height:60px; }
.box_top span { width:50%; display:inline-block; text-align:center; font-size:16px; font-weight:600;  }
.box_top .top01 { background:#a4a3a3; }
.box_top .top01 a { color:#fff; display:inline-block; width:100%; height:100%; }
.box_top .top02 { background:#5085d6; cursor:pointer; color:#fff; }

.box_input { padding:20px; border:3px solid #5085d6; }
.box_input input { width:100%; border:1px solid #ddd; height:40px; margin-bottom:10px; padding-left:10px; box-sizing:border-box; }
.box_input textarea {width: 100%; border: 1px solid #ddd; height: 80px; margin-bottom: 10px; padding: 10px; box-sizing: border-box; line-height: 20px;} 

.box_input .check input {width: 16px; height: 16px;
}
.box_input .find_btn {
    display: inline-block;
    width: 85px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #666;
    text-align: center;
}
.box_input .input02 {
   /* width: 224px;*/
	width: 210px;
    border: 1px solid #ddd;
    height: 40px;
    font-size: 14px;
    color: #c1c1c1;
    padding: 0 10px;
}

.box_input .txt_box {
    border: 1px solid #ddd;
    font-size: 13px;
    color: #888;
    padding: 10px;
    line-height: 20px;
}
.box_input .txt01 {
    color: #666;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
}
.box_input .check { text-align:right; margin-top:10px;}
.box_input .check span {
    font-size: 14px;
    color: #888;
    margin-left: 10px;
}

.contact_btn { text-align:center; margin-top:20px;}

.contact_btn a { width:90%; display:inline-block; color:#fff; font-size:16px; font-weight:600; line-height:50px; background:#444; }

.contact_btn .con_btn { width:90%; display:inline-block; color:#fff; font-size:16px; font-weight:600; line-height:50px; background:#444; height:50px;}

.input_s{width: 30px  !important; padding: 20px;  margin: 0 !important; height:24px !important; vertical-align: bottom;}


/* 웹솔루션 */
.solution_wrap .top_box { border:1px solid #ddd; box-sizing:border-box; padding:20px; overflow:hidden; }
.solution_wrap .top_box img { border:1px solid #ddd; width:410px; height:410px; float:left ; box-sizing: border-box;}
.solution_wrap .table_wrap { float:right; width:410px; }
.solution_wrap .table_wrap .title { font-size:22px; color:#333; font-weight:600; margin-top:10px; margin-bottom:20px;}
.solution_wrap .table_wrap table { width:100%; }
.solution_wrap .table_wrap table th { font-weight:600; color:#333; font-size:16px; text-align:left;}
.solution_wrap .table_wrap table td { color:#666; text-align:right; font-size:15px;}
.solution_wrap .table_wrap table th, .solution_wrap .table_wrap table td { padding:0 20px; height:50px;}
.solution_wrap .table_wrap table thead th,.solution_wrap .table_wrap table thead td { height:60px; background:#f3f3f3;}
.solution_wrap .table_wrap table tbody tr{ border-bottom:1px solid #eee;}
.solution_wrap .table_wrap table tbody tr:last-child{ border-bottom:0;}
.solution_wrap .btn_wrap { text-align:center; margin-top:20px;}
.solution_wrap .btn_wrap a { width:160px; height:50px; display:inline-block; background:#666; color:#fff; line-height:50px; font-size:16px;}
.solution_wrap .btn_wrap a:first-child { margin-right:5px; background:#0b71b0;}
.solution_wrap .btn_wrap a.mobile_btn { margin-right:5px; background:#0b71b0;}
.solution_wrap .explan_list { border-bottom:1px solid #ddd; overflow:hidden; margin-top:100px;}
.solution_wrap .explan_list li {float: left; line-height:45px; width:150px; text-align:center; border:1px solid #ddd; border-bottom:0; border-right:0; font-size:15px;}
.solution_wrap .explan_list li:last-child { border-right:1px solid #ddd;}
.solution_wrap .explan_list li a { display:inline-block; width:100%; height:100%;}
.solution_wrap .explan_list li.on { background:#9fafb9; color:#fff; }
.solution_wrap .explan_list li.on a { color:#fff; font-weight:600;}
.solution_wrap .solution_content { margin-top:40px; }
.solution_wrap .solution_content p { font-size:15px; line-height:1.5;}
.solution_wrap .solution_content p span { font-size:15px; font-weight:600; display:block;}
.solution_content table { width:100%; border-top:1px solid #333; margin-top:20px;}
.solution_content table thead th,.solution_content table thead td { background:#eaeaea; font-weight:600; font-size:15px}
.solution_content table thead th { padding-left:20px;}
.solution_content table thead td { text-align:center;}
.solution_content table th { text-align:left; height:50px; font-size:15px;  background:#f7f7f7;}
.solution_content table tbody td { padding:15px 0; font-size:14px; line-height:24px;}
.solution_content table tbody th, .solution_content table tbody td { border-bottom:1px solid #eee; padding-left:20px;}
.solution_content table tbody td span { font-weight:600; font-size:14px}



/* 솔루션 수정 디자인 20181123 */

.solution_wrap .top_infowrap {display:inline-block; width:100%; margin:0 auto; }
.solution_wrap .top_infowrap .img_box {width:540px; height:586px; border:1px solid #ddd; box-sizing: border-box; float: left;  }
.solution_wrap .top_infowrap .img_box img {width:100%; }
.solution_wrap .top_infowrap .info_box {float: right; width:560px;}
.solution_wrap .top_infowrap .info_box .top_title {font-size:40px; font-weight: 600; border-bottom:2px solid #000; padding-bottom:20px;}
.solution_wrap .top_infowrap .info_box ul li {border-bottom:1px solid #e8e8e7; line-height: 50px; height:50px; }
.solution_wrap .top_infowrap .info_box ul li dl dt, .solution_wrap .top_infowrap .info_box ul li dl dd {float: left; font-size:15px; color:#333; }
.solution_wrap .top_infowrap .info_box ul li dl dt {font-weight: 600; width:280px;}
.solution_wrap .top_infowrap .info_box ul li dl dt::before {content:''; width:3px; height:3px; background: #7e878f; display: inline-block; margin-right:10px;}
.solution_wrap .top_infowrap .info_box ul li dl dd.pt {color:#e83e44;}
.solution_wrap .top_infowrap .info_box .infobtn_wrap {margin-top:23px;}
.solution_wrap .top_infowrap .info_box .infobtn_wrap a {width:180px; height:64px; line-height: 64px; color:#fff; background: #3888d0; display: inline-block; text-align: center; font-size:18px; font-weight: 600; vertical-align: middle;}
.solution_wrap .top_infowrap .info_box .infobtn_wrap a:nth-child(1), 
.solution_wrap .top_infowrap .info_box .infobtn_wrap a:nth-child(2) { margin-right:10px; }
.solution_wrap .top_infowrap .info_box .infobtn_wrap a:nth-child(3) {background: #fff; color:#3888d0; border: 1px solid #3888d0; box-sizing: border-box;}
.solution_wrap .top_infowrap .info_box .infobtn_wrap a:last-child {width: 100%; margin-top:10px; background: #30343b; color:#fff;  }
.solution_wrap .top_infowrap .info_box .infobtn_wrap a img {vertical-align: middle; margin-right:10px;}

.pt94 {padding-top:94px !important;}
.solution_wrap .detail_wrap .service_cont {background:#f7f7f7; position:relative; padding:45px 0; margin-top:80px; }
.solution_wrap .detail_wrap .service_cont .guide_tit {font-size:32px; font-weight:600; color:#000; position:absolute; left:0px; top:0px}
.solution_wrap .detail_wrap .service_cont .inner_solution > div {margin-left:260px;}
.solution_wrap .detail_wrap .service_cont .service_txt01 {font-size:15px; color:#3888d0; font-weight:600; margin-bottom:10px;}
.solution_wrap .detail_wrap .service_cont .service_txt02 {font-size:15px; color:#888;}

.solution_wrap .detail_wrap .detail_cont {margin-top:80px; position:relative;}
.solution_wrap .detail_wrap .detail_cont>img {float: left;}
.solution_wrap .detail_wrap .detail_cont .guide_tit {font-size:32px; font-weight:600; color:#000; position:absolute; left:0px; top:0px}
.solution_wrap .detail_wrap .detail_cont .function_list {border-bottom:1px solid #ddd}
.solution_wrap .detail_wrap .detail_cont .function_list ul li {position:relative; margin-bottom:35px;}
.solution_wrap .detail_wrap .detail_cont .function_list .tit_box {position:absolute; left:0px; top:0px;}
.solution_wrap .detail_wrap .detail_cont .function_list .tit_box p {font-size:20px; color:#888; font-weight:600; padding-left:10px; position:relative; line-height:1.5;}
.solution_wrap .detail_wrap .detail_cont .function_list .tit_box p:before {position:absolute; left:0; bottom:5px; background-color:#888; width:1px; height:50px; content:''; display:block;} 

.solution_wrap .detail_wrap .detail_cont .function_list .info_box  {margin-left:260px;}
.solution_wrap .detail_wrap .detail_cont .function_list .list_title {font-size:26px; font-weight: 600; border-bottom:1px solid #ddd; color:#000; padding-bottom:10px; margin-bottom:15px; margin-top:65px;}
.solution_wrap .detail_wrap .detail_cont .function_list .list_title span {font-size:15px; }
.solution_wrap .detail_wrap .detail_cont .function_list .list_title:first-child {margin-top:0; }
.function_list .fun_box {background: #e9f3ff; padding:30px 0; text-align: center;}
.function_list .fun_box ul {display:inline-block;}
.function_list .fun_box ul li {float: left; width:300px; height:235px; }
.function_list .fun_box ul li:nth-child(2) {border-right:1px solid #bedaff; border-left:1px solid #bedaff; box-sizing: border-box;}
.function_list .fun_box ul li dt {width:120px; height:120px; border-radius: 50%; margin:0 auto 20px; }
.function_list .fun_box ul li:nth-child(1) dt {background: url(../images/sub/fun_icon01.png)no-repeat 50% 50% #fff; }
.function_list .fun_box ul li:nth-child(2) dt {background: url(../images/sub/fun_icon02.png)no-repeat 50% 50% #fff; }
.function_list .fun_box ul li:nth-child(3) dt {background: url(../images/sub/fun_icon03.png)no-repeat 50% 50% #fff; }
.function_list .fun_box ul li dd {font-size:15px; color:#333; line-height: 25px;}
.function_list .fun_box ul li dd span {display: block; font-size:20px; color:#3888d0; font-weight: 600; margin-bottom:10px;}
.solution_wrap .detail_wrap .detail_cont .guide_list {margin-left:260px;  border-collapse: collapse;}
.solution_wrap .detail_wrap .detail_cont .guide_list th,
.solution_wrap .detail_wrap .detail_cont .guide_list td
 { text-align: left; padding-left:30px; border:1px solid #ddd; }
.solution_wrap .detail_wrap .detail_cont .guide_list th {height:60px; font-size:16px; color:#333; font-weight: 600; }
.solution_wrap .detail_wrap .detail_cont .guide_list th img {vertical-align: middle; margin-right:10px;}
.solution_wrap .detail_wrap .detail_cont .guide_list td {padding:30px; background: #f6f7f9; }
.solution_wrap .detail_wrap .detail_cont .guide_list td p { font-size:14px; color:#888; line-height: 25px;}
.solution_wrap .detail_wrap .detail_cont .guide_list td p::before {content: '-'; margin-right:10px;}
.solution_wrap .detail_wrap .detail_cont .guide_list td p span {color:#3888d0;}

.list_btn {display: block; box-sizing: border-box; width:240px; height:60px; line-height:60px; text-align: center; font-family: 'Muli'; font-size: 1.125rem; font-weight: 600; color: #fff; border: 1px solid #1f1f1f; background:#1f1f1f; margin: 70px auto; cursor:pointer; transition: all 0.5s ease-in-out;}
.list_btn:hover {background-color: #fff; color: #000;}