@charset "utf-8";


/* 공통사항 */
.top_banner{overflow:hidden}
.top_banner .top_banner_box{position:relative}
.top_banner .top_banner_box .banner_img img{display:block;margin:0 auto}
.top_banner .top_banner_box .banner_txt{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center}
.top_banner .top_banner_box .banner_txt h2{font-size:50px;color:#ffffff;font-weight:800}
.top_banner .top_banner_box .banner_txt h3{font-size:30px;color:#fff}
.top_banner .top_banner_box .banner_txt p{font-size:50px;color:#fff;font-weight:800;margin-top:15px}
.page-wrap img{display:block;margin:0 auto}
.sub_container{overflow-x:hidden}

@media (min-width:1920px){
	.top_banner .top_banner_box .banner_img img{width:100%}
}
@media (max-width:1900px){
	.page-wrap img{width:100%}
}
@media (max-width:1210px){
	.page-wrap img{max-width:1200px !important}
}


.top_nav{border-bottom:1px solid #cecece}
.top_nav .tab_menu{}
.top_nav .tab_menu > div{float:left}
.top_nav .tab_menu > div.fs_fix_drop1, .top_nav .tab_menu > div.fs_fix_drop2{width:242px}
.top_nav .tab_menu > div.fs_fix_drop1 .menu-dropdown > a, .top_nav .tab_menu > div.fs_fix_drop2 .menu-dropdown > a{padding:16.5px 20px;font-size:17px;color:#808080;font-weight:600;position:relative;text-align:left}
.top_nav .tab_menu > div.fs_fix_drop1 .menu-dropdown > a::after, .top_nav .tab_menu > div.fs_fix_drop2 .menu-dropdown > a::after{content:"";display:block;width:1px;height:14px;background:#999999;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.top_nav .tab_menu > div.fs_fix_drop1 .menu-dropdown > a .nav_btn, .top_nav .tab_menu > div.fs_fix_drop2 .menu-dropdown > a .nav_btn{position:absolute;top:50%;transform:translateY(-50%);right:20px}
.sub_dropdown_menu{width:100%;border-radius:0;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;border:1px solid #cecece;border-top:0}
.sub_dropdown_menu > li > a{font-size:17px;color:#808080;padding:10px 10px}

.tab_box{margin:80px 0}
.tab_box .tab_ul{width:550px;margin:0 auto;display:table;text-align:center}
.tab_box .tab_ul li{display:table-cell;cursor:pointer;white-space: nowrap;}
.tab_box .tab_ul li > span{font-size:17px;color:#409ad8;font-weight:600;font-family: 'NanumSquare';border:1px solid #409ad8;padding:10px 20px;border-radius:20px}
.tab_box .tab_ul li.active > span{background:#409ad8;color:#fff}
.tab_box.fixed{width:100%;position:fixed;left:0;top:70px;background:#fff;margin:0;border-bottom:1px solid #cecece}
.tab_box.fixed .tab_ul{padding:16px 0}
.tab_box.fixed .tab_ul li > span{border-radius:0;border:0;color:#808080}
.tab_box.fixed .tab_ul li.active > span{background:#fff;color:#409ad8;position:relative}
.tab_box.fixed .tab_ul li.active > span::after{content:"";display:block;width:100%;height:2px;background:#409ad8;position:absolute;left:0;bottom:-7px}


.sub_menu_title{margin:125px 0 40px}
.sub_txt_box{width:100%;padding-bottom:35px;border-bottom:4px solid #000000}
.sub_txt_box > h2{font-size:42px;color:#000000;font-weight:800}
.sub_txt_box > h3{font-size:27.73px;color:#000000;font-weight:800;text-align:center}


/* m02_05 기타배너 */
.banner_tab_box{}
.banner_tab_box .container_fix{margin:80px auto}
.banner_tab_box .banner_tab_ul{width:550px;margin:0 auto;display:table;text-align:center}
.banner_tab_box .banner_tab_ul > li{display:table-cell;cursor:pointer}
.banner_tab_box .banner_tab_ul > li > span{font-size:17px;color:#409ad8;font-weight:600;font-family: 'NanumSquare';border:1px solid #409ad8;padding:10px 20px;border-radius:20px}
.banner_tab_box .banner_tab_ul > li.active > span{background:#409ad8;color:#fff}
.banner_tab_box .banner_cont .banner_cont02, .banner_tab_box .banner_cont .banner_cont03, .banner_tab_box .banner_cont .banner_cont04, .banner_tab_box .banner_cont .banner_cont05{display:none}


/* m04_01 운영레퍼런스 */
.m04_01_list .list-item{position:relative}
.list_gallery_cont{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#63737f}
.list_gallery_cont .fix_gallery_content{width:100%;position:absolute;bottom:30px;left:0;text-align:center}
.list_gallery_cont .fix_gallery_content .gallery_title{font-size:21.41px;color:#ffffff;font-weight:800}
.list_gallery_cont .fix_gallery_content .gallery_span{width:100%;display:block;font-size:17px;color:#ffffff;font-weight:600;font-family: 'NanumSquare';margin:8px 0 10px}
.list_gallery_cont .fix_gallery_content .gallery_span > p{display:inline-block;font-size:17px;color:#ffffff}
.list_gallery_cont .fix_gallery_content .more_btn{display:inline-block;width:105px;line-height:25px;background:#fff;color:#000000;font-size:17px;border-radius:10px}
.m04_01_list:hover .list-item .list_gallery_cont{display:block}


/* m04_02 디자인포트폴리오 */
.m04_02_list .list-item{position:relative}
.m04_02_content{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:0.8}
.m04_02_content .fix_gallery_content{width:100%;position:absolute;top:50%;transform:translateY(-50%);left:0;text-align:center;margin-top:0}
.m04_02_content .fix_gallery_content .gallery_title{font-size:18px;color:#ffffff;font-weight:600;text-align:center}
.m04_02_content .fix_gallery_content .gallery_title > span{display:inline-block;width:140px;height:43px;line-height:35px;border:4px solid #fff}
.m04_02_list:hover .list-item .m04_02_content{display:block}
.modal-body{padding:15px 30px}
.view-img.m04_view_img > img.img-tag {width:100% !important;margin:0 !important}



/* 새소식(공지사항) */
.m05_category{margin-bottom:26px}
.m05_category .nav-tabs{border-bottom:0}
.m05_category .div-tab.tabs ul.nav-tabs li{border-left:0;border-top:0;background:#fff}
.m05_category .div-tab.tabs ul.nav-tabs li > a{font-size:19px;color:#000000;border-bottom:0;position:relative}
.m05_category .div-tab.tabs ul.nav-tabs li > a::after{content:"";display:block;width:1px;height:10px;background:#1a75ba;position:absolute;top:50%;transform:translateY(-50%);right:0}
.m05_category .div-tab.tabs ul.nav-tabs li:last-child > a::after{width:0}
.m05_category .div-tab.tabs ul.nav-tabs li:first-child > a{padding-left:0}
.m05_category .div-tab.tabs ul.nav-tabs li.active > a{color:#1a75ba !important}
.m05_category .div-tab.tabs ul.nav-tabs li:last-child, .m05_category .div-tab.tabs ul.nav-tabs li:last-child:hover{border-right:0;border-bottom:0}
.m05_category .div-tab.tabs ul.nav-tabs li a, .m05_category .div-tab.tabs ul.nav-tabs li a:hover{border-bottom:0}
.m05_list_board{}
.m05_list_board .list-head{background:#e0e0e0;border-top:0;border-bottom:2px solid #a9a9a9;padding:18px 0}
.m05_list_board .list-head > span{font-size:22.43px;color:#000000;font-weight:600;font-family: 'NanumSquare'}
.m05_list_board .wr-cateory{width:320px}
.board_style .m05_list_board .list-body li{border-bottom:2px solid #a9a9a9}
.board_style .m05_list_board .list-body li > div{padding:21px 0}
.board_style .m05_list_board .list-body li > div, .board_style .m05_list_board .list-body li > div > a{font-size:19.5px;color:#000000;font-weight:400;font-family: 'NanumSquare'}
.m05_tsearch.list-tsearch{padding:0;background:#fff;border:0;margin-top:70px}
.m05_tsearch.list-tsearch .col-15{padding-left:0 !important;padding-right:0 !important}
.m05_tsearch.list-tsearch .col_sm_2{width:134px;margin-left:0 !important}
.m05_tsearch.list-tsearch .col_sm_2 > .form-group{margin-bottom:0}
.m05_tsearch.list-tsearch .col_sm_2 > .form-group select.input-sm{font-size:19.5px;color:#000000;font-family: 'NanumSquare';font-weight:600;border:2px solid #c0c0c0;height:42px;line-height:30px;
-webkit-box-shadow:0 0 0;box-shadow:0 0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
.m05_tsearch.list-tsearch .col_sm_2 > .form-group .tsearch_arrow{display:block;position:absolute;right:2px;top:2px;width:30px;height:90%;background:#e0e0e0;text-align:center}
.m05_tsearch.list-tsearch .col_sm_2 > .form-group .tsearch_arrow > img{display:inline-block;padding-top:50%}
.m05_tsearch.list-tsearch .col_sm_4{width:221.34px}
.m05_tsearch.list-tsearch .col_sm_4 > .form-group input.input-sm{height:42px;line-height:42px;border-left:0 !important;border:2px solid #c0c0c0}
.m05_tsearch.list-tsearch .tsearch_btn{width:auto;padding-left:20px !important}
.m05_tsearch.list-tsearch .tsearch_btn > .form-group{margin-bottom:0}
.m05_tsearch.list-tsearch .tsearch_btn > .form-group button.btn_block{width:79px;font-size:19.5px;color:#000000 !important;font-family: 'NanumSquare';font-weight:600;background:#e6e6e6;border:2px solid #c0c0c0;
padding:5px 0}
.m05_tsearch.list-tsearch .tsearch_btn > .form-group button.btn_block > img{margin-left:5px}


/* 광고문의 */
.m06_write{}
.m06_write::after{content:"";display:block;clear:both}
.m06_write .inquiry_box{margin-bottom:43px}
.m06_write .inquiry_box > label{width:100%;font-size:21.97px;color:#000000;font-family: 'NanumSquare';font-weight:600;margin-bottom:0}
.m06_write .inquiry_box .answer{width:100%}
.m06_write .inquiry_box .answer input[type="text"], .m06_write .inquiry_box .answer input[type="password"]{width:100%;height:52px;line-height:52px;background:#f3f3f3;border:0;font-size:17.09px;color:#2b2b2b;font-family: 'NanumSquare';font-weight:400;}
.m06_write .inquiry_box .answer select{width:100%;line-height:52px;background:#f3f3f3;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;font-size:17.44px;color:#2b2b2b;font-family: 'NanumSquare';font-weight:400}
.m06_write .inquiry_box .answer select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}
.m06_write .select_arrow{border-top:8px solid;border-left:6px solid transparent;border-right:6px solid transparent;color:#4184f3;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.m06_write .inquiry_box .answer textarea{background:#f3f3f3;border:0;font-size:17.09px;color:#2b2b2b;font-family: 'NanumSquare';font-weight:400;}
.m06_write .line01_box{float:left;width:48.5%}
.m06_write .line01_box + .line01_box{margin-left:3%}
.m06_write .line02_box{float:left;width:31.33%}
.m06_write .line02_box + .line02_box{margin-left:3%}
.m06_write .line02_box.mb_hp_box{}
.m06_write .line02_box.mb_hp_box .part_wrap{}
.m06_write .line02_box.mb_hp_box .part_wrap .answer{float:left;width:30.33%;position:relative}
.m06_write .line02_box.mb_hp_box .part_wrap .answer::after{content:"";display:block;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:7px;height:1px;background:#a1a1a1}
.m06_write .line02_box.mb_hp_box .part_wrap .answer:last-child::after{display:none}
.m06_write .line02_box.mb_hp_box .part_wrap .answer + .answer{margin-left:4.5%}
.m06_write .line03_box{float:left;width:100%}
.m06_write .line03_box .answer{}
.m06_write .line03_box .answer .check_box::after{content:"";display:block;clear:both}
.m06_write .line03_box .answer .check_box > .agree_btn{float:left;width:14.2%;padding-left:10px}
.m06_write .line03_box .answer .check_box > .agree_btn > label{font-size:17.09px;color:#000;font-family: 'NanumSquare';font-weight:600;margin-left:15px}
.m06_write .line04_box{float:left;width:244.4px}
.m06_write .line04_box > .answer{position:relative}
.m06_write .inquiry_box_cont{margin-bottom:22px}
.m06_write .inquiry_content{margin-bottom:30px}
.m06_write .inquiry_content > .agree_btn{}
.m06_write .inquiry_content > .agree_btn > input{margin-right:10px}
.m06_write .inquiry_content > .agree_btn > label{font-size:15.77px;color:#2b2b2b;font-family: 'NanumSquare';font-weight:400}
.m06_write .inquiry_content > .agree_btn .agree_more{display:inline-block;width:52px;height:19.68px;line-height:21px;background:#373c3f;color:#fff;font-size:13.87px;font-weight:400;border-radius:10px;vertical-align:bottom;text-align:center}
.write-wrap .m06_write_btn{text-align:center}
.write-wrap .m06_write_btn.btn_write button.btn{width:284.37px;height:60px;border-radius:30px !important;background:-webkit-linear-gradient(135deg,#479dda,#0a66ae) !important;background:-moz-linear-gradient(135deg,#479dda,#0a66ae) !important; background:linear-gradient(135deg,#479dda,#0a66ae) !important}
.write-wrap .m06_write_btn.btn_write button.btn:hover{}
.write-wrap .m06_write_btn.btn_write button.btn > span{font-size:26.03px;color:#ffffff;font-family: 'NanumSquare';font-weight:800;line-height:60px}
.m06_view_content > span{display:block;font-size:20px;font-family: 'NanumSquare';font-weight:600}
.m06_list_board{}
.m06_list_board .div-head{background:#e0e0e0;border-top:0;border-bottom:2px solid #a9a9a9;padding:18px 0}
.m06_list_board .list-head > span{font-size:22.43px;color:#000000;font-weight:600;font-family: 'NanumSquare'}
.board_style .m06_list_board .list-body li{border-bottom:2px solid #a9a9a9}




/********* 모바일 *********/

/* 공통사항 */
.is-mobile .mob_banner{width:100%;background:-webkit-linear-gradient(135deg,#0a66ae,#479dda) ;background:-moz-linear-gradient(135deg,#0a66ae,#479dda); background:linear-gradient(135deg,#0a66ae,#479dda);padding:10px 0}
.is-mobile .mob_banner .container_fix > h2{display:inline-block;font-size:15px;color:#fff;position:relative}
.is-mobile .mob_banner .container_fix > h2 + h2{padding-left:10px;margin-left:10px}
.is-mobile .mob_banner .container_fix > h2::after{content:"";display:block;width:2px;height:19px;background:#fff;position:absolute;left:-2px;top:50%;transform:translateY(-50%)}
.is-mobile .mob_banner .container_fix > h2:first-child::after{display:none}

.is-mobile .mob_sub_txt{width:100;text-align:center;margin:45px 0 30px}
.is-mobile .mob_sub_txt > h2{font-size:24px;color:#1a75ba;font-weight:800}

.is-mobile .tab_box{margin:33px 0}
.is-mobile .tab_box .tab_ul{}
.is-mobile .tab_box .tab_ul::after{content:"";display:block;clear:both}
.is-mobile .tab_box .tab_ul li{width:18%}
.is-mobile .tab_box .tab_ul li + li{padding-left:10px}
.is-mobile .tab_box .tab_ul li > span{font-size:14px;padding:8px 15px}
.is-mobile .tab_box.fixed{top:50px;margin:0;border-top:1px solid #cecece}
.is-mobile .tab_box.fixed .tab_ul{padding:13px 0}
.is-mobile .tab_box .tab_ul li > span{}
.is-mobile .tab_box.fixed .tab_ul li.active > span::after{bottom:-5px}
.is-mobile .mob_list{padding:10px 0}
.is-mobile .tab_box.fixed .mob_list{padding:0}

/* 운영레퍼런스 */
.is-mobile .list_gallery_cont .fix_gallery_content{margin-top:0;bottom:13%}
.is-mobile .list_gallery_cont .fix_gallery_content .gallery_title{font-size:17px}
.is-mobile .list_gallery_cont .fix_gallery_content .gallery_span{font-size:11px;margin:4px 0 5px}
.is-mobile .list_gallery_cont .fix_gallery_content .gallery_span > p{font-size:14px;margin-top:0px}
.is-mobile .list_gallery_cont .fix_gallery_content .more_btn{font-size:14px;width:auto;padding:4px 25px;line-height:1}

/* 디자인포트폴리오 */
.is-mobile .list-wrap .list-container.gallery_container .list-row.m04_02_list{width:50% !important}


/* 새소식 */
.is-mobile .m05_list_board .wr-cateory{width:35%}
.is-mobile .notice_style .list-board.m05_list_board .wr-num{width:15%}
.is-mobile .m05_list_board .list-head > span{font-size:17px}
.is-mobile .board_style .m05_list_board .list-body li > div{padding:12px 0}
.is-mobile .board_style .m05_list_board .list-body li > div, .is-mobile .board_style .m05_list_board .list-body li > div > a{font-size:15px}
.is-mobile .m05_tsearch.list-tsearch{margin-top:35px}
.is-mobile .m05_tsearch.list-tsearch::after{content:"";display:block;clear:both}
.is-mobile .m05_tsearch.list-tsearch .row{margin-left:0 !important;float:right;margin-right:-20px !important}
.is-mobile .m05_tsearch.list-tsearch .col_sm_2{width:23%}
.is-mobile .m05_tsearch.list-tsearch .col_sm_2 > .form-group select.input-sm{font-size:15px;height:36px;line-height:24px}
.is-mobile .m05_tsearch.list-tsearch .col_sm_2 > .form-group .tsearch_arrow{width:25%}
.is-mobile .m05_tsearch.list-tsearch .col_sm_4{width:50%}
.is-mobile .m05_tsearch.list-tsearch .col_sm_4 > .form-group input.input-sm{height:36px;line-height:36px}
.is-mobile .m05_tsearch.list-tsearch .tsearch_btn{padding-left:3% !important}
.is-mobile .m05_tsearch.list-tsearch .tsearch_btn > .form-group button.btn_block{width:auto;font-size:15px;padding:5px 7px}
.is-mobile .m05_tsearch.list-tsearch .tsearch_btn > .form-group button.btn_block > img{height:15px}


/* 광고문의 */
.is-mobile .mob_m06_write{padding:36px 0 80px}
.is-mobile .mob_m06_write > div{float:left}
.is-mobile .mob_m06_write .mob_m06_write_tit{width:100%;margin-bottom:20px}
.is-mobile .mob_m06_write .mob_m06_write_tit > span{font-size:23px;color:#0d76c7;font-family: 'NanumSquare';font-weight:800}
.is-mobile .mob_m06_write .mob_m06_write_tit > span > img{margin-right:10px;vertical-align:text-bottom;height:35px}
.is-mobile .mob_m06_write .mob_m06_write_con{width:100%;padding:35px 15px;background:#fff;border-radius:15px;box-shadow:0px -1px 14px rgba(0,0,0,0.2)}
.is-mobile .mob_m06_write .mob_m06_write_con > div{float:left}
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box{margin-bottom:15px}
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box > label{font-size:14px;color:#3e5465;font-family: 'NanumSquare';font-weight:600;line-height:1;margin-bottom:10px;transform:skew(-1.001deg);}
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box .answer input[type="text"], 
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box .answer input[type="password"],
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box .answer select,
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box .answer textarea{background:#f3f9fd;border:1px solid #c3d2dd;border-radius:5px;height:35px;line-height:35px;font-size:13px}
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box .answer textarea{height:150px}
.is-mobile .mob_m06_write .mob_m06_write_con .line01_box,
.is-mobile .mob_m06_write .mob_m06_write_con .line04_box,
.is-mobile .mob_m06_write .mob_m06_write_con .line02_box{width:100%}
.is-mobile .mob_m06_write .mob_m06_write_con .line03_box{width:50%}
.is-mobile .mob_m06_write .mob_m06_write_con .inquiry_box_cont{width:100%}
.is-mobile .mob_m06_write .mob_m06_write_con .line03_box .answer{position:relative}
.is-mobile .mob_m06_write .mob_m06_write_con .mobile_full_content{width:100%}
.is-mobile .mob_m06_write .mob_m06_write_con .mob_well{width:100%;border:0}
.is-mobile .mob_m06_write .mob_m06_write_con .m06_write_btn{width:100%;margin:0}
.is-mobile .mob_m06_write .mob_m06_write_con .m06_write_btn.btn_write button.btn{margin-bottom:0;width:auto;height:auto;padding:10px 20px;}
.is-mobile .mob_m06_write .mob_m06_write_con .m06_write_btn.btn_write button.btn > span{font-size:15px;line-height:1}
.is-mobile .mob_m06_write .intro_box{width:100%;margin-top:30px;text-align:center}
.is-mobile .mob_m06_write .intro_box > a{display:inline-block;margin:0 10px;border-radius:15px;font-size:20px}
.is-mobile .mob_m06_write .intro_box > a.m01_go{background:#fff;color:#373c3f;padding:10px 15px}
.is-mobile .mob_m06_write .intro_box > a.file_down{padding:10px 25px;background:background:-webkit-linear-gradient(135deg,#0a66ae,#479dda) ;background:-moz-linear-gradient(135deg,#0a66ae,#479dda); background:linear-gradient(135deg,#0a66ae,#479dda);color:#fff}


@media (max-width:991px){
	.is-mobile .list-wrap .list-container.gallery_container .list-row.m04_02_list{width:100% !important}

	/* 새소식*/
	.is-mobile .m05_category .div-tab.tabs ul li{float:none;display:inline-block}
	.is-mobile .m05_category .div-tab.tabs ul li:nth-child(6) > a{padding-left:0}
	.is-mobile .m05_category .div-tab.tabs ul li > a{font-size:14px}
}

@media (max-width:480px){

	/* 공통사항 */
	.is-mobile .tab_box.fixed .tab_ul li.active > span::after{bottom:-6px}

	/* 새소식 */
	.is-mobile .m05_category .div-tab.tabs ul li:nth-child(4) > a::after{display:none}
	.is-mobile .m05_category .div-tab.tabs ul li:nth-child(5) > a{padding-left:0}
	.is-mobile .m05_category .div-tab.tabs ul li:nth-child(6) > a{padding-left:15px}

	/* 광고문의하기 */
	.is-mobile .mob_m06_write .intro_box > a{font-size:15px}
}


/* 210312 */
.mob_m06_write_tit span.red {font-size:15px; font-weight:500;}

/* 230130 csj 유지보수 */
/* .m07_01_wrap > div img{max-width:100% !important;}
@media(max-width: 1210px){
	.m07_01_wrap > div img{width:100%;}
} */