@charset "utf-8";
/*  UI  */

@font-face{
    font-family:NanumGothic;
    weight:300;
    src:url(../../font/Nanumgothic.eot);
    src:local('※'), url(../../font/nanumgothic.woff) format('woff');
}
@font-face{
    font-family:NanumGothic;
    weight:600;
    src:url(../font/Nanumgothic-Bold.eot);
    src:local('※'), url(../../font/nanumgothic-Bold.woff) format('woff');
}
@font-face{
    font-family:NanumGothic;
    weight:bold;
    src:url(../../font/NanumGothicExtraBold.eot);
    src:local('※'), url(../../font/nanumgothic-Bold.woff) format('woff');
}
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300,100);
@import url(https://fonts.googleapis.com/css?family=Signika+Negative:300|Convergence);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400italic);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* UPLUS 요청으로 모바일에서 결제정보 노출 */
.mobile-payment-info {
	position: absolute;
    top: -89px;
    left: 0;
    right: 0;
	font-size: 11px;
    background-color: white;
	text-align: center;
	padding: 8px;
	display: none;
}
@media screen and (max-width: 960px) {
.mobile-payment-info { display: block; }
#content { padding-bottom: 80px !important; }
}


.hide-640{display:block ;}
.hide-960{display:block;}
.hide-1024{display:block;}
.show-640{display:none !important;}
.show-960{display:none !important;}
.show-1024{display:none !important;}

th.hide-640,td.hide-640{display:table-cell;}

/* Common */
html,body{height:100%;width:100%; position:relative;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'나눔고딕',NanumGothic,'돋움',Dotum,Helvetica,sans-serif;font-size:12px;color:#222;letter-spacing:-.05em}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#222;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
/* 
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
*/
.blind2{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blind3{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}


/* Layout */
#u_skip{position:relative;z-index:999;visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#u_skip a{position:absolute;top:-30px;left:50%;width:128px;margin-left:-64px;padding:5px 0;background:#000;opacity:0.9;filter:alpha(opacity=90);font-size:12px;color:#fff;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#header{height:80px;background:#3e5170; ()min-width:800px;}

#header .header_wrap{position:relative;width:98%; max-width:1200px; margin:0 auto}
#header .m_menu{position:absolute;top:22px;left:10px;z-index:1;}
#header .logo{position:absolute;top:16px;left:10px; background:url(../../backoffice2/images/logo.png) no-repeat;}
#header .logo a{display:block;width:120px;height:50px; color:#FFFFFF; }
#header .logo span{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#header .logo .ic_beta{display:block;position:absolute;top:7px;left:114px;width:22px;height:12px;background-position:-130px -40px}
#header .gnb{position:absolute;top:30px;left:242px;}
#header .gnb li{float:left;margin-left:59px; }
#header .gnb li:first-child{margin-left:0}
#header .gnb li a{display:block;height:17px;color:#FFFFFF;font-size:1.4em; font-weight:600;}
#header .gnb li button{display:block;height:17px;color:#FFFFFF;font-size:1.4em; font-weight:600;background: none;border: 0;outline: 0;cursor: pointer;}
#header .gnb li.menu1 a{background-position:-274px 0;color:#FFFFFF;}
#header .gnb li.menu2 a{background-position:-340px 0;color:#FFFFFF;}
#header .gnb li.menu3 a{background-position:-405px 0;color:#FFFFFF;}
#header .gnb li.menu4 a{background-position:-521px 0}
#header .gnb li.menu5 a{background-position:-472px 0}

#header .gnb li.menu1.active a,#header .gnb li.menu1 a:hover{color:#63C2FF;}
#header .gnb li.menu2.active a,#header .gnb li.menu2 a:hover{color:#63C2FF;}
#header .gnb li.menu3.active a,#header .gnb li.menu3 a:hover{color:#63C2FF;}
#header .gnb li.menu4.active a,#header .gnb li.menu4 a:hover{color:#63C2FF;}
#header .gnb li.menu5.active a,#header .gnb li.menu5 a:hover{color:#63C2FF;}

.lang-wrap{display: none; position: absolute; top: 50px; right: 0px; width: 85px; height: 80px; background-color: #3e5170; z-index: 80; border-radius: 0 0 4px 4px; border: solid 1px #000; border-top: 0; overflow: hidden;}
.btn-lang{width: 100%; display: block; height: 40px; line-height: 40px; text-align: center; border: 0; font-size: .875em; font-weight: normal; background-color: #3e5170; color: #fff; cursor: pointer; outline: none;}

#header .h_menu{position:absolute;top:23px;right:10px}
#header .h_menu li{float:left;margin-left:9px}

#header .h_menu li a.btn_login{display:block;padding:10px 15px; font-family:Tahoma;font-size:1em;color:#c2c2c2;letter-spacing:0; background:#000; text-align:center;}
#header .h_menu li a.btn_login:hover{color:#dfe2e5;text-decoration:none;background:#5F5F5F;}
#header .h_menu li a.btn_language{overflow:hidden;display:block;padding:10px 0; width:80px; font-family:Tahoma;font-size:1em;color:#c2c2c2;letter-spacing:0; background:#000; text-align:center;}
#header .h_menu li a.btn_language:hover{color:#dfe2e5;text-decoration:none;background:#5F5F5F;}
#header .h_menu li ul.language{overflow:hidden; width:80px;height:1px;opacity:.4;filter:alpha(opacity=40);-webkit-transition:opacity 0.4s,height 0.4s;transition:opacity 0.4s,height 0.4s; }
#header .h_menu li ul.language li{clear:both;text-align:center;padding:0px; margin:0px;}
#header .h_menu li ul.language li a{color:#E3E3E3;display:block;padding:0px;margin:0px; background:#000;width:80px;display:block;line-height:3em; }
#header .h_menu li ul.language li a:hover{background:#6A6A6A}

#header .h_menu li.active:hover ul.language{height:140px;opacity:1;filter:alpha(opacity=100);}


#container{}
#banner{height:324px;background-color:#333;background-position:50% 50%;background-size:cover}
#content{position:relative; display:inline-block; margin:0 auto;width: 100%; max-width: 1200px;}
#content h2.title{position:absolute;top:-194px;left:50%;z-index:100;width:1056px;height:55px;margin-left:-528px}
#content h2.title .txt{display:block;float:left}
#content h2.title .txt_desc{margin-left:18px}
#content h3.title .txt{display:block;font-size:24px;font-weight:600}

#footer{color:#828282;font-size:1.1em;line-height:1.4em;z-index:1;bottom:0%;position:fixed;}
.footer{z-index:1;padding:10px 0;border-top:1px solid #CFCFCF;right:0;left:0;width:100%;background:#fff;}
.footer.thin{z-index:1; height:20px;opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 0.4s,height 0.4s,bottom 0.4s;transition:opacity 0.4s,height 0.4s,bottom 0.4s; }
.footer.thin .footer_con{display:none;z-index:1;}


/*div#wrap{height: 0;}*/
#wrap {position:absolute; top:0;left:0; width:100%;height: 100%;}

.what{  display: table;  width: 100%;  ;}
.the{    display: table-cell;  /*vertical-align: middle;*/  text-align: center;}


.customer_table{float:left;width:90%;margin:50px auto;}
.customer_table th{border:1px solid #ccc;padding: 10px;width:30%;background:#E8E8E8;}
.customer_table td{border:1px solid #ccc;padding: 10px;}

#footer h2{line-height:4em;}

#footer .footer_wrap{max-width:1200px;margin:0 auto;}
#footer .corp_info{float:left;width:40%;margin-left:15px;}
#footer .corp_info .ex{display:block;margin:0 0 20px 0;}
#footer .corp_info .ex strong{font-size:1.4em;}

#footer .product_info{float:left; width:35%;}
#footer ul.product_info{width:100%;} 
#footer ul.product_info li{float:left;width:100px;height:20px;float:left;margin:0 10px 20px 0;padding:150px 0 0 0;text-align:center;opacity:1;filter:alpha(opacity=100)}
#footer ul.product_info  a{color:#fff;}
#footer ul.product_info  a:hover{color:#84CFFF;}
#footer ul.product_info li.li1{background:url(../images/bottom_service.png) no-repeat;}
#footer ul.product_info li.li2{background:url(../images/bottom_service.png) -100px 0 no-repeat;}
#footer ul.product_info li.li3{background:url(../images/bottom_service.png) -200px 0 no-repeat;}
#footer ul.product_info li.li4{background:url(../images/bottom_service.png) -300px 0 no-repeat;}
#footer ul.product_info li.li5{background:url(../images/bottom_service.png) -400px 0 no-repeat;}
#footer .product_info .btn{clear:both;border:1px solid #979797;width:80%;margin:0px auto 20px;text-align:center;color:#E9E9E9;cursor:pointer;}
#footer .product_info .btn:hover{background:#3F3F3F;}
#footer .ex_info{float:left;width:20%;}
#footer ul.ex_info {width:100%;}
#footer ul.ex_info li{float:left;width:48%;height:20px; padding:80px 0 20px 0 ; text-align:center;border:1px solid #475773;}
#footer ul.ex_info li.li1{background:url(../images/footer_icon_2_1.png) no-repeat 50% 35%;}
#footer ul.ex_info li.li2{background:url(../images/footer_icon_2_2.png) no-repeat 50% 35%;}
#footer ul.ex_info li.li3{background:url(../images/footer_icon_2_3.png) no-repeat 50% 35%;}
#footer ul.ex_info li.li4{background:url(../images/footer_icon_2_4.png) no-repeat 50% 35%;}

#footer ul.ex_info a{color:#FFFFFF;}
#footer ul.ex_info a li:hover{background-color:#262626;}

#footer .copyright{clear:both; font-family:Tahoma;font-size:10px;color:#8B8B8B;text-align:center}
#footer .copyright .logo{margin-right:4px}
#footer .copyright .logo a{display:inline-block;width:61px;height:11px;background-position:-130px 0;vertical-align:bottom}
#footer .copyright a{color:#8B8B8B}
#footer .copyright a:hover{color:#36B7FF}
#footer-home{position:fixed;bottom:0;left:0;width:100%;height:180px;background:#fff}

table{width:100%;border-collapse:collapse}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fp-controlArrow{background-image:url(../images/sp_pcany_home.png);background-repeat:no-repeat}

#tap2{display:none;}
#tap3{display:none;}

/* 버튼 */
.btn{display:inline-block}
.btn:hover,.btn:focus{text-decoration:none}

.btn_align_center{text-align:center}
.btn_align_both{overflow:hidden}
.btn_align_both .left{float:left}
.btn_align_both .right{float:right}
.btn_type_txt{display:inline-block;*display:inline;width:118px;height:48px;border-width:1px;border-style:solid;font-size:14px;font-weight:bold;color:#595959;line-height:48px;text-align:center;*zoom:1}
.btn_type_txt:hover{text-decoration:none}
.btn_color_highlight{border-color:#1fbc02;background:#1fbc02;color:#fff}
.btn_color_normal{border-color:#cacaca;background:#fafafa;color:#222}
.btn_size_popup{width:150px;height:36px;font-size:12px;line-height:36px}
.btn_size_popup.btn_color_highlight{border-color:#16bb00;background:#00cf00}
.btn_size_popup.btn_color_normal{border-color:#cacaca;background:#fff}
.btn_type_board{padding:9px 14px;border:1px solid #cacaca;background:#fafafa}
.btn_type_form{position:relative;margin-left:4px;padding:6px 19px 5px 10px;border:1px solid #cacaca;background:#fafafa;line-height:1;vertical-align:middle}
.btn_type_form .ic{display:block;position:absolute;top:9px;right:10px;z-index:1;width:3px;height:5px;background-position:-647px 0}

/* 페이징 */
.paginate{text-align:center;margin-top:30px;}
.paginate a{display:inline-block;*display:inline;font-family:Verdana,sans-serif;font-size:14px;width:30px;height:30px;line-height:30px; color:#414141;vertical-align:top;*zoom:1; border:1px solid #C5C5C5;margin:0 !important;}
.paginate strong{color:#07bc07}
.paginate .btn_prev,.paginate .btn_next{margin-top:0px;color:#666;width:60px;}




/* 로컬내비케이션바 */
.lnb{overflow:hidden;margin-bottom:53px;border:1px solid #c7c7c7;border-top:2px solid #3e3e3e}
.lnb.col4 li{width:25%}
.lnb li{position:relative;float:left;zoom:1}
.lnb li:before{position:absolute;top:50%;left:0;width:2px;height:19px;margin-top:-10px;background:#e2e2e2;content:''}
.lnb li a{display:block;height:67px;font-size:17px;font-weight:600;line-height:67px;text-align:center;letter-spacing:-1px}
.lnb li a:hover{color:#07bc07}
.lnb li a:hover,.lnb li a:focus{text-decoration:none}
.lnb li.active{background:#07bc07}
.lnb li:first-child:before,.lnb li.active:before,.lnb li.active + li:before{display:none}
.lnb li:first-child a{border-left-width:1px}
.lnb li:first-child.active a{border-left:0}
.lnb li.active a{border-color:#07bc07;color:#fff}

/* 폼요소 */
.item input,.item label,.item select{vertical-align:middle}
.i_text,.textarea,.select{border:1px solid #d0d0d0}
.i_text{padding:4px 7px 3px;line-height:12px}
.i_text.number{width:56px}
.textarea{height:74px;padding:7px 8px}
.i_radio,.i_checkbox{width:13px;height:13px}
.select{height:23px}
.select.tel{width:72px}
.select:focus{border-color:#222}

/* Content */
.top_status_wrap{background:#D8D8D8;width:100%;border-bottom:1px solid #CDCDCD;}
.top_status{width:98%; max-width:1200px;margin:0 auto;overflow:hidden;line-height:4em;font-size:1.2em;}
.location{float:right;font-size:0.8em;margin-right:10px;color:#535353}
.c_name{float:left;background:url(../images/login.png) 0px 8px no-repeat;text-indent:50px;margin-left:10px}


/* 홈 */

#content{ height:100%; max-width:1200px;margin:0 auto;}
.b_main_wrap{width:98%;max-width:1200px; margin:0 auto; position:relative;padding-top:30px;}
.left_wrap{ width:200px; border:1px solid #E3E3E3;float:left;position:absolute;left:0;margin-bottom:50px;}
.left{}
.left ul{ padding-bottom: 10px;background:#ebebeb;}
.left ul li{font-size:1.2em; line-height:2em;padding:5px;}
.left ul li.li1{background:#e4e4e4;text-indent:0px;line-height:3em;font-size:1.4em;}
.left ul li.active a{color:#2BB1E9 !important;font-weight:600;}
.group_edit{background:#ebebeb;text-align:center;padding:20px 0;}
.group_edit a.btn{border:1px solid #BDBDBD;background:#fff url(../images/group.png) no-repeat 30px 50% ;display:block;width:80%;margin:0 auto;line-height:3.6em;font-size:1.2em;text-indent:15px;}

.object{padding-left:220px; padding-bottom: 50px; min-height: 300px; width:100%; float:left;box-sizing:border-box;()min-width:500px;}

.left dl dd{font-size:1.2em; line-height:2em;padding:5px;}
.left dl{padding-bottom: 10px;background:#ebebeb;}
.left dl dt{background:#e4e4e4;text-indent:0px;line-height:3em;font-size:1.4em;}
.left dl dd .btn{border:1px solid #BDBDBD;background:#fff  ;display:block;width:80%;margin:0 auto;line-height:3.6em;font-size:1.2em;text-indent:0px;}

.left .banner{margin:0px auto;display:block;padding:10px 0;}
.left .banner img{width:174px;height:114px;border:1px solid #ccc;}


/*접속 불능시 삭제 기능 0805*/
.alert{color:#fb7014; font-weight: 600;background:url(../images/al.png) 15px 16px no-repeat;text-indent:40px;}
#closeServer{display:none;position:absolute;width:100%;height:100%;top:0;left:0;}
#closeServer div.closeServer_wrap{background-color:white;width:420px;height:230px;border:1px solid #999;margin:300px auto 0;}
.closeText{margin:0 auto;font-size:14px;}
.closeText h2{font-size:16px;text-align:center;line-height:50px; background:#3e5170;color:#fff;}
.closeText p{width: 320px;margin:0 auto;padding:20px;text-align:center;color:#333;line-height:140%;}
.closeText p span{font-size:12px;color:#ff5a00;}
.closeDiv{margin:10px auto 0;width: 250px;}
.closeBtn{width: 123px; height:34px;border:1px solid #ccc;cursor:pointer;}
.closeBtn1{background:#fff;color:#000;}
.closeBtn2{background:#2b2e33;color:#fff;}
.closeBtn1:hover{background:#eee;color:#000;}
.closeBtn2:hover{background:#3c4047;color:#fff;}
/* /0805/ */


div.search_box{margin-bottom:10px;text-align:right;position:relative;width:100%; height:25px;}
.computer_num{position:relative;left:0px; bottom:0px;font-size:1.2em;text-align:left;}
a.search{float:right;display:inline-block;background:#b3b3b3;border:1px solid #ccc;height:30px;line-height:30px;padding:0 20px;color:#fff;}
a.re{float:right;display:inline-block;background:#fff;border:1px solid #ccc;height:30px;line-height:30px;padding:0 5px;color:#fff;margin:0 0 0 5px;}
a.re img{vertical-align:middle;}
a.re:hover{background:#e3f9ff;}
input.search{float:right; background:url(../images/search.png) no-repeat 5px 50%; height:30px; border:1px solid #ccc; text-indent:30px;font-size:1.2em;}
select.search{height:32px; border:1px solid #ccc;font-size:1.2em; float:left;}
a.search:hover{ background:#727272}



.object table.com_list .group{display:none;}

.object table.com_list{width:100%; border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.object table.com_list td{background:#f5f5f5;line-height:50px;font-size:14px;text-align:center;border-bottom:1px solid #CCCCCC;}
.object table.com_list th{background:#f5f5f5;line-height:30px;font-size:14px;border-bottom:1px solid #CCCCCC;}
.object table.com_list tbody .td1{background:#4d6186;color:#fff;cursor:pointer;width:120px;position:relative;}
.object table.com_list tbody .td2{text-align:left;text-indent:20px;width:25%;}
.object table.com_list thead{}
.object table.com_list thead th{font-size:1em;background:#000;color:#ccc;line-height:2em;}
.object table.com_list tr:hover td{background:#EDF6FD;}
.object table.com_list tr:hover .td1{background:#4d6186;}
.object table.com_list tfoot .td1{background:#FFFFFF;cursor:auto;color:#3B3B3B;text-align:left;padding-left:30px;}
.object table.com_list tfoot .td1 img{vertical-align:middle;}
.object table.com_list tfoot tr:hover .td1{background:#EDF6FD;}
.function .img{background:url(../images/com_function.png);display:inline-block;width:38px; height:36px;vertical-align:middle;margin-right: 5px}
.function:hover {cursor:pointer;}
.function:hover .img{background:url(../images/com_function_hover.png);cursor:pointer;}
.com_list tbody .td3 .function .img{background-position:0 0;}
.com_list tbody .td6 .function .img{background-position:38px 0;}
.com_list tbody .td5 .function .img{background-position:76px 0;}
.com_list tbody .td4 .function .img{background-position:114px 0;}

#mask {	display:none;background-color:black; 	cursor:hand;position:absolute;	left:0px;	top:0px;}
#content_div{ background-color:#fff; display: none; position: absolute;width:570px;height:260px; border:1px solid #5c6399;} 
#content_div h2{background:#404e69 ; color:#FFFFFF;line-height:3em;text-indent:20px;font-size:2em;position:relative;}
#content_div .tap{background:#eee;overflow:hidden;}
#content_div .tap li{float:left;line-height:3em;font-size:1.4em;margin-left:30px;color:#D1D1D1;}
#content_div .tap li.active a{color:#404e69;}
#content_div .tap li a{color:#A3A3A3;}
#content_div  div{width:80%; margin:40px auto 0;}
#content_div  div select{border:4px solid #25aaff;width:72%;font-size:1.4em;line-height:58px;height:58px;vertical-align:middle;text-indent:15px;}
#content_div  div input{border:4px solid #25aaff;width:70%;font-size:1.4em;line-height:50px;height:50px;vertical-align:middle;text-indent:15px;}
#content_div  div a.btn_ok{width:20%;background:#25aaff;border:4px solid #25aaff;margin-left:5%;text-align:center;color:#fff;line-height:50px;font-size:1.4em;height:50px;vertical-align:middle;display:inline-block;}
#content_div  div a.btn_ok:hover{border:4px solid #52BBFF;background:#52BBFF;}
#content_div .group_change input{border:4px solid #25aaff;width:40%;font-size:1.4em;line-height:50px;}
#content_div .group_change select{border:4px solid #25aaff;width:30%;font-size:1.4em;line-height:58px;height:58px;vertical-align:middle;text-indent:15px;}

#content_div h2 .btn_close{display:block;position:absolute;top:20px; right:30px;width:30px; height:30px; background: url(../images/close2.png) no-repeat 50% 50%;}


.group_move{position:absolute;top:0; right: -250px; background:#5abbff;z-index:100; padding:15px 15px 12px;text-indent:0px;width:220px; }
.group_move.ie8{padding: 10px 15px 10px;}
.group_move select{line-height:30px; height:30px;width:120px;}
.btn_group_move_open{display:block; color:#fff;}
a.btn_group_close{ background:#2856a2 url(../images/close.png) 50% 50% no-repeat;display:inline-block;width:30px;line-height:30px; height:30px;vertical-align:middle;margin-left:5px;}
a.btn_group_move{background:#2856a2;display:inline-block;width:50px;line-height:30px; height:30px;vertical-align:middle;text-align:center;color:#fff;margin-left:5px;}


.my_table{}
.object table.my_table{width:100%; border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.object table.my_table td{background:#fff;line-height:5em;font-size:1.2em;text-align:center;border-bottom:1px solid #CCCCCC;}
.object table.my_table th{background:#f5f5f5;line-height:4em;font-size:1.4em;}
.object table.my_table tbody .td1{background:#f5f5f5 url(../../images/circle_check.png) no-repeat 20px 50%;;color:#999;cursor:pointer;width:120px;font-size:1.4em;line-height:3em;border-right: 1px solid #ccc;}
.object table.my_table .td2{text-align:left;text-indent:20px;width:80%;}
.object table.my_table td input{border:2px solid #25aaff;vertical-align:middle;height:34px;margin-right:10px; text-indent:10px;}
#mail_ok, #mail_no {border:none;}
.object table.my_table td select{border:2px solid #ccc;vertical-align:middle;height:34px;margin-right:10px; text-indent:10px;font-size:1.1em;}
.object table.my_table td textarea{border:2px solid #ccc;vertical-align:middle;height:34px;margin-right:10px; text-indent:10px;font-size:1.1em;width:80%;height:80px;margin:20px 0;padding:10px;}
.btn_my_ok{width:40%;min-width:160px; background:#25aaff;margin:30px auto;display:block;text-align:center;color:#fff;line-height:3em;font-size:2em;}
.btn_my_ok:hover{background:#47B7FF;}

.ex{color:#FF6A1D}
@media screen and (max-width: 1024px) {
.hide-1024{display:none;}
.show-1024{display:block;}

	.object table{font-size:11px;}
	
}
@media screen and (max-width: 900px) {
.hide-960{display:none;}
.show-960{display:block;}
.object table tbody .td1{}
.object table tbody .td2{text-indent:5px;}
.object table.com_list tbody .td1{width:90px;}
.object table.com_list tbody .td2{text-indent:5px;width:20%;}
	
}



/* //홈 */
.buy_wraper{overflow:hidden;margin-bottom:100px;position:relative;}

.b_main .buy_wrap{overflow:hidden;background:#fffac0;width:30%;height:270px; text-align:center;padding:30px 0;float:left;}
.b_main  .buy_wrap h2{background:#fffac0;}
.b_main  .buy_wrap .buy{}
.b_main  .buy_wrap .buy select{width:80%;margin:10px auto 0; height:35px;line-height:35px; }c
.b_main  .buy_wrap .buy select option{height:35px;line-height:35px;}
.b_main  .buy_wrap .buy p{font-size:1.4em;text-align:center;margin-top:10px;}
.b_main  .buy_wrap .buy p strong{font-size:2em;}
.b_main  .buy_wrap .buy p span{font-size:1em;color:#FF8600;font-weight:700;text-decoration:line-through;}
.b_main  .buy_wrap .buy p .txt{font-size:1.8em;display:block; margin-top:0.1em;color:#A7A7A7}
.b_main  .buy_wrap .buy .btn{width:80%;}
.b_main  .buy_wrap .buy .btn a{display:block;background:#000000; padding:0.7em 0;color:#FFFFFF;font-size:1.8em;text-align:center;}
.b_main  .buy_wrap .buy .btn a:hover{background:#393939;}

.radio_wrap{width:100%; margin:1em auto;border-top:1px solid #DBDBDB;padding:10px 0 0 0;}
.radio_wrap input{vertical-align:middle;margin:0 5px;}

.status{float:left;width:65%;min-width:240px;height:270px;padding:30px 0;text-align:center;background:#eeeeee;}
.status dl{background:#fff;overflow:hidden;width:80%;margin:0 auto;}
.status dt{font-size:1.4em;line-height:3em;border-bottom:1px solid #ccc;}
.status dd p{width:50%;float:left;font-size:1.2em;line-height:4em;}
.status dd p .ex{margin-left:10px;}
.status dl.prev{margin-top:10px;}
.status .img{margin-top:10px;}

.b_main  .buy_wrap .com_num .ex{font-size:1em;margin:60px 0 20px;}
.b_main  .buy_wrap .com_num .ex input{vertical-align:middle;width:16px; height:16px;}
.b_main  .buy_wrap .com_num h2{font-weight:600;}

@media screen and (max-width: 1200px) {

	.status{width:50%;}
}

@media screen and (max-width: 1200px) {

	.status{width:60%;}
}
@media screen and (max-width: 1100px) {

	.status{width:55%;}
	.status dd p .ex{margin-left:2px;}
}
@media screen and (max-width: 1100px) {

	.status{width:48%;}
}

.del{}
.del h2{text-align:left;font-weight:600;padding:10px 0;display: flex;justify-content: start;}
}
.del h2 .img{display: block;}
.del h2 .text{padding: 10px 0 0 10px;}
.del .ex{text-align:left;line-height:2.5em;font-size:1.2em;color:#3A3A3A;}
.pay_list_table{line-height:3em;}
.pay_list_table .btn{padding:5px 10px;border:1px solid #ccc;line-height:140%;color:#ccc;background:#000;font-size:12px;border-radius: 4px;}
.pay_list_table .btn:hover{color:#fff;}
.pay_list_table th{border-bottom:1px solid #ccc;border-top:1px solid #ccc;background:#f5f5f5;}
.pay_list_table tbody td{border-bottom:1px solid #ccc;line-height:4em;font-size:1.2em;text-align:center;}
.pay_list_table tbody .td1{width:5%}
.pay_list_table tbody .td2{}
.pay_list_table tbody .td3{}
.pay_list_table tbody .td4{}
.pay_list_table tbody .td5{}
.pay_list_table tbody .td6{}
.pay_list_table tbody tr:hover{background:#E4F6FF;}

.pay_list_table tfoot td{text-align:right;}


/* 인포 (다운로드 공지사항문의메일 FAQ ) */

.info_top_wrap{width:100%;height:152px; margin:0 auto; background:url(../../images/info_top_bg.png) no-repeat center #fff; }
.b_main_wrap {}


.b_main_wrap .download_topwrap{position:relative;width:100%;}
.b_main_wrap .download_topwrap dl.download_top{padding-top:30px;text-align:left;float:left;}
.b_main_wrap .download_topwrap dl.download_top dt{font-size:2.4em;font-weight:600;}
.b_main_wrap .download_topwrap dl.download_top dd{font-size:1.4em; margin:1em 0 0 0;}
.b_main_wrap .download_topwrap dl.download_top dd strong{font-size:1em; margin:1em 0 0 0;font-weight:600;color:#46B1FF;}

.b_main_wrap .download_topwrap .btn_download{margin:2em 0;overflow:hidden;}
.b_main_wrap .download_topwrap .btn_download a{width:142px;font-size:16px; height:40px; line-height:40px; border:1px solid #D1D1D1;background:#000;color:#fff;display:block;float:left;padding: 0 5%;margin-right:5px;text-align:center;}
.b_main_wrap .download_topwrap .btn_download a:hover{background:#727272;}
.b_main_wrap .download_topwrap .btn_download .btn2{width:100px;background:url(../../images/btn_google.png) no-repeat center #000;}
.b_main_wrap .download_topwrap .btn_download .btn2:hover{background:url(../../images/btn_google_hover.png) no-repeat center #727272;}
.b_main_wrap .download_topwrap .btn_download .btn3{width:100px;background:url(../../images/btn_apple.png) no-repeat center #000;}
.b_main_wrap .download_topwrap .btn_download .btn3:hover{background:url(../../images/btn_apple_hover.png) no-repeat center #727272;}
.b_main_wrap .download_topwrap div.img{width:38%;min-width:280px;float:left;margin:20px 0 0 4%;;}
.b_main_wrap .download_topwrap div.img img{width:100%;}

.b_main_wrap .table_wrap{clear:both;width:95%;margin:0 auto;}
.b_main_wrap .table_wrap table.table_download{}
.b_main_wrap .table_wrap table.table_download thead{}
.b_main_wrap .table_wrap table.table_download thead th{background-color:#f8f8f8;font-size:1.2em; line-height:2em; font-weight:600;border-top:2px solid #969696;border-bottom:1px solid #969696;}

.b_main_wrap .table_wrap table.table_download tfoot{}

.b_main_wrap .table_wrap table.table_download tbody{border-bottom:1px solid #969696;}
.b_main_wrap .table_wrap table.table_download tbody td{line-height:3em;font-size:1em;border:none;border-bottom:1px solid #DBDBDB;}

.b_main_wrap .table_wrap table.table_download .td1{width:10%; text-align:center;}
.b_main_wrap .table_wrap table.table_download .td2{width:55%;text-align:left;}
.b_main_wrap .table_wrap table.table_download .td3{width:15%;text-align:center;}
.b_main_wrap .table_wrap table.table_download .td4{width:20%;text-align:center;}
.b_main_wrap .table_wrap table.table_download tbody {}
.b_main_wrap .table_wrap table.table_download tbody a{border:1px solid #D5D5D5;background:#000;line-height:2em;padding:0 2em;display:inline-block;color:#fff}
.b_main_wrap .table_wrap table.table_download tbody a:hover{background:#3B3B3B;}
.b_main_wrap .table_wrap table.table_download tfoot{display:none;}
.info .info_wrap .table_wrap table.table_download.notice_table tbody a,
.b_main_wrap .table_wrap table.table_download.notice_table tbody a{border:none;background:none;line-height:2em;padding:0 2em;display:inline-block;color:#000}
.b_main_wrap .table_wrap table.table_download.faq_table tbody a{border:none;background:none;line-height:2em;padding:0 2em;display:inline-block;color:#000}

.b_main_wrap .email_topwrap{position:relative;width:100%;overflow:hidden; text-align:left;}
.b_main_wrap .email_topwrap dl.email_top{padding-top:30px;width:60%;float:left;}
.b_main_wrap .email_topwrap dl.email_top dt{font-size:2.4em;font-weight:600;}
.b_main_wrap .email_topwrap dl.email_top dd{font-size:1.4em; margin:1em 0 0 0;}
.b_main_wrap .email_topwrap .btn_email{padding:2em 0;float:left; }
.b_main_wrap .email_topwrap .btn_email a{font-size:1.4em; height:40px; line-height:40px; background:#E8E8E8;color:#212121;display:block;float:left;padding: 0 2em;margin-right:5px;text-align:center;}
.b_main_wrap .email_topwrap .btn_email a:hover{background:#A7DFFF;border:none;}

.b_main_wrap .email_topwrap div.img{width:35%;float:right;margin-top:-10px;margin-right:5%;}
.b_main_wrap .email_topwrap div.img img{width:100%;}
#tap1,#tap2{overflow:hidden;}
.b_main_wrap .email_wrap{float:left; width:65%; text-align: left}
.b_main_wrap .email_wrap input{height:30px;width:75%; margin-bottom:3px;border:1px solid #9E9E9E;font-size:1.2em;}
.b_main_wrap .email_wrap select{height:30px;width:48%; margin-bottom:3px;font-size:1.2em;border:1px solid #9E9E9E;}
.b_main_wrap .email_wrap label{width:20%;display:block;float:left;line-height:30px;font-size:1.2em;background:#E9E9E9;margin-right:10px;text-align:center;color:#646464;}
.b_main_wrap .email_wrap label#label_email_text{line-height:300px;}
.b_main_wrap .email_wrap textarea{height:30px;width:75%; height:300px;font-size:1.2em;border:1px solid #9E9E9E;}

.b_main_wrap .email_wrap a{display:block;  background:#1B1B1B;line-height:2.4em;font-size:2em;color:#FFFFFF;text-align:center;margin:20px auto;}
.b_main_wrap .email_wrap a:hover{background:#A7DFFF;}

.b_main_wrap ul.banner{float:right; width:33%}
.b_main_wrap ul.banner li{padding:60px 20px;position:relative;overflow:hidden;}
.b_main_wrap ul.banner li p{font-size:1.2em; text-align: left;}
.b_main_wrap ul.banner li p strong{display:block;font-size:1.4em;line-height:2em;}
.b_main_wrap ul.banner li .img{width:39%;float:right;}
.b_main_wrap ul.banner li .img img{width:100%;}
.b_main_wrap ul.banner li.li1{border-bottom:1px solid #D7D7D7;}
.b_main_wrap ul.banner li.li2{border-bottom:1px solid #D7D7D7;}

.b_main_wrap ul.banner li.li2 p{float:right;}
.b_main_wrap ul.banner li.li3{}

.b_main_wrap ul.banner li.li1 .img{position:absolute; top:50px;right:0; }
.b_main_wrap ul.banner li.li2 .img{position:absolute; top:50px;left:0; }
.b_main_wrap ul.banner li.li3 .img{position:absolute; top:50px;right:-7px; }





.b_main_wrap .notice_topwrap{overflow:hidden;width:87%;margin:0 auto; text-align:left;}
.b_main_wrap .notice_topwrap dl.notice_top{padding-top:30px;width:55%;float:left;}
.b_main_wrap .notice_topwrap dl.notice_top dt{font-size:2.4em;font-weight:600;}
.b_main_wrap .notice_topwrap dl.notice_top dd{font-size:1.4em; margin:1em 0 1em; 0;line-height:1.4em;}
.b_main_wrap .notice_topwrap .btn_email{margin:2em 0;float:left; }
.b_main_wrap .notice_topwrap .btn_email a{font-size:1.4em; height:40px; line-height:40px; background:#E8E8E8;color:#212121;display:block;float:left;padding: 0 2em;margin-right:5px;text-align:center;}
.b_main_wrap .notice_topwrap .btn_email a:hover{background:#A7DFFF;border:none;}

.b_main_wrap .notice_topwrap div.img{width:40%;float:right;margin-top:-10px;margin-right:0%;}
.b_main_wrap .notice_topwrap div.img img{width:100%;}

.b_main_wrap .notice_top ul.faq{font-size:0.9em;}
.b_main_wrap .notice_top ul.faq li{}
.b_main_wrap .notice_top ul.faq li:hover{color:#09AEFF;cursor:pointer;}

.table_n_detail {}
.table_n_detail tbody td{padding:50px 20px;font-size:1.2em;border:1px solid #ccc;min-height:200px;}
.table_n_detail tfoot td a.btn {background:#1B1B1B;padding:1em 3em;font-size:1.4em;margin:1em;;}
.table_n_detail tfoot td a.btn:hover{background:#3B3B3B;}
.table_n_detail tfoot td{border:none;text-align:center;}
.table_n_detail thead .tr1{border-top:4px solid #4aa8ff ;}
.table_n_detail thead .td1{color:#4aa8ff;border:1px solid #eee:}
.table_n_detail thead td{border:1px solid #ccc;}




.b_main_wrap .terms_box { background: #ffffff none repeat scroll 0 0;    border: 1px solid #00aeef;    box-sizing: border-box;    height:120px;    margin-top: 11px;    overflow: auto;    padding: 8px 10px;    position: relative;text-align:left;}
.b_main_wrap .input_chk {display: block;height: 24px; position: relative;}
.b_main_wrap .input_chk input {height: 22px;    margin-top: -11px;    position: absolute;    right: 1px;    top: 50%;    width: 22px;    z-index: 9;visibility:hidden;}
.b_main_wrap .input_chk label {background: rgba(0, 0, 0, 0) url(../../images/ico_check_off_2x.png) no-repeat scroll 100% 50% / 24px 24px;color: #333;cursor: pointer; display: block;font-size: 14px;font-weight: bold; height: 24px; left: 0;line-height: 24px; position: absolute; top: 0; width: 100%; z-index: 0; text-align:left;margin-top:7px;}
.b_main_wrap .global .input_chk label {font-family: Arial;}
.b_main_wrap .input_chk input:checked + label { background: rgba(0, 0, 0, 0) url("../../images/ico_check_on_2x.png") no-repeat scroll 100% 50% / 24px 24px;}
.b_main_wrap .input_chk label.on {    background: rgba(0, 0, 0, 0) url("../../images/ico_check_on_2x.png") no-repeat scroll 100% 50% / 24px 24px;}
.b_main_wrap .input_chk label .terms_choice { color: #0d9900;    font-size: 12px;    font-weight: normal;}
.b_main_wrap .input_chk label .terms_no { color: #969696;}

.b_main_wrap .section ol { margin-bottom: 10px;}
.b_main_wrap ul.terms_list {list-style: outside none circle;}
.b_main_wrap ul.terms_list li {list-style-type: circle;    padding-left: 10px;}
.b_main_wrap .terms_bx_list {display: block;    padding-bottom: 8px;}

@media screen and (max-width: 1130px) {
.b_main_wrap  ul.banner li p{font-size:1em;}
.b_main_wrap  ul.banner li p strong{display:block;font-size:1.5em;line-height:2em;}
	}
@media screen and (max-width: 1024px) {
.hide-1024{display:none;}
.show-1024{display:block;}

.b_main_wrap .email_wrap{clear:both; width:97%;}
.b_main_wrap ul.banner{width:100%;float:left;overflow:hidden;margin:10px auto 30px;}

.b_main_wrap ul.banner li{padding:60px 1% 20px;float:left;margin-right:5px;width:30%;text-align:center;}
.b_main_wrap ul.banner li.li1,  .b_main_wrap ul.banner li.li2{border-bottom:none !important;}
.b_main_wrap ul.banner li.li1 .img{position:absolute; top:0px;left:30%;width:25%; margin-left:8%;}
.b_main_wrap ul.banner li.li2 .img{position:absolute; top:0px;left:30%; }
.b_main_wrap ul.banner li.li3 .img{position:absolute; top:0px;left:30%; }
.b_main_wrap ul.banner li.li2 p{float:none;}

.b_main_wrap ul.banner{border:none;}
	}

@media screen and (max-width: 960px) {
.hide-960{display:none !important;}
.show-960{display:block !important;}
#header{height:80px;background:#3e5170; min-width:280px;}
#header .header_wrap {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
#header .logo {
    position:relative;width:120px;margin:0 auto;
    
    background: url(../../backoffice2/images/logo.png) no-repeat;
}
#header .gnb {
    position: absolute;width:100%;
    top: 80px;
    left: 0px;
	z-index:1;
	display:none;

}
#header .gnb.active {

	display:block;

}
#header .gnb li {
background: #202733;
padding:15px 0;
text-indent:10px;
border-bottom:1px solid #595959;
    float: none;
    margin: 0px;
}

.left_wrap {
    width: 100%;
    border: none;
    float: none;
    position:relative;
    
}
.b_main_wrap {
    width: 100%;
    padding-top: 0px;
}
.left dl{overflow:hidden;padding:0;}
.left dl dt {float: left;padding:0 20px;line-height: 40px;}
.left dl dd {float: left;padding:0 20px;line-height: 40px;}
.object {
    padding-left: 0px;
    padding-bottom: 50px;
	padding-top: 10px;
    min-height: 300px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    width: 100%/9;
}
.object table.com_list {
    width: 95%;
	margin:0 auto;
    
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
div.search_box {
    width: 95%;
	margin:10px auto;
}
.object table.my_table {
    width: 95%;
	margin:0px auto 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.object table.my_table tbody .td1 {
    background: #f5f5f5 url(../../images/circle_check.png) no-repeat 20px 50%;
    color: #999;
    cursor: pointer;
    width: 150px;
    font-size: 1.4em;
    line-height: 3em;
    border-right: 1px solid #ccc;
}
.object table.my_table .td2 {
    text-align: left;
    text-indent: 20px;
    width: 70%;
}
.left ul{overflow:hidden;padding:0;}

.left ul li.li1 {
    display:none;
}
.left ul li{float: left;width: ;line-height: 40px;border-left:1px solid #ccc;padding:0 30px;}

.del .ex{margin:0px auto 10px; width: 95%;line-height: 140%;}
.status {    width: 55%;}
.b_main .buy_wrap { width: 40%;	margin-left:2.5%;}
.radio_wrap { width: 90%;}
.pay_list_table {width: 95%;margin:0px auto 0px  ;  line-height: 3em;}
.computer_num {
    position: relative;
    left: 0px;
    bottom: 0px;
    font-size: 1.2em;
	
}
.b_main_wrap .download_topwrap{position:relative;width:100%;}
.b_main_wrap .download_topwrap dl.download_top{padding-top:30px;text-align:left;float:left;width: 50%;}
.b_main_wrap .download_topwrap dl.download_top dt{font-size:1.8em;font-weight:600;}
.b_main_wrap .download_topwrap dl.download_top dd{font-size:1.2em; margin:1em 0 0 0;}
.b_main_wrap .download_topwrap dl.download_top dd strong{font-size:1em; margin:1em 0 0 0;font-weight:600;color:#46B1FF;}

.b_main_wrap .notice_topwrap{position:relative;width:95%;}

.b_main_wrap .notice_topwrap dl.notice_top{padding-top:30px;width:55%;float:left;}
.b_main_wrap .notice_topwrap dl.notice_top dt{font-size:1.8em;font-weight:600;}
.b_main_wrap .notice_topwrap dl.notice_top dd{font-size:1.2em; margin:1em 0 1em; 0;line-height:1.4em;}


.b_main_wrap .email_topwrap{position:relative;width:95%;overflow:hidden; text-align:left;margin:0 auto;}
.b_main_wrap .email_wrap {    clear: both;    width: 95%;margin:0 auto;float:none;}
.b_main_wrap .email_topwrap dl.email_top dt {    font-size: 1.8em;    font-weight: 600;}
.b_main_wrap .email_topwrap dl.email_top dd{font-size:1.2em; margin:1em 0 1em; 0;line-height:1.4em;}

.b_main_wrap ul.banner li p {
    font-size: 1em;
    text-align: center;
	padding:30px 0 0;
}
}
@media screen and (max-width: 680px) {
.hide-640{display:none  !important;}
.show-640{display:block  !important;}
th.hide-640,td.hide-640{display:none;}
th.show-640,td.show-640{display:table-cell;}
.left dl dt {float: left;padding:0 10px;line-height: 40px;}
.left dl dd {float: left;padding:0 10px;line-height: 40px;}

#content {

    min-width: 280px;
}
.object table.com_list {
    width: 95%;
    min-width: 280px;
	margin:0 auto;
  
}
div.search_box {
    margin-bottom: 10px;
    text-align: left;
    position: relative;
    width: 95%;
    min-width: 280px;
	margin:0px auto 10px;
}
.paginate{text-align:center;margin-top:30px;min-width:280px;}
.left ul li{float: left;width: ;line-height: 40px;border-left:1px solid #ccc;padding:0 15px;}
input.search {width: 100px;}
.paginate a {

    font-size: 12px;
    width: 25px;

}
.paginate .btn_prev, .paginate .btn_next {
    width: 50px;
}
.com_list p{text-align: left;padding:0 10px;}
.com_list span.btn{float: right;margin:0px 0px 0 10px;}
.com_list span.btn a{color:#fff;padding:0 10px;background: #96a6b0;line-height:220%;display:inline-block;}
.com_list span.btn a:hover{background: #3d667e;}
.object table.my_table td input {	width: 80%;}
.object table.my_table td .mail input {	width: inherit;}

.object table.my_table tbody .td1 { background: #f5f5f5  no-repeat 10px 50%; color: #999;    cursor: pointer; font-size: 1.1em;  line-height: 3em; border-right: 1px solid #ccc;}
.object table.my_table td input.re{ border: 2px solid #25aaff;vertical-align: middle; height: 34px;    margin: 0px 0px 10px 20px;    text-indent: 10px;	line-height: 140%;}
.object table.my_table td input.re,.object table.my_table td .mail{display:block;padding:0;line-height: 300%;}

.del h2  {padding:10px 0 0;text-align:center;text-indent: 0px;}
.del h2 .text {line-height: 240%;padding: 10px 0 0 10px;text-align:center;display:inline-block;text-indent: 0px;}
.del h2 span.img{vertical-align:text-top;padding:0;text-indent: 0px;}
.del .ex{text-align:center;margin:0px auto 10px; width: 90%;line-height: 140%;}

.status {    width: 90%;margin:0px auto 0;float:none;position:absolute;top:220px;left:5%;height: inherit;}
.b_main .buy_wrap { width: 95%;height: inherit;	 ;float:none;}
.b_main  .buy_wrap .buy .btn { margin:330px auto 0;}
.status dt {font-size: 14px;}
.status dd p {font-size: 12px;}

.com_num .status {    width: 90%;margin:0px auto 0;float:none;position:absolute;top:110px;left:5%;height: inherit;}
.com_num .buy_wrap .buy .btn { margin:0px auto 0;}
.com_num .buy_wrap .com_num .ex {    font-size: 1em;    margin: 330px 0 20px;}
.pay_list_table .td4{display:none;}

.b_main_wrap .download_topwrap div.img {
    width: 95%;
    max-width: 400px;
    float: none;
    margin: 20px auto 0;
}
.b_main_wrap .download_topwrap{position:relative;width:100%;}
.b_main_wrap .download_topwrap dl.download_top{padding-top:30px;text-align:center;float:none;width: 95%; margin: 20px auto 0;}
.b_main_wrap .download_topwrap .btn_download{margin: 20px auto ;width: 70%;overflow:hidden;}
.b_main_wrap .download_topwrap .btn_download a,.b_main_wrap .download_topwrap .btn_download .btn2 {
    width: 48%;
    
    display: block;
    float: left;
    padding: 0;
    margin: 0px auto;
    text-align: center;
}
.b_main_wrap .notice_topwrap dl.notice_top{padding-top:30px;width:95%;float:none;text-align: center;}
.b_main_wrap .notice_topwrap dl.notice_top dt{font-size:1.8em;font-weight:600;}
.b_main_wrap .notice_topwrap dl.notice_top dd{font-size:1.2em; margin:1em 0 1em; 0;line-height:1.4em;}
.b_main_wrap .notice_topwrap div.img {    width: 95%;    float: none;    margin: 0px auto;	max-width: 400px;}
.b_main_wrap .table_wrap table.table_download thead th {    font-size: 12px;    line-height: 180%;}

.faq_table .mo{display:none;}
.faq_table .num{width: 30px;}
.faq_table  .group{}
.b_main_wrap .table_wrap table.table_download.faq_table .td2 {
    width: 75%;
}
.b_main_wrap .email_wrap label {
    width: 30%;
    
    font-size: 12px;
    
}
.b_main_wrap .email_wrap input {
    height: 30px;
    width: 65%;

}
.b_main_wrap .email_wrap textarea {
    height: 30px;
    width: 65%;
    height: 300px;
    font-size: 1.2em;
    border: 1px solid #9E9E9E;
}
.b_main_wrap .input_chk label{ width: 100%;}

.b_main_wrap ul.banner li {
    padding: 90px 0 20px;
    float: left;
    margin-right: 1%;
    width: 31%;
    text-align: center;
}
.b_main_wrap ul.banner li .img {
    position: none !important;
    top: 0px;
    left: 30%;
    width: 70% ;
}
.b_main_wrap ul.banner li.li1 .img {
    position: absolute;
    top: 0px;
    left: 30%;
    width: 40% ;
}
.b_main_wrap ul.banner li p strong {
    display: block;
    font-size: 1.0em;
    line-height: 160%;
}
.b_main_wrap ul.banner li p {
    font-size: 1em;
    text-align: center;
	padding:10px 0 0;
}
.b_main_wrap .email_topwrap div.img {
    width: 95%;
    float: none;
    margin-top: -10px;
    margin: 0 auto;max-width: 400px;
}
.b_main_wrap .email_topwrap dl.email_top {
    padding-top: 30px;
    width: 95%;
    float: none;
	text-align: center;
}

}
@media screen and (max-width: 480px) {
.b_main_wrap .download_topwrap .btn_download{margin: 20px auto ;width: 86%;overflow:hidden; font-size: 12px;}

.b_main_wrap ul.banner li p {    font-size: 1em;    text-align: center;	padding:0px 0 0;}
.b_main_wrap ul.banner li {
    padding: 65px 0 20px;
    float: left;
    margin-right: 1%;
    width: 31%;
    text-align: center;
}


}


.custom-menu {    z-index:1000;    position: absolute;    background-color:#C0C0C0;    
                  border: 1px solid black;    padding: 2px;}

/* primary header */
.primary-header {  padding: 24px 0;  text-align: center;  border-bottom: solid 2px #cfcfcf;}
.primary-header__title {  color: #393939;  font-size: 36px;}
.primary-header__title small {  font-size: 18px;  color: #898989;}

/* content */
.content {  padding: 48px 0;  border-bottom: solid 2px #cfcfcf;}
.content__footer {  margin-top: 12px;  text-align: center;}

/* footer */
.primary-footer {  padding: 24px 0;  color: #898989;  font-size: 14px;  text-align: center;}

/* tasks */
.tasks {  list-style: none;  margin: 0;  padding: 0;}
.task {  display: flex;  justify-content: space-between; }
.task:last-child {  border-bottom: none;}

/* context menu */
.context-menu {
  display: none;  position: absolute;  z-index: 10;  padding: 0px 0;  width: 150px;  
  background-color: #fff;  border: solid 1px #dfdfdf;  box-shadow: 1px 1px 2px #cfcfcf;
  }

.context-menu--active {  display: block;}
.context-menu__items {  list-style: none;  margin: 0;  padding: 0;}
.context-menu__item {  display: block;  margin-bottom: 4px;}
.context-menu__item:last-child {  margin-bottom: 0;}
.context-menu__link {  display: block;  padding: 4px 12px;  color: #0066aa;  text-decoration: none;}
.context-menu__link:hover {  color: #fff;  background-color: #0066aa;}
.context-menu__link.subject { color: #fff; background-color : black; padding:10px; pointer-events: none; margin-bottom:5px;}

.buy_wraper.buy_wraper10{border:1px solid #32c2ff; width: 70%; margin: 40px auto; padding:20px;}
.buy_wraper10 h3{font-size: 22px;line-height:140%;}
.buy_wraper10 h3 span{color:#ff7917;font-size: 18px;}
.buy_wraper10 .icon {
    background-position: -90px 0;
}
.buy_wraper10 .icon {
    display: block;
    background: url(../../images/footer_icon.png) no-repeat;
    width: 45px;
    height: 45px;
    margin: 40px auto 20px;
}
.buy_wraper10 .icon {
    background-position: -90px 0;
}
.buy_wraper10  .txt {
    font-size: 2em;
}
.buy_wraper10 p {
    width: 90%;
    margin: 10px auto 10px;
	font-size: 14px;
	line-height:180%;
}

.divBack {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color: black;
    filter:Alpha(opacity=50) \0/IE8;
    opacity:0.5;

}

.divBack.hide {
    display:none;

}

.infomation{
    position:absolute;
    border:3px solid #ccc;
    background: white;

    width:500px;
    
    margin:200px 35%;
	text-align:center;
    
}
.inner_wrap{position:relative;}
.infomation h2{line-height:220%;font-size:22px;padding:10px 0 0;}
.infomation p{font-size:12px;line-height:180%;}
.infomation .strong{font-weight:600;font-size:14px;display:block;border:1px solid #ccc;width:70%; margin:20px auto 10px;padding:20px 0;}
.infomation strong{color:#ff7e00;font-weight:600;font-size:14px;display:block;}
.infomation strong span.red{color:red;}
.infomation .ex{padding:10px 0;background-color: #eee;width:100%;}
.infomation  input.btn{padding:10px 0px;width:60%;display:block;background: #31c2ff; margin:0px auto 10px;color:#fff;}

.infomation.hide{
    display:none;
}
@media screen and (max-width: 680px) {
.infomation{
width:100%;
    height: 100%;
    margin:0 auto;}

}


/*index 20161101 계좌번호 추가 */
.account_number{margin: 10px;font-size:14px;font-weight:bold;text-align:left;color:#333;line-height:20px;}
.account_number span{color:#666;font-size:11px;}