﻿@charset "utf-8";

/***************************************************************

Author :Justin.J

***************************************************************/


/************************************************
*		LAYOUT									*
************************************************/

#wrap{width:100%;padding:0;position:relative;}
.layout{width:100%;margin:30px auto 0;padding:0;position:relative;}
.content{width:100%;max-width:1024px;margin:0 auto;position:relative;}
.s_content{width:73%;margin:0 0 30px;padding:1%;float:right;}
.sider_nav{width:20%;margin:15px 0 30px;float:left;}

.bg_b_over{background:#000;opacity:0.5;filter:alpha(opacity=50);-ms-filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-moz-opacity:0.5;-khtml-opacity:0.5;filter: alpha(opacity=50);}





/************************************************
*		HEADER									*
************************************************/
.navbar-wrapper .nw_title{width:30%;max-width:300px;height:50px;margin:0 auto;text-align:center;color:#fff;font-size:20px;font-weight:bold;line-height:50px;position:absolute;left:35%;right:35%;z-index:10000;}

.dropdown-menu {
	border-radius: 0px;
}

.navbar-nav .open .dropdown-menu>li>a {
	text-align: right;
	color: f4f3eb;
}

.navbar-nav .open .dropdown-menu>li>a:hover {
	color:#e3e0d1;
}

.navbar-inverse .navbar-brand {
	color: white;
	font-size: 20px;
}

.navbar-inverse .navbar-brand img{height:50px;margin-bottom:1px;}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
	margin-left: 0px;
}

.navbar-nav {
	float: right;
	margin-right: 5px;
}

.navbar-wrapper .navbar {
	padding-right: 0;
	padding-left: 0;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
	text-align: right;
}

.navbar-nav .open .dropdown-menu>li img {
	height: 20px;
	margin-left: 15px;
	float: right;
}

.navbar-nav .dropdown-menu>li .gm_ti{border-top:1px dotted #4b4c4d;border-bottom:1px dotted #4b4c4d;font-weight:bold;color:#fff;line-height:30px;}
.navbar-nav .dropdown-menu>li .gm_sti{border-bottom:1px dotted #4b4c4d;font-weight:bold;color:#fff;line-height:30px;}

.navbar-wrapper {
	position:absolute;
	/*position: fixed;*/
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
}

.navbar-wrapper > .container {
	padding-right: 0;
	padding-left: 0;
}

.navbar-wrapper .navbar {
	padding-right: 15px;
	padding-left: 15px;
}

.navbar-wrapper .navbar .container {
	width: auto;
}




/************************************************
*		CONTAINER								*
************************************************/

.m_screen{
	_height:380px;
	*height:380px;
	_padding:30px 0;
	*padding:30px 0;
	background-attachment:scroll;
	background-color:#efefef;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-color:#eae9e9;
	border-bottom-width:0px;
	border-top-width:0px;
	border-bottom-style:solid;
	border-top-style:solid;
	text-align:center;
	position:relative;
}
.type_1{background-image:url(../images/w_visual_1.jpg);}
.type_2{background-image:url(../images/w_visual_2.jpg);}

@media \0screen {
	.m_screen{width:100%;height:380px;padding:150px 0;}
}

.m_screen .ss_title{width:100%;padding:0 2%;*padding:150px 2% 0;text-align:center;font-size:45px;color:#fff;line-height:48px;}
.m_screen .ss_title2{width:100%;padding:0 2%;*padding:150px 2% 0;text-align:center;font-size:47px;color:#fff;line-height:48px;}
.m_screen .ss_title3{width:100%;padding:0 2%;*padding:150px 2% 0;text-align:center;font-size:35px;color:#fff;line-height:48px; margin-top:10px;}
.m_screen .ss_txt{width:100%;text-align:center;font-size:16px;color:#fff;}
.m_screen .ss_btn{width:200px;height:42px;_height:36px;margin:40px auto 0;padding:0 10px;border:3px solid #fff;border-radius:4px;text-align:center;font-size:14px;color:#fff;line-height:35px;display:block;position:relative;}
.m_screen .ss_btn .btn_txt, .m_screen .ss_btn .btn_bg{width:100%;height:36px;position:absolute;left:0;top:0;}
.m_screen .ss_btn .btn_txt{z-index:1;}
.m_screen .ss_btn .btn_bg{z-index:0;}


.copy_m_area{width:100%;margin:0 auto;padding:15px 0 15px;text-align:center;}
.copy_m_area .cma_btxt{font-size:28px;line-height:45px;}
.copy_m_area .cma_txt{font-size:18px;color: #c3090e;margin-top: 8px;}


.m_thum_wrap{width:100%;max-width:1024px;margin:0 auto;padding:25px 0 10px;position:relative;}
.m_thum_wrap ul{margin:0;padding:0 10px;}
.m_thum_wrap li:first-child{margin:0;}
.m_thum_wrap li{width:23%;margin:0 0 0 2%;_margin:0;text-align:center;float:left;}
.m_thum_wrap li .mtw_thum{/*margin-bottom:20px;*/border:1px solid #e1e1e1;}
.m_thum_wrap li img{width:100%;}
.m_thum_wrap li .mtw_ti{margin-bottom:0;font-size:18px;color:#333;line-height:22px;display:inline-table;}
.m_thum_wrap li .mtw_txt{font-size:14px; margin-top: 8px; margin-bottom:30px;}


.m_info_wrap{width:100%;max-width:1024px;margin:20px auto 0;position:relative;}
.m_info_wrap .miw_left{width:45%;float:left;}
.m_info_wrap .miw_left ul{position:relative;}
.m_info_wrap .miw_left li.miw_title{width:100%;height:30px;margin-bottom:15px;padding:5px 0;line-height:30px;display:inline-table;}
.m_info_wrap .miw_left li.miw_title b{font-size:20px;color:#333;float:left;}
.m_info_wrap .miw_left li.miw_title .more{_width:70px;_height:30px;margin:-5px 10px 0 0;font-size:12px;line-height:30px;float:right;}
.m_info_wrap .miw_left li.miw_title .more a{height:33px;margin:3px 0 0;padding:0 10px;border:1px solid #bcbcbc;color:#bcbcbc;line-height:30px;display:block;}
.m_info_wrap .miw_left li.miw_title .more a:hover{border:1px solid #999;color:#999;}
@media \0screen {
	.m_info_wrap .miw_left li.miw_title .more{width:70px;height:30px;margin-left:280px;}
}

.m_info_wrap .miw_left li.miw_cae{margin:5px 10px 28px;}
.m_info_wrap .miw_left li.miw_cae .mc_ti{font-size:14px;font-weight:bold;line-height:16px;}
.m_info_wrap .miw_left li.miw_cae .mc_date{margin:5px 0;font-size:13px;color:#bdc2ab;line-height:14px;}
.m_info_wrap .miw_left li.miw_cae .mc_copy{font-size:13px;line-height:20px;}

.m_info_wrap .miw_right{width:45%;margin-left:10%;float:left;}
.m_info_wrap .miw_right ul{position:relative;}
.m_info_wrap .miw_right li.miw_title{width:100%;height:30px;margin-bottom:15px;padding:5px 0;line-height:30px;display:inline-table;}
.m_info_wrap .miw_right li.miw_title b{font-size:20px;color:#333;float:left;}
.m_info_wrap .miw_right li.miw_title .more{_width:70px;_height:30px;margin:-5px 10px 0 0;font-size:12px;line-height:30px;float:right;}
.m_info_wrap .miw_right li.miw_title .more a{height:33px;margin:3px 0 0;padding:0 10px;border:1px solid #bcbcbc;color:#bcbcbc;line-height:30px;display:block;}
.m_info_wrap .miw_right li.miw_title .more a:hover{border:1px solid #999;color:#999;}
@media \0screen {
	.m_info_wrap .miw_right li.miw_title .more{width:70px;height:30px;}
}

.m_info_wrap .miw_right li.faq_wrap{margin:0 10px 10px;border-bottom:1px solid #e0e0e0;}
.m_info_wrap .miw_right li.faq_wrap .fw_que{width:100%;padding-bottom:10px;font-size:14px;font-weight:bold;line-height:16px;display:block;}
.m_info_wrap .miw_right li.faq_wrap .fw_ans{margin:0;padding:18px 10px;background-color:#f6f6f6;font-size:13px;line-height:24px;}

.m_info_wrap .miw_right .panel-title{width:100%;font-size:14px;font-weight:bold;line-height:16px;display:block;}




.step_wrap{width:100%;max-width:1024px;margin:50px auto 0;background:url(../images/step_stick.gif) repeat-y center top;position:relative;}
.step_wrap .sw_case{width:40%;margin:20px 0;padding:2% 1%;float:left;}
.step_wrap .case_txt1{background-color:#676767;border:1px solid #676767;border-radius:3px;color:#fff;}
.step_wrap .case_txt2{background-color:#989898;border:1px solid #989898;border-radius:3px;color:#fff;}
.step_wrap .case_txt3{background-color:#b6b5b5;border:1px solid #b6b5b5;border-radius:3px;color:#fff;}
.step_wrap .case_txt4{margin-top:180px;background-color:#cdcdcd;border:1px solid #cdcdcd;border-radius:3px;}

.step_wrap .sw_stick{width:20%;margin:0 0 20px;padding:2% 1%;text-align:center;vertical-align:middle;position:relative;float:left;}
.step_wrap .sw_stick .sw_ti{width:100%;padding:0;background-color:#fff;text-align:center;font-size:20px;font-weight:bold;display:inline-table;position:absolute;left:0;top:45%;z-index:10;}
.step_wrap .sw_stick img{width:100%;z-index:0;}

.step_wrap .sw_end{width:40%;margin:50px 0 0;position:relative;left:30%;right:30%;}
.step_wrap .sw_end img{width:100%;z-index:0;}
.step_wrap .sw_end .se_lt{width:30%;position:absolute;left:0;top:0;z-index:100;}
.step_wrap .sw_end .se_rt{width:30%;position:absolute;right:0;top:0;z-index:100;}
.step_wrap .sw_end .se_lb{width:30%;position:absolute;left:0;bottom:0;z-index:100;}
.step_wrap .sw_end .se_rb{width:30%;position:absolute;right:0;bottom:0;z-index:100;}
.step_wrap .sw_end .name{width:100%;text-align:center;font-size:40px;display:inline-table;position:absolute;left:0;top:42%;z-index:10;}
.step_wrap .sw_end .sname{width:100%;text-align:center;font-size:20px;color:#fff;display:inline-table;position:absolute;left:0;top:39%;z-index:10;}

.step_wrap .sw_end .se_slt{width:80%;padding:15px 25% 0 0;background:url(../images/c1_line.gif) no-repeat right top;position:absolute;left:-60%;top:0;}
.step_wrap .sw_end .se_srt{width:80%;padding:15px 0 0 25%;background:url(../images/c2_line.gif) no-repeat left top;position:absolute;right:-60%;top:0;}
.step_wrap .sw_end .se_slb{width:80%;padding:0 25% 15px 0;background:url(../images/c3_line.gif) no-repeat right bottom;position:absolute;left:-60%;bottom:0;}
.step_wrap .sw_end .se_srb{width:80%;padding:0 0 15px 25%;background:url(../images/c4_line.gif) no-repeat left bottom;position:absolute;right:-60%;bottom:0;}





/******************* Content *******************/
.s_content .sc_title{margin-bottom:15px;border-bottom:2px solid #e0e0e0;text-align:left;font-size:24px;font-weight:bold;line-height:62px;position:relative;}
.s_content .sc_stitle{margin-bottom:15px;text-align:left;font-size:20px;font-weight:bold;line-height:40px;position:relative;}
.s_content .sc_sstitle{margin-bottom:15px;padding:3px 10px;background-color:#e0e0e0;text-align:left;font-size:18px;line-height:30px;position:relative;}
.s_content .sc_sstitle img{margin:0 0 3px;vertical-align:middle;}
.s_content .sc_content{padding:10px;position:relative;}
.s_content .sc_content .sc_copy{margin:0 0 20px 0;}

.sc_creative{margin:50px 0;padding:20px 0;border-top:1px dotted #aeafaf;border-bottom:1px dotted #aeafaf;position:relative;}
.sc_creative ul{margin:0;padding:0;}
.sc_creative li:first-child{border-left:0;}
.sc_creative li{width:50%;_width:48%;height:130px;padding:35px 1% 20px;border-left:1px dotted #aeafaf;display:inline-table;float:left;}
.sc_creative li.bline{border-bottom:1px dotted #aeafaf;}
.sc_creative li .scc_thum{width:35%;height:130px;margin-right:5%;text-align:center;float:left;}
.sc_creative li .scc_thum img{width:100%;}
.sc_creative li .scc_copy{width:60%;color:#333;line-height:22px;float:left;}
.sc_creative li .st_ti{width:100%;margin-bottom:15px;font-size:22px;display:block;}

.sc_news{margin:0 0 30px;padding:0;}
.sc_news ul{margin:0;padding:0;}
.sc_news li{margin:0;padding:20px 5px;border-bottom:1px solid #e0e0e0;position:relative;}
.sc_news li:hover{background-color:#f6f6f6;}
.sc_news li .scn_thum{width:23%;height:100px;border:1px solid #e0e0e0;background-color:#f6f6f6;text-align:center;line-height:100px;float:left;overflow:hidden;}
.sc_news li .scn_thum img{height:100%;margin:-5px -50px 0;}
.sc_news li .scn_copy{width:75%;height:100px;margin:-5px 0 0;float:right;}
.sc_news li .scn_copy .scn_ti{font-size:18px;line-height:24px;}
.sc_news li .scn_copy .scn_date{font-size:12px;color:#999;line-height:22px;}
.sc_news li .scn_copy .scn_date span{margin:0 15px;color:#ccc;}
.sc_news li .scn_copy .scn_txt{height:54px;font-size:13px;line-height:18px;overflow:hidden;}

.sc_news .scn_title{margin:0 0 2px;padding:10px;border-top:2px solid #454545;border-bottom:1px solid #aab0b4;font-size:18px;line-height:28px;}
.scn_info{height:30px;padding:0 10px;background-color:#efefef;font-size:12px;color:#999;line-height:30px;position:relative;}
.scn_info .scn_date{width:50%;float:left;}
.scn_info .scn_date span{margin:0 10px;}
.scn_info .scn_share{width:50%;text-align:right;float:right;}
.scn_view{margin:30px 0 0;padding:10px 10px 50px;line-height:28px;}
.scn_view .scn_write{margin:45px 0 0;font-size:12px;}

.scn_list{height:30px;padding:0 10px;text-align:right;font-size:12px;line-height:30px;}
.scn_list .list{margin:-2px 3px 0 0;}


.bizz_wrap{margin:0;padding:0;position:relative;}
.bizz_wrap .bw_part{width:50%;float:left;}


.lisence_top{margin:0;padding:15px 10px;background-color:#f6f6f6;border:1px solid #e0e0e0;position:relative;}
.lisence_top .lt_visual{width:20%;text-align:center;float:left;}
.lisence_top .lt_visual img{width:100%;max-width:95px;vertical-align:middle;}
.lisence_top .lt_info{width:75%;text-align:left;font-size:15px;line-height:30px;float:right;}

.lisence_wrap{margin:0;padding:0;position:relative;}
.lisence_wrap img{width:100%;padding:2%;border:1px solid #e0e0e0;}
.lisence_wrap .lw_visual{width:50%;text-align:center;float:left;}
.lisence_wrap .lw_visual img{width:100%;border:1px solid #e0e0e0;}
.lisence_wrap .lw_info{width:45%;float:right;}
.lisence_wrap .lw_txt{margin:15px 0 35px;padding:10px 0;background-color:#efefef;text-align:center;}


.process_wrap{padding:30px 0;position:relative;}
.process_wrap .pw_case{margin:0;padding:0;}
.process_wrap .pw_case li{padding:20px 0 0;text-align:center;}
.process_wrap .pw_case li.w100{width:100%;}
.process_wrap .pw_case li.w33{width:33%;}
.process_wrap .pw_case li.fl{float:left;}
.process_wrap .pw_case li.fr{float:right;}
.process_wrap .pw_case li.dl_icon{background:url(../images/ip_img1_0.png) no-repeat 25% 98%;}
.process_wrap .pw_case li.al_icon{background:url(../images/arrow_left.png) no-repeat left 37%;}
.process_wrap .pw_case li.ar_icon{background:url(../images/arrow_right.png) no-repeat right 37%;}
.process_wrap .pw_case li.ad_icon{background:url(../images/arrow_down.png) no-repeat center bottom;}
.process_wrap .pw_case .pw_txt{margin:0 0 15px;font-size:18px;font-weight:bold;line-height:20px;}


.service_wrap{margin:0;padding:0;position:relative;}
.service_wrap .sw_process{width:100%;text-align:center;}
.service_wrap .sw_process img{width:100%;}

.service_wrap .sw_visual{width:70%;text-align:center;float:left;}
.service_wrap .sw_visual img{width:100%;border:1px solid #e0e0e0;}
.service_wrap .sw_visual .swv_txt{margin:10px 0 0;padding:10px 0;background-color:#ccc;text-align:center;}
.service_wrap .sw_info{width:27%;float:right;}
.service_wrap .sw_txt{margin:20px 0 0;padding:10px 0;background-color:#e0e0e0;text-align:center;}



.faq_visual{height:130px;margin:0 0 40px;background:#f6f6f6 url(../images/if_img1_1.png) no-repeat 90% 50%;border:1px solid #d8d8d8;border-radius:4px;position:relative;}
.faq_visual .fv_txt{padding:30px 40px 20px;font-size:22px;font-weight:bold;}


.faq_case{margin:0 0 30px;position:relative;}
.faq_case li.fc_wrap{margin:0 10px 10px;border-bottom:1px solid #e0e0e0;}
.faq_case li.fc_wrap .fc_que{width:100%;padding-bottom:10px;font-size:14px;font-weight:bold;line-height:16px;display:block;}
.faq_case li.fc_wrap .fc_ans{margin:0;padding:18px 10px;background-color:#f6f6f6;font-size:13px;line-height:24px;}

.email_wrap{padding:30px 0;position:relative;}
.email_wrap .ew_ti{font-size:16px;}
.email_wrap .ew_txt{margin:15px 0 35px}
.email_wrap .ew_input{width:100%;height:35px;padding:0 2%;border:1px solid #e3e3e3;border-radius:3px;line-height:35px;}
.email_wrap .ew_text{width:100%;height:200px;padding:0 2%;border:1px solid #e3e3e3;border-radius:3px;}
.email_wrap .ew_btn{width:100px;height:35px;margin:0 auto;text-align:center;position:relative;}
.email_wrap .ew_btn a{width:80px;height:35px;margin:0 10px;padding:0 10px;background-color:#f6f6f6; border:1px solid #e3e3e3;border-radius:3px;text-align:center;line-height:35px;display:block;float:left;}




/* 테이블 */
.table_type1{width:100%;margin:0 0 20px;border-top:3px solid #454545;font-size:14px;color:#333;line-height:26px;word-break:break-all;}
.table_type1 thead th, .table_type1 thead td{padding:15px 10px;background-color:#fff;border-bottom:1px solid #939393;font-weight:bold;}
.table_type1 tbody th{padding:10px;border-bottom:1px solid #d9d9d9;background-color:#f6f6f6;word-break:break-word;}
.table_type1 tbody td{padding:10px;border-bottom:1px solid #d9d9d9;background-color:#fff;word-break:break-word;}
.table_type1 .bgcolor1{background-color:#ddd;}
.table_type1 .bgcolor2{background-color:#efefef;}
.table_type1 img{margin:0 0 2px;vertical-align:middle;}
.table_type1 .xtxt{font-size:24px;}
.table_type1 .btxt{font-size:18px;}
.table_type1 .stxt{font-size:16px;}
.table_type1 ul{margin:0;padding:0;}
.table_type1 li{padding:0 0 0 10px;background:url(../images/bullet_05.gif) no-repeat left 12px;}

.table_type2{width:100%;margin:0 0 20px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;font-size:14px;word-break:break-all;}
.table_type2 thead th, .table_type2 thead td{padding:10px;background-color:#f6f6f6;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-weight:bold;color:#333;}
.table_type2 tbody th, .table_type2 tbody td{padding:10px;background-color:#fff;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#878787;word-break:break-word;}
.table_type2 img{vertical-align:middle;}

.table_type3{width:100%;margin:0 0 20px;background-color:#f6f6f6;border:1px solid #e0e0e0;font-size:14px;word-break:break-all;}
.table_type3 thead th, .table_type3 thead td{padding:10px;color:#333;}
.table_type3 tbody th, .table_type3 tbody td{padding:10px;color:#878787;word-break:break-word;}
.table_type3 img{vertical-align:middle;}





/************************************************
*		SIDEBAR									*
************************************************/

.sider_nav .sn_title{height:60px;border-bottom:2px solid #e0e0e0;text-align:center;font-size:26px;font-weight:bold;line-height:60px;}
.sider_nav .sn_menu{margin:0;padding:0;}
.sider_nav .sn_menu ul{padding:0 0 15px;}
.sider_nav .sn_menu li{margin:0 8px;border-bottom:1px solid #e0e0e0;text-align:left;font-size:15px;line-height:40px;}
.sider_nav .sn_menu ol{padding:5px 0;border-top:1px solid #e0e0e0;}
.sider_nav .sn_menu ol li{padding:0 5px;border-bottom:0;font-size:14px;font-weight:normal;line-height:30px;}
.sider_nav .sn_menu ol li a{height:30px;padding:0;background:none;line-height:30px;}
.sider_nav .sn_menu li a{height:40px;margin:0 -10px;padding:0 10px 0 20px;background:url(../images/menu_micon.png) no-repeat 7px 50%;display:block;}
.sider_nav .sn_menu li a.on, .sider_nav .sn_menu li a:hover{background-color:#fff;font-weight:bold;color:#c3090e;}






.paginate{margin:0 auto;padding:29px 0 30px;text-align:center;overflow:hidden;clear:both;zoom:1}
.paginate a{margin-right:-1px;padding:0 0 0 5px;color:#666;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important;display:-moz-inline-box;display:inline-block;_position:relative;}
.paginate a:link, .paginate a:visited{background:url(../images/bg_page_nav_up.gif) no-repeat 0 0 !important}
.paginate a:link span,.paginate a:visited span{background:url(../images/bg_page_nav_up.gif) no-repeat 100% 0 !important;cursor:pointer}

.paginate a:hover,.paginate a:focus,.paginate a:active{background:url(../images/bg_page_nav_ov.gif) no-repeat 0 0 !important;color:#fff !important;}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{background:url(../images/bg_page_nav_ov.gif) no-repeat 100% 0 !important;cursor:pointer}

.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-1px;padding:0 0 0 5px;background:url(../images/bg_page_nav_ov.gif) no-repeat 0 0 !important;color:#fff;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.paginate strong{color:#fff !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1}

.paginate strong span{padding:0 8px 0 3px;background:url(../images/bg_page_nav_ov.gif) no-repeat 100% 0 !important;display:block;_display:inline;position:relative;top:0;zoom:1}
/* user option */
.paginate a.pre,.paginate a.next{position:relative;top:-1px;background:none !important;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px}
.paginate a.pre:hover,.paginate a.pre:focus,.paginate a.pre:active,.paginate a.next:hover,.paginate a.next:focus,.paginate a.next:active{background:none !important}
.paginate a.pre{margin-right:4px}
.paginate a.next{margin-left:2px}





/************************************************
*		FOOT									*
************************************************/

.foot_wrap{width:100%;height:90px;margin:50px 0 0;padding:25px 0 0;background-color:#282a2b !important;position:relative;}
.foot_wrap .fw_content{width:100%;max-width:1024px;margin:0 auto;text-align:center;}
.foot_wrap .fw_content .fw_txt{font-size:12px;color:#777;line-height:14px;}





/************************************************
*		MODAL									*
************************************************/
html, body{height:100%;margin:0}
.g_login .gl_title{margin:10px 15px;font-size:16px;font-weight:30px;}
.g_login .gl_input{margin:10px 15px 25px;}
.g_login .gl_btn{margin-bottom:35px;text-align:center;}

.mw_vod{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;}
.mw_vod.open{display:block}
.mw_vod .bg{width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-ms-filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-moz-opacity:0.5;-khtml-opacity:0.5;opackt:0.5;position:absolute;top:0;filter: alpha(opacity=50);}
#vod{width:700px;margin:-300px 0 0 -360px;padding:0;background:#000;font-family:Tahoma, Geneva, sans-serif;line-height:normal;white-space:normal;position:absolute;top:50%;left:50%;}
#vod.g_vod .g_vod{display:block}
#vod .close{width:40px;height:40px;padding:0;border:0;background:transparent;font:bold 16px/25px Verdana, Geneva, sans-serif;color:#fff;text-align:center;text-decoration:none !important;cursor:pointer;position:absolute;top:0;right:0;overflow:visible;}
#vod img{width:100%;min-width:320px;max-width:700px;vertical-align:top;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media screen and (max-width : 320px) {
	.navbar-wrapper .nw_title{font-size:13px !important;}
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {margin-left:-3px;}
	.navbar-toggle{margin-right:7px !important;}
	.swiper-slide .ss_btn{width:150px;height:24px;padding:0 5px;font-size:14px;line-height:24px;}
	.sc_creative li{height:100px;padding:0 1%;}
	.foot_wrap{height:105px;}
	
	.faq_visual .fv_txt {padding: 14px;font-size: 15px;font-weight: normal;width: 60%;}
}

@media screen and (max-width : 420px) {
	.m_none{display:none;}

	#vod{width:320px !important;margin:-300px 0 0 -160px !important;}

	.navbar-wrapper .nw_title{padding-left:30px;font-size:16px;letter-spacing:-1px;}
	.navbar>.container{margin:0;}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {margin-left:-5px;}
	.navbar-toggle{margin-right:10px !important;}

	.copy_m_area{margin:-20px auto 30px;padding:10px 0 5px;}
	.copy_m_area .cma_btxt{font-size:22px;line-height:30px;}
	.copy_m_area .cma_txt{font-size:16px; color: #c3090e;margin-top: 8px;}

	.m_screen{padding:50px 0 !important;}
	.m_screen .ss_title{font-size:21px !important;line-height:30px !important;}
	.m_screen .ss_title2{font-size:21px;line-height:30px;}
	.m_screen .ss_title3{font-size:13px;line-height:30px;color:White;}
	.m_screen .ss_txt{font-size:13px !important;}
	.m_screen .ss_btn{width:180px;margin:0 auto;}

	.m_thum_wrap{margin:-30px 0 0;}

	.m_info_wrap .miw_left{margin:0 2%;}

	.s_content{margin-top:10px;}
	.s_content .sc_title{font-size:22px;line-height:48px;}

	.sc_creative{border-bottom:0;}
	.sc_creative li{width:100%;height:120px;padding:25px 1% 10px;border-left:0;border-bottom:1px dotted #aeafaf;}
	.sc_creative li .scc_copy .st_ti{font-size:24px;}

	.sc_news{margin:0;}
	.sc_news li{padding:10px 5px;}
	.sc_news li .scn_thum{width:25%;height:100px;line-height:100px;position:relative;}
	.sc_news li .scn_thum img{height:100%;position:absolute;left:50%;right:50%;}
	.sc_news li .scn_copy{width:70%;margin:-3px 0 0;}
	.sc_news li .scn_copy .scn_ti{font-size:16px;line-height:20px;}
	.sc_news li .scn_copy .scn_date{font-size:12px;line-height:20px;}
	.sc_news li .scn_copy .scn_txt{font-size:13px;}

	.bizz_wrap .bw_part{width:100%;position:relative;}
	.bizz_wrap .bw_case{margin:0 0 25px;padding:15px 5px 5px;border:1px solid #ccc;}

	.paginate a.pre,.paginate a.next{display:none;}

	.foot_wrap{padding:14px 5px 0;}
	.foot_wrap .fw_content .fw_txt{font-size:11px;line-height:15px;}
	.faq_visual .fv_txt{padding:30px 40px 20px;font-size:22px;font-weight:bold;}
	.faq_visual .fv_txt {padding: 14px;font-size: 15px;font-weight: normal;width: 60%;}
}

@media screen and (max-width : 768px) {
	.pc_only{display:none;}

	#vod{width:400px;margin:-300px 0 0 -200px;}

	.navbar-wrapper .nw_title{width:50%;max-width:300px;left:25%;right:25%;}

    .layout{margin-top:-40px;}

	.navbar .container{overflow:hidden;}

	.navbar>.container .navbar-header{margin-right:0;border-bottom:1px solid #aeafaf;}
	.navbar .container{padding:0;}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {margin-left:10px;}
	.navbar-toggle{margin-right:10px !important;}

	.navbar-nav {margin-right:20px;float:right;}

	.navbar-nav .dropdown-menu>li .gm_ti{color:#ebdaa2 !important;}
	.navbar-nav .dropdown-menu>li .gm_sti{color:#ebdaa2 !important;}

	.navbar-wrapper {
		position:relative;
		margin: 0px;
		padding: 0px;
	}
	.navbar-wrapper .container {
		width: 100%;
	}
	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
	}

	.m_screen{height:250px;padding:65px 0;}
	.m_screen .ss_title{font-size:30px;line-height:40px;letter-spacing:-1px;}
	.m_screen .ss_title2{font-size:30px;line-height:40px;letter-spacing:-1px;}
	.m_screen .ss_title3{font-size:14px;line-height:40px;letter-spacing:-1px;}
	.m_screen .ss_txt{font-size:14px;}
	.m_screen .ss_btn{margin:10px auto 0;}

	.m_thum_wrap li:first-child{width:96%;margin:0 2%;}
	.m_thum_wrap li{width:96%;margin:0 2%;position:relative;}

	.m_info_wrap .miw_left{width:96%;margin:0 2% 30px;}
	.m_info_wrap .miw_right{width:96%;margin:0 2%;}

	.s_content{width:98%;margin:0 1%;position:relative;}

	.sc_creative li .scc_copy .st_ti{font-size:20px;}

	.process_wrap .pw_case li{padding:20px 0 10px;}
	.process_wrap .pw_case li.w100{width:100%;}
	.process_wrap .pw_case li.w33{width:100%;}
	.process_wrap .pw_case li.fl{float:left;}
	.process_wrap .pw_case li.fr{float:left;}
	.process_wrap .pw_case li.dl_icon{margin:0 0 -30px;background:none;}
	.process_wrap .pw_case li.al_icon, .process_wrap .pw_case li.ar_icon, .process_wrap .pw_case li.ad_icon{background:url(../images/arrow_down.png) no-repeat center bottom;}

	.lisence_top{margin:0;padding:15px 10px;background-color:#f6f6f6;border:1px solid #e0e0e0;position:relative;}
	.lisence_top .lt_visual{width:100%;margin:0 0 10px;position:relative;}
	.lisence_top .lt_visual img{width:100%;max-width:110px;vertical-align:middle;}
	.lisence_top .lt_info{width:100%;text-align:center;font-size:14px;line-height:22px;position:relative;}

	.lisence_wrap .lw_visual{width:100%;height:350px;margin:0 0 20px;position:relative;}
	.lisence_wrap .lw_visual img{width:auto;height:100%;}
	.lisence_wrap .lw_info{width:100%;position:relative;}

	.service_wrap .sw_visual{width:100%;margin:0 0 20px;position:relative;}
	.service_wrap .sw_info{width:100%;position:relative;}
	.faq_visual .fv_txt {padding: 20px 10px 0 10px;font-size: 17px;font-weight: normal;width: 60%;}
}

@media screen and (min-width : 769px) and (max-width : 1024px) {
	.mobile_only{display:none;}

	.navbar-wrapper .container{width:100%;}
	.navbar .container{padding:0;}

	.m_screen{height:380px;padding:120px 0;}

	.m_info_wrap .miw_left{width:45%;}
	.m_info_wrap .miw_right{width:45%;margin-left:10%;}
}


@media screen and (min-width : 1025px) {
	.mobile_only{display:none;}

	.navbar-wrapper .container{width:100%;}
	.navbar .container{max-width:1024px;margin:0 auto;padding:0;}

	.m_screen{height:380px;padding:150px 0;}
	
    .type_2{height:380px;padding:100px 0;}
    .m_screen .ss_title3{width:96%;padding:0 2%;*padding:150px 2% 0;text-align:center;font-size:36px;color:#fff;line-height:48px; margin-top:40px;}

	.m_info_wrap .miw_left{width:45%;}
	.m_info_wrap .miw_right{width:45%;margin-left:10%;}
}

