@CHARSET "UTF-8";
@font-face{
		font-family:'Source Sans Pro';
		src:url('../fonts/SourceSansPro-Semibold.eot') format('eot');
}
@font-face{
	font-family:'Source Sans Pro';
	font-style: semibold;
	font-weight: 600;
	src: local('Source Sans Pro Semibold'),
	     url('../fonts/SourceSansPro-Semibold.ttf') format('ttf'),
	     url('../fonts/SourceSansPro-Semibold.woff') format('woff'),
	     url('../fonts/SourceSansPro-Semibold.eot') format('eot');	     
}

@font-face{
	font-family:'Signika';
	src:url('../fonts/Signika-Semibold.eot') format('eot');
}
@font-face{
	font-family:'Signika';
	font-style: semibold;
	font-weight: 600;
	src: local('Signika Semibold'),
		 url('../fonts/Signika-Semibold.ttf') format('ttf'),
		 url('../fonts/Signika-Semibold.woff') format('woff'),
		 url('../fonts/Signika-Semibold.eot') format('eot');
}



/*
@font-face{
	font-family:'Jeju Gothic';
	font-style: semibold;
	font-weight: 600;
	src: local('Jeju Gothic'),
		 url('../fonts/JejuGothic-Regular.ttf') format('ttf'),
		 url('../fonts/JejuGothic-Regular.woff') format('woff'),
		 url('../fonts/JejuGothic-Regular.eot?') format('embedded-opentype');
}
*/

