@charset "utf-8";
/* CSS Document */

/* layout
-----------------------------------------------*/
#wrap									{ position: relative; width: 100%; margin: 0 auto;  min-width: 1200px; max-width: 100%; }
#controller								{ zoom: 1; z-index: 500; position: absolute; position: fixed; top: 0; left: 0; width: 100%; height: 130px; margin: 0 auto; background:url(../images/common/nav_bg.png) repeat-x; }
#controller #header						{ zoom: 1; position: relative; width: 100%; height: 130px; margin: 0 auto; padding: 0; }
#controller #headerCont					{ width: 1000px; min-width: 1000px; max-width: 1000px; margin: 0 auto; height: 100%; background:url(../images/common/nav_shadow.png) no-repeat bottom center; }

/* controller
-----------------------------------------------*/
/* logo */
#controller #logo				{ zoom: 1; position: relative; float: left; margin: 28px 0 0 20px; }
#controller #logo a				{ position: relative; display: inline-block; padding: 0 0 0 0px; color: #000; font-weight: bold; vertical-align: top; }
#controller #logo a span		{ display: inline-block; width: 165px; }
#controller #logo a span img	{ width: 100%; }

/* subnav */
#controller #subnav				{ zoom: 1; position: relative; float: right; min-height: 0; height: auto !important; height: 20px; }
#controller #subnav ul				{ zoom: 1; position: relative; float: left; padding-left: 0; padding-bottom: 0; }
#controller #subnav ul:after		{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#controller #subnav ul li			{ display: inline; position: relative; padding-top: 15px; float: left; width: 80px; height: 20px; font-size: 16px; text-align: center; }
#controller #subnav ul li a		{ display: block; position: relative; letter-spacing: -1px; margin-right: 0; color: #f2e6de; font-size: 17px; vertical-align: top; }
#controller #subnav ul li.subnav_back	{ background:url(../images/common/subnav_back.png) right 65% no-repeat; }


/* nav */
#controller #nav				{ zoom: 1; position: relative; float: right; min-height: 0; height: auto !important; height: 100px; }
#controller #nav ul				{ zoom: 1; position: relative; float: left; padding-left: 0; padding-bottom: 0; }
#controller #nav ul:after		{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#controller #nav ul li			{ display: inline; position: relative; padding-top: 40px; float: left; width: 175px; height: 27px; font-size: 16px; text-align: center; }
#controller #nav ul li a		{ display: block; position: relative; letter-spacing: -1px; margin-right: 0; color: #f2e6de; font-size: 17px; vertical-align: top; }
#controller #nav ul li a span	{ display: block; position: relative; }
#controller #nav ul li.on a		{ color: #ffb747 }

/* container	
-----------------------------------------------*/
#container								{ position: relative; width: 100%; margin: 0 auto; background: #fff; }
#container:after						{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#container .section						{ position: relative; width: 100%; margin: 0 auto;  }
#container .section .content			{ zoom: 1; position: relative; min-width: 1000px; max-width: 1000px; width: 1100px; margin: 0 auto; padding: 0; }
#container	.contentInner 					{ position: relative; width: 1000px; height:100%; margin: 0 auto;}
#container	.contentInner .title			{ margin-left:5px; float:left }
#container	.contentInner .subtitle			{ float:left; margin-left : 50px;  } 

#container	.contentInner .txt_list			{ clear:both;  margin:0 auto; padding-top:25px; width:100% }
#container	.contentInner .txt_list	ul		{ margin:0 auto; padding:0; }
#container	.contentInner .txt_list li		{ list-style:none; float:left; }

#container	.contentInner .bt_list			{ clear:both; width:100%; margin:0 auto; }
#container	.contentInner .bt_list ul		{ margin:0 auto; padding:0;  }
#container	.contentInner .bt_list li		{ list-style:none; float:left; margin: 0 auto; }
#container	.contentInner .bt_list li a		{ display:block; background:url(../images/common/btn_bg_02.png) no-repeat; width: 172px; height: 49px; text-align:center; padding-top:15px; }

#container	.contentInner .crmview			{ margin: 0 auto; width: 953px; height:716px; background:url(../images/common/vew_back.png) no-repeat; }
#container	.contentInner .crmview .view	{ position:relative; top:26px; left:27px; width:900px; height:580px;}


/* home	
-----------------------------------------------*/

#container	#home						{ margin-top:50px; }
#home .home_crm							{ margin-left: 55px; margin: 0 auto; height:550px; background:url(../images/home/crm_img.png) 95% bottom no-repeat; }
#home .home_crm .crm_left 				{ margin-top: 120px; margin-left: 45px; width: 570px; float:left; }
#home .home_crm .crm_left .crm_subtitle { margin-left:50px; margin-bottom:25px; }
#home .home_crm .crm_left .crm_title    { margin-left:35px; margin-bottom:50px; }
#home .home_crm .crm_left .crm_txt		{ margin-left:30px; margin-bottom:80px; }
#home .home_crm .crm 					{ margin-left: 45px; }

#home .home_net							{ margin-left: 55px; margin: 0 auto; height:550px; background:url(../images/home/net_img.png) right 70% no-repeat}
#home .home_net .net_left 				{ margin-top: 120px; margin-left: 45px; width: 570px; float:left; }
#home .home_net .net_left .net_subtitle { margin-left:15px; margin-bottom:25px; }
#home .home_net .net_left .net_title    { margin-left:10px; margin-bottom:50px; }
#home .home_net .net_left .net_txt		{ margin-left:40px; margin-bottom:80px; }

#home .home_mvno							{ margin-left: 55px; margin: 0 auto; height:550px; background:url(../images/home/mvno_img.png) 90% 70% no-repeat}
#home .home_mvno .mvno_left 				{ margin-top: 120px; margin-left: 45px; width: 570px; float:left; }
#home .home_mvno .mvno_left .mvno_txt		{ margin-left:10px; margin-bottom:130px; }


#home .btn_link 				{ padding-left: 5px;}
#home .btn_link a				{ float:left; margin-right:20px; display:block; background:url(../images/common/btn_bg_01.png) no-repeat; width: 215px; height: 51px; text-align:center; padding-top:15px;}

/* bg
-----------------------------------------------*/
.bg						 { background:url(../images/common/content_bg_center.png);}
.bg_top					 { background:url(../images/common/content_bg_top.png) top left repeat-x;  }
.bg_bottom				 { background:url(../images/common/content_bg_bottom.png) bottom left repeat-x;  }

.quick_bg					 { background:url(../images/common/quick_bg.png) repeat-y;}
.quick_top					 { background:url(../images/common/quick_top.png) top left no-repeat; height:8px;}
.quick_bottom				 { background:url(../images/common/quick_bottom.png) bottom left no-repeat; height:7px;}

/* screen_out	
-----------------------------------------------*/
.screen_out						{ display: block; font-size: 0; height: 1px; left: -9999px; line-height: 0;overflow: hidden; position: absolute; text-indent: -9999px;width: 1px; }



/* basic
-----------------------------------------------*/
#container	#basic						{ padding-top:50px;}
#container	#basic .txt_list			{ width:980px; height:240px; }
#container	#basic .txt_list li			{ width:460px; padding:15px 15px 20px 15px; }

#container	#basic .bt_list				{ height:100px; }
#container	#basic .bt_list ul			{ width:840px;  }
#container	#basic .bt_list li			{ padding:20px 15px 10px 15px; }

/* expand
-----------------------------------------------*/
#container	#expand						{ padding-top:50px;}
#container	#expand .txt_list			{ width:920px; height:450px; }
#container	#expand .txt_list li		{ width:420px; height:120px; padding:15px 15px 20px 15px; }

#container	#expand .bt_list			{ height:100px; }
#container	#expand .bt_list ul			{ width:680px;  }
#container	#expand .bt_list li			{ padding:15px; }