html{margin:0;padding:0; *min-height:100%;}
body{position:absolute; top:0px; left:0; right:0; width:1012px; min-height:100vh;*min-height:100%;margin:0 auto;*margin-left:-506px; *left:50%; border: 1px solid transparent;}
div{position:relative;}
label{font-family:'dotum'; font-size:13px;color:#7f7f7f;}
a{text-decoration:none; color:inherit;}
h1{font-family:'Source Sans Pro'; font-size:40px; letter-spacing:4px; font-weight:600; color:#888888; padding:26.8px 0px;}
.h1ko{font-family:'jeju gothic', serif; margin-top:35px;}
h2,h3{font-family:'jeju gothic'; font-weight:400;}
span, label{display:inline-block; *display:inline; *zoom:1;}
li{position:relative;}

a {
 text-decoration:none;
 color:#999999; 
}

a:hover {
 cursor:pointer;

}

.vl{position:absolute; width:0; height:101%; border-left:1px solid #DDDDDD; top:-2px; }
#vl_1{left:0px;}
#vl_2{left:250px; height:100%;}
#vl_3{right:0px;}

#top_space{width:100%;height:150px; overflow:hidden; border-bottom:1px solid #DDDDDD;}
#logo_space,#tmen_space{display:inline-block; *display:inline; zoom:1; height:100%; overflow:hidden; font-size:13px; color:#777777; font-family:dotum; font-weight:300;}
#logo_space{width:250px;border-right:1px solid #DDDDDD; text-align:center;}
#logo{margin-top:40px; width:220px; cursor:pointer;}

#tmen_space{width:750px; text-align:right;*display:inline; zoom:1;}
.tmen_itwr{position:relative; height:17px; line-height:17px; border-right:1px solid #5b5b5b; top:11px;padding:0px 10px; text-align:center; font-size:11px; font-weight:600;}
.tmen_item{cursor:pointer; text-decoration:none; color:inherit;}
#tmen_last{border-style:none;}


#menu_space,#content_space{display:inline-block; *display:inline; *zoom:1; height:100%; min-height:62vh;*min-height:90%; }
#menu_space{float:left; width:250px;}

.menu_sec{border-top:1px solid #DDDDDD; }
#menu_it{border-top:0;}


ul{margin:0px; padding:0; list-style-type:none; }
.menu_item, .menu_title{width:215px;}
.menu_title{height:25px; line-height:25px; padding:8px 10px; font-size:14px; font-weight:600; letter-spacing:0.4px; font-family:'Signika', sans-serif; color:#999999; }
.menu_item{height:36px; line-height:36px; padding-left:35px; font-size:15px; font-weight:600; letter-spacing:1.3px; font-family: 'Source Sans Pro', sans-serif; color:#777777;cursor:pointer;}
.menu_item:hover{background:#3657a4; color:#FFFFFF;}
.menu_item_selected{height:36px; line-height:36px; padding-left:35px; font-size:15px; font-weight:600; letter-spacing:1.3px; font-family: 'Source Sans Pro', sans-serif; background:#ededed; color:#989898;cursor:pointer;}

#m_cont{font-family:'jeju gothic'; padding:16px 18px; font-size:15px; cursor:pointer; font-weight:400;}
#cont{text-decoration:none; color:inherit;}
#content_space{margin-left:1px;width:760px;padding-bottom:120px;}

#footer{position:relative; left:0px; bottom:0px; margin-left:1px;width:1009px; height:80px; padding-top:25px;text-align:left; font-family:'dotum'; font-size:12px; color:#9f9f9f; background:#fff; border-top:1px solid #DDDDDD; }
.footsub{position:absolute;display:inline-block; *display:inline; *zoom:1; height:80px;}
#f_cr{top:17px; left:160px; line-height:80px;}
#f_cr, .footc,.footd{font-family:'signika';}
#f_de{left:540px;line-height:17px; height:75px;}
.footc{color:#2a6abc;}

/*메인 페이지*/
#content_space{text-align:center;}
img{position:relative;}
/*h2{padding-left:3px; margin:22px; margin-top:25px; font-size:30px; font-family: 'Merriweather', serif;}*/
.cont_img{width:720px;margin-top:0px;}

.dico_link{position:absolute; width:200px; height:250px; cursor:pointer; background-image:url(img/transp.png);}
#htu{top:315px; left:295px;}
#pai{top:315px; left:510px; width:235px;}

#ms_id{height:600px;}
#ms_it{height:700px;}
#ms_ar{height:600px;}

.cont_line{position:absolute; width:1012px; border: 0;height: 0;border-top: 1px solid #DDDDDD;left:-250px; right:0; margin:0 auto;}
#cl1{top:600px;}
#cl2{top:1300px;}

/*로그인 페이지*/
#login_ti {margin-top:130px;}
#ipb_wrap{width:300px; height:70px; margin:auto; margin-top:40px; text-align:left;}
.login_label{width:60px; float:left; display:inline-block; *display:inline; *zoom:1; margin:3px; height:21px; line-height:21px;}
.login_input{width:157px; float:left; margin:3px; margin-right:7px;height:17px; line-height:17px;}
#login_btn{position:absolute; width:70px; height: 50px; margin:4px 1px; left:240px; top:0px; float:right;}
#login_etc{margin: 20px auto; font-family:'dotum'; font-size:13px; color:#7f7f7f;}

/*아이디, 비밀번호 찾기*/
#idwrap, #pwwrap{width:500px; height:250px; margin:auto; margin-top:45px;text-align:left;}
.label_forgot, #idfind .input, #pwfind .input{margin:4px;}
.label_forgot{width:75px; float:left; margin-top:7px;}
#idfind .input, #pwfind .input{width:170px;}
.div_fgdesc{margin-top:12px; line-height:18px; font-family:'dotum'; font-size:13px; color:#2f2f2f;}
.submit_btn {position:absolute; width:80px; height:50px; left:275px; top:50px; text-align:right; padding-right:15px;}
#forgot_pwbtn{top:65px;}

/*고객지원*/
.customer_miniti{margin-top:70px;}

.faqList{margin:60px auto;}
.faqList th{text-align:center;}
.faq_n{width:50px; text-align:center;}
.faq_c{width:100px; text-align:center;}
.faq_t{width:400px;}
.ctm_link{margin:70px; font-family:'jeju gothic'; font-size:15px; color:#2a4a9a;}
/*회원가입*/
#join_ti,#customer_ti{margin-top:45px;}
#join_table{width:500px; margin:auto;margin-top:35px;}
.fill_this{margin-left:185px; font-size:12px; line-height:21px; color:#dd2233;}
.must_input_fill,.must_input_check{width:160px; margin-right:4px; padding:0px 2px; border:3px solid #dd2233;}
.must_input{width:160px; margin-right:10px;}
#tr_ot{height:30px;}
b{font-weight:600;}
#sel_desc{font-size:10px; font-color:#2a4a9a;}
#tel_no{margin-top:11px; margin-bottom:2px;}
.tel_dash{display:inline-block; font-size:10px; margin-left:11px; margin-bottom:7px;}
#join_submit{margin-top:33px;}
/*기기등록관리 페이지*/
#device_ti {margin-top:45px;}
table{text-align:left;margin-left: 30px; margin-top:55px;}
tr{height:45px; }
th{width:130px; padding:5px; padding-left:8px; text-align:left; font-family:'dotum'; font-size:13px;color:#7f7f7f;font-weight:300; border-right:1px solid #efefef; border-bottom:1px solid #efefef; }
td{padding-left:10px; border-bottom:1px solid #efefef; font-family:'dotum'; font-size:13px;color:#3d3d3d;font-weight:300;}

#serialno{margin-top:10px;}
.device{margin:12px 0px;margin-left:-3px;}
.device td,.device th{text-align:center;}
.device td{border-right:1px solid #efefef; border-bottom:0;}
td.table_last, th.table_last{border-right:0;}
#device_lasp{height:25px;line-height:25px;}
#td_tel{font-size:11px; color:#3f3f3f;}

#th_add,#td_add{padding-top:5px; padding-bottom:10px;}

#td_add input{margin-top:8px;}
#c_post_no1, #c_post_no2{width:60px;}
#postal_btn{margin-left:20px; height:27px; top:40px;}
#c_address1, #c_address2{width:300px;}
#device_submit{margin-top:25px; width:70px; height:27px;}

/*포트폴리오*/
#port_thumbs{margin-top:40px;}
.img_wrap{display:inline-block; width:110px; height:110px;}
.img_thumb{width:110px; height:110px; margin:12px; cursor:pointer;}
.img_thumb_sel{width:110px; height:110px; margin:12px; cursor:pointer;}
#port_cont{margin-top:30px;}
#port_title{margin-top:10px;}
#port_img{margin:auto; margin-top:20px; width:700px; border:1px solid #dddddd;}

/*개발*/
.sub_ti{margin-top:20px;}
.con_img{width:650px; }
.con_det{width:600px; font-size:16px; line-height:30px; letter-spacing:1px; font-family:'jeju gothic', helvetica; color:#232323; margin:40px auto;text-align:left;}
.con_big_img{width:700px;}
.con_det_link{font-size:25px; line-height:60px;color:#336aba;}
.con_det_link:hover{text-decoration:underline;}
#dev_detail{font-size:21px; text-align:center;}
#img_app{width:500px;}
#img_web{width:500px;}


/*디코*/
#d_st1{font-size:32px; line-height:40px;}

#dico_gal{margin-top:10px;}
.img_arr{position:absolute; display:none;width:70px;height:70px; background-size:100% 100%; cursor:pointer;}
#dia_l{top:330px; left:10px;  background-image:url("../img/dico/iga_arl.png");}
#dia_r{top:330px; right:10px;  background-image:url("../img/dico/iga_arr.png");}
#dico_btns_div{margin-top:20px; margin-bottom:72px;}

.gal_btn,.gal_btn_sel{ display:inline-block; position:relative;width:12px; height:12px; border-radius:50%; border:1px solid #2a4a9a; margin:5px; cursor:pointer;}
.gal_btn_sel{background:#2a4a9a;}


.dico_img{margin-top:30px;margin-left:-79px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
#dico_vid{text-align:left; margin-bottom:25px;}
iframe{margin-top:0px; margin-bottom:0px;margin-left:-80px;}
#difrrr{margin-top:25px;}
#dico_vid h3{margin-top:50px; margin-bottom:35px;}

#dico_buy{margin-top:55px;}



/*디코 주문*/

#esse{font-weight:600;height:50px;}
#essedet{font-size:11px; margin-top:20px; margin-left:10px; margin-bottom:20px; font-weight:300; height:40px;}
#buy_top_img{top:50px; margin-left:0px;}
#buy_det{position:absolute; font-family:'jeju gothic';top:30px; left:265px;width:360px; height:300px; font-size:13px; line-height:20px;}
#buy_det ul{list-style-type:square;}
#buy_det li{margin-bottom:4px; word-break:keep-all; *margin-left:20px;}
#buy_top{height:225px;}

#fillerr{display:none;position:absolute;  left:340px; text-align:left; font-family:'dotum'; margin:30px; font-weight:600; font-size:11px; color:#dd4433;}
#fillerr span{font-size:30px;}
#fillstar{position:absolute; left:5px;display:none; font-family:'jeju gothic'; font-size:30px; font-weight:600; color:#dd4433;}

#buy_table{margin:110px auto; margin-bottom:30px; width:600px;}
#buy_table th{font-weight:600; font-size:13px; color:#224581; vertical-align:top; padding-top:20px; padding-left:35px;}

#buy_table tr{height:auto;}
#buy_table #c_address1{margin-top:0px; margin-bottom:0px;}
#buy_table #c_address2{margin-top:8px;}
.buy_input, #buy_table li{margin-top:17px; margin-bottom:17px;}
.quan_input{width:50px;}
.quan_lab{display:inline-block; *display:inline; *zoom:1; width:220px;}
.dev_lab{display:inline-block; *display:inline; *zoom:1; width:170px;}
.dev_sel{width:120px;}
#buyer_biz{width:270px;}
#buy_tdadd li{margin-bottom:0px; margin-top:0px;}

#liscence_device{display:none;}
#laddc_sel{position:absolute;}

     /***케이스 추가***/
.buy_addc{display:none; font-size:11px; background:#f1f1f1; color:#353535; margin-left:40px; margin-top:20px;width:235px; padding:6px 11px;}
.addc_lab{width:150px; color:#565656;}
.addc_input{width:50px;}
#buy_table .buy_addc li{margin-top:8px; margin-bottom:8px;}

#dico_uncts, #lis_uncts{position:absolute; left:325px;top:3px; }
#dico_unct, #lis_unct{font-weight:600;}

.dcase_xbtn, .lcase_xbtn, .case_xbtn{cursor:pointer;}

#case_li{display:none;}
#liscence_li{display:none;}
.td_acc{margin-left:3px; font-size:11px; margin-top:-10px; margin-bottom:17px;}

.tr_fill td{padding-top:20px; padding-bottom:30px;}


#buy_total{width:300px; margin-left:10px;}
#buy_totalp;{margin-left:50px;}
#buy_tp, #buy_totalp{font-weight:600; font-size:14px;color:#111111;}


.buy_tsp{width:160px;  font-size:11px; color:#333333;}
.buy_amount{width:50px; font-weight:600;}
#buy_total div, #buy_total span{position:relative; overflow:hidden;}
#buy_total li{margin-top:3px; margin-bottom:3px;}

#buy_total ul{margin-left:10px; margin-top:20px;}



.pr_price{right:0px;}

.case_xbtn{margin-left:4px;}



#buytotal_addcase{ width:250px; margin-left:30px; margin-top:10px; font-size:11px;}
.buy_act{width:196px; color:#777777}
#buytotal_addcase .buy_amount{font-weight:300;}

#buy_pay{margin-top:60px; margin-bottom:50px;}
#buy_bankac{font-size:23px; font-family:'jeju gothic'}
#buy_paydetail{ font-size:11px; color:#5f5f5f; margin-top:18px; margin-left:15px; width:520px;}

#sumvat{width:300px; margin-top:20px;border-top:1px solid #DDDDDD;}
.svat{width:400px; height:20px; font-size:12px; margin-top:10px; margin-left:70px;}
.sva, .svatp{display:inline-block; *display:inline; *zoom:1;}
.sva{width:215px; font-style:italic; color:#444444;}
.sva_custom{width:115px; font-style:italic; color:#444444;}
.svatp{font-weight:600;}

#adi_title{font-weight:600;}
#ac{font-size:11px; margin-top:20px; margin-left:35px; width:440px;}

.adi_td{padding-top:20px; font-weight:600;color:#224581; }
.adi_td .buy_input{margin-left:40px; margin-top:20px; margin-bottom:30px;width:440px; height:60px;}
textarea{padding:9px;}
#last_td{border-style:none;}

#buy_dico{margin-top:-50px;width:90px; height:40px;}


/*상담 및 견적 문의 */

#con_table{position:relative; margin: 50px auto; width:700px;}
#con_table th{width:120px;}
#con_table .input{width:200px;}
#con_table textarea{width:530px; height:360px; margin:15px 0px;}
.tRight .submitBtn{font-size:15px; width:80px; height:33px;}