/* customer
-----------------------------------------------*/
#container	#customer								{ padding-top:50px; padding-bottom:50px;}
#container	#customer .subtitle						{ margin-left : 50px; } 
#container	#customer .mail_form					{ clear:both; width:860px; margin:0 auto; padding-top:25px;}
#container	#customer .mail_form .titleCont			{ border-bottom: 2px solid #af6e4a; height: 98px; margin: 0 auto; }
#container	#customer .mail_form .titleCont h2		{ height: 20px; background: #fff; margin-left: 80px; *margin-left: 25px; width: 85%; padding: 28px 0 0 0; text-align: left; color: #f8661f; font-size: 23px; font-weight: bold; }
#container	#customer .mail_form .titleCont h3		{ padding: 5px 0 10px 80px; text-align: left; color: #5f4825; font-size: 13px; }
#container	#customer .mail_form .cont				{ zoom: 1; text-align: left; background: #fff; position: relative; margin: 0 auto; padding: 30px 30px 30px 30px; }
#container	#customer .mail_form .cont .blind 		{ visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; }

#customer .mail_form .titleCont						{ background: #fff url(../images/customer/ico_help.png) no-repeat 20px 22px; } 
#customer .mail_form .cont .noti 					{ color: #5c5c5c; font-size: 13px; padding-left: 20px; }
#customer .mail_form .cont ul 						{ padding-top: 20px; padding-left: 40px; }
#customer .mail_form .cont ul li 					{ display: inline-block; width: auto; padding: 0 27px 20px 0; float: left; }
#customer .mail_form .cont ul li label img			{ margin-top: 7px; }
#customer .mail_form .cont ul li img 				{ width: 100px; height: 12px; padding-right: 5px; padding-bottom: 10px; }
#customer .mail_form .cont ul li.inp_last			{ padding-bottom: 20px; }

#customer .mail_form .cont .inp_box 				{ height: 22px; background: #fff; border: 1px solid #d2d2d2; font-size: 12px; line-height: 22px; text-indent: 4px; width: 221px; }
#customer .mail_form .cont .inp_select  			{ width: 223px; height: 22px; *margin-top: 3px; *topbackground: #fff; border: 1px solid #d2d2d2; font-size: 12px; line-height: 22px; text-indent: 4px; }
#customer .mail_form .inp_textarea 	    			{ width: 606px; height: 200px; resize:none; background: #fff; border: 1px solid #d2d2d2; font-size: 12px; line-height: 22px; text-indent: 4px; }
#customer .mail_form .cont .subject	   				{ width: 608px; }

#customer .mail_form .cont .agree					{ max-width: 760px; width: 100%; margin:0 auto; background: #f9f6f0; border: 1px solid #d9bfb1; color: #767676; padding: 20px 20px 20px 20px; display: inline-block; }
#customer .mail_form .cont .agree p					{ padding-bottom:3px; color: #5c5c5c; font-size: 12px; }
#customer .mail_form .cont .agree span				{ font-weight: bold; }
#customer .mail_form .cont .agree .agree_sum		{ padding-left: 10px; padding-bottom: 5px; }
#customer .mail_form .cont .agree .agree_check		{ color: #000; padding-top: 10px; }
#customer .mail_form .cont .agree .agree_check span { padding-left: 10px; }

#customer .mail_form .cont .btn_bottom				{ text-align: center; padding-top: 20px; }
	

#container	#footer								{ position:relative; margin: 0 auto; padding: 0; background:url(../images/footer/footer_bg.png) repeat-x; height:150px;}

#container	#footer .footer_nav					{ height:46px; margin:0 auto; width:550px; }
#container	#footer .footer_nav ul				{ zoom: 1; position: relative; float: left; padding-left: 0; padding-bottom: 0; }
#container	#footer .footer_nav ul:after		{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
#container	#footer .footer_nav ul li			{ display: inline; position: relative; padding-top: 15px; float: left; width: 175px; text-align: center; }

#container	#footer .footer_address				{ position:relative; padding:20px}

/* quick
-----------------------------------------------*/
#quick				{ position:absolute; left:50%; width:100px; height:100%; margin-left:600px;  z-index:1  }
#quick ul			{ width:93px; }
#quick li			{ list-style:none; width:93px; margin:0 auto; text-align:center; background:url(../images/common/quick_shadow.png) bottom center no-repeat; padding:11px 0px 16px 0px;}
#quick li a			{ display:block; margin:0 auto; }'
#quick li img		{ margin:0 auto; text-align:center; }
#quick li.bg_none 	{ background:none; }

.popup				{ zoom: 1; z-index: 100; position: absolute; position: fixed;	top:120px; left:50%; margin-left:-400px; width:479px; }