@charset "utf-8";

@import url("webfont.css");

body {font-size:14px; font-family:'나눔고딕', NanumGothic, 'Nanum Gothic', sans-serif; color:#727272; background-color:#ffffff; line-height:1.6; letter-spacing:-0.5px}

a:link, a:visited {text-decoration:none; color:#666;cursor:pointer}
a:hover, a:active {text-decoration:underline; color:#666; text-decoration:none;cursor:pointer}
input, textarea {border-radius: 5px;}

#wrapper{width:100%; background:url(../images/top_bg.gif) 0 0 repeat-x; }
#header{position:relative; width:1000px; height:95px; margin:0 auto; }
/*
#header #top_menu{display:none; float:right; margin-top:50px;}
#header #login_menu{display:none; float:right; margin-top:50px; }
#header #login_menu span{color:#303030; font-weight:600 }
*/
#header #top_menu {display:none; float:right;  }
#header #top_menu ul {height: 30px; margin-top:37px; }
#header #top_menu ul li{float:left;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 10px 5px 10px}
#header #top_menu ul li.demo{float:left; color:#eee; background: #2b2f35}
#header #top_menu ul li.demo a{float:left; color:#eee; background: #2b2f35}
#header #top_menu .icon {position: absolute; margin: 9px 0px 0px 50px;padding:5px;background:orange;font-size:11px;color:#fff;border-radius: 5px;}


#header h1{float:left; margin-top:30px; width:224px }
#header #gnbWrap{position:absolute; top:42px; left:250px; width:520px; height:40px;}
#header #gnbWrap #gnb{width:520px; height:40px;}
#header #gnbWrap #gnb > li {float:left; }
#header #gnbWrap #gnb > li.manu1{float:left; width: 168px; }
#header #gnbWrap #gnb > li.manu2{float:left; width: 100px; }
#header #gnbWrap #gnb > li.manu3{float:left; width: 110px;}
#header #gnbWrap #gnb > li > a{display:block;  height:40px;  font-size:18px; color:#222; font-weight:500; line-height:1.5; text-align:center;}
#header #gnbWrap #gnb > li.on > a {color:#222; background-color:#fff; }
#header #gnbWrap #gnb .on .sGnbArea {display:block; border-top:#ffb440 2px solid;  margin-right: 20px}
.sGnbArea{display:none; position:relative; z-index:999999; top:10px;}
.sGnbArea ul {margin:0 auto; }
.sGnbArea ul:after {content:""; display:block; clear:both;height:35px;}
.sGnbArea ul li a {display:block;  height:35px; text-align:center; line-height:2.5; font-size:13px; color:#222; background-color:#fff;  box-sizing:border-box;}
.sGnbArea ul li a:hover{color:#222; background-color:#ffb440; }
.sGnbArea.sGnb_02{width:190px}


#container {*zoom:1; width:100%; }
#container:after {content:""; display:block; clear:both; }
#container .m_contents{width: 1000px; margin:0 auto; text-align:center; padding-top: 80px}
#container .contents{width: 1000px; margin:0 auto; text-align:center;}
#contents{width:1000px; margin:0 auto; }

#container_full {*zoom:1; width:100%; }
#container_full:after {content:""; display:block; clear:both; }
#container_full .m_contents{width: 1000px; margin:0 auto; text-align:center; padding-top: 40px}
#container_full .contents{width: 100%; margin:0 auto; text-align:center;}
#container_full {width:100%; margin:0 auto; }


/*메인_배너*/
#main_banner{width:100%; height:560px; overflow:hidden; background:#2b2f35}
#main_banner .m_bnr01 {width:100%; height:560px; background:url(../images/main_banner01.jpg) no-repeat center #2b2f35; margin:0;}
#main_banner #m_bnt {position:relative; width: 1320px; top:250px; margin:0 auto}
#main_banner #m_bnt .btn_prev {width: 60px; float:left; margin:0}
#main_banner #m_bnt .btn_rolling {width: 1200px; height:40px; margin-top:250px; float:left; }
#main_banner #m_bnt .btn_rolling ul {width: 125px; height:40px;  margin:0 auto; }
#main_banner #m_bnt .btn_rolling ul li{width: 25px; height:40px; float:left; }
#main_banner #m_bnt .btn_next {width: 60px; float:left; margin:0}


/*메인_어드민플러스*/
#service_info {width: 100%; height:440px; background:#dcf0f9; margin:0; }
#service_info h2 {font-size: 58px; color: #303030; font-weight: 500; line-height: 1.5; }
#service_info .text_explain {font-size: 20px; color: #333; line-height: 1.5; border:4px solid #2b2f35; background: #fff; padding: 25px; margin-top: 20px; }
#service_info .text_subject {font-size: 35px; color: #333; line-height: 1.0; font-weight: 500}
#service_info .arrow {margin: 40px; height: 30px; height: 61px; background:url(../images/main_img.png) no-repeat center bottom;}



/*메인_주문 1분*/
#service_1minute {width: 100%; height:500px; background:#fff; margin:0; }
#service_1minute h2 {width: 50%; font-size: 45px; color: #303030; font-weight: 500; margin-top:10px; letter-spacing: -1px; text-align: left; float:right;}
#service_1minute .text_explain {width: 50%; font-size: 18px; color: #333; line-height: 1.5;  margin-top: 20px; text-align: left;  float:right; margin-bottom: 40px;}
#service_1minute .text_subject {width: 50%; font-size: 35px; color: #333; line-height: 1.5; font-weight: 500;  float:left; }
#service_1minute span {width: 50%; text-align:left; float:left; font-size: 35px; color: #333; line-height: 1.5; font-weight: 500; margin-top:20px;}


/*메인_개별발주*/
#service_order {width: 100%; height:500px; background:#eee; margin:0; }
#service_order h2 {width: 480px;  font-size: 45px; color: #303030; font-weight: 500; padding-left: 20px; margin-top:10px; letter-spacing: -1px; text-align: left; float:left;}
#service_order .text_explain {width: 480px; font-size: 18px; color: #333; line-height: 1.5;  margin-top: 20px;padding-left: 20px;text-align: left;  float:left; margin-bottom: 40px;}
#service_order .text_subject {width: 500px; font-size: 35px; color: #333; line-height: 1.5; font-weight: 500;  float:left; }
#service_order span {width: 500px; text-align:right; float:right; font-size: 35px; color: #333; line-height: 1.5; font-weight: 500; margin-top:20px;}


/*메인_강점*/
#service_forte {width: 100%; height:620px; margin:0; background:#ffcc66}
#service_forte h2 {font-size: 45px; color: #303030; font-weight: 500; line-height: 1.2; }
#service_forte .text_explain {font-size: 15px; color: #333; line-height: 1.5;}
#service_forte .text_subject {font-size: 25px; color: #333; line-height: 1.2; font-weight: 800; letter-spacing: -1px}
#service_forte .img {margin: 50px 0px 20px 0px }
#service_forte ul li {width:250px; float:left}
#service_forte p {margin-top: 10px}




/*메인_통합관리자 제공*/
#service_explain {clear: both;width: 100%; height:800px; margin:0; background: #ffebae}
#service_explain h2 {font-size: 58px; color: #333; font-weight: 500; line-height: 1.2; }
#service_explain .text_explain {font-size: 24px; color: #333; line-height: 1.5;}
#service_explain .text_subject {font-size: 28px; color: #333; line-height: 1.2; font-weight: 800; }
#service_explain img {margin-top: 10px}
#service_explain p {margin-top: 10px}


/*메인_어드민플러스 주요기능*/
#service_function {clear: both;width: 100%; height:720px; margin:0; background: #eee}
#service_function h2 {font-size: 58px; color: #333; font-weight: 500; line-height: 1.2; }
#service_function .text_explain {font-size: 24px; color: #333; line-height: 1.5;}
#service_function .text_subject {font-size: 28px; color: #333; line-height: 1.2; font-weight: 800; }
#service_function img {margin-top: 40px}
#service_function ul li {width:250px; float:left}
#service_function p {margin-top: 12px}


/*메인_타사서비스*/
#service_compare {clear: both;width: 100%; height:880px; margin:0; background:#2b2f35}
#service_compare h2 {font-size: 45px; color: #eee; font-weight: 500; line-height: 1.2; }
#service_compare .text_explain {font-size: 24px; color: #eee; line-height: 1.5;}
#service_compare .text_subject {font-size: 28px; color: #eee; line-height: 1.2; font-weight: 800; }
#service_compare img {margin-top: 40px}
#service_compare p {margin-top: 12px}

/*메인_어드민플러스 신청하기 */
#service_request {clear: both; width: 100%; height:450px; margin:0; background:url(../images/main_request.jpg) no-repeat center #444; margin:0;}
#service_request .text_explain {font-size: 24px; color: #fff; line-height: 1.5; padding-top:25px}
#service_request .text_subject {font-size: 40px; color: #fff; line-height: 1.2; font-weight: 500; letter-spacing: -1px}
#service_request img {margin-top: 40px}
#service_request p {margin-top: 12px}




/*고객센터*/
#customer_box{ float:left; width:100%;  background: #eee; padding: 40px 0 40px 0}
#customer_box #online_counsel{float:left; width:250px; height:170px; border-left:2px dotted #d2d2d2; box-sizing: border-box; }
#customer_box #online_counsel img{text-align:center; }
#customer_box #online_counsel a{color:#fff; margin-left:68px; margin-top:17px}
#customer_box #phone{float:left; width:250px; height:170px; border-left:2px dotted #d2d2d2;  box-sizing: border-box;}
#customer_box #notice_preview{float:left; width:250px; height:170px; border-left:2px dotted #d2d2d2;  box-sizing: border-box;}
#customer_box #notice_preview .more{float:right}
#customer_box #notice_preview h2{font-size:20px; color:#303030; font-weight:500; margin-top:28px}
#customer_box #notice_preview ul{width:184px; margin-left:30px; margin-top:10px}
#customer_box #notice_preview ul li{width:184px;text-align:left; background:url(../images/dot.gif) 0 12px no-repeat; line-height:2; text-indent:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
#customer_box #faq_Preview{float:left; width:250px; height:170px;  border-left:2px dotted #d2d2d2; border-right:2px dotted #d2d2d2; box-sizing: border-box;}
#customer_box #faq_Preview .more{float:right}
#customer_box #faq_Preview h2{font-size:20px; color:#303030; font-weight:500; margin-top:28px}
#customer_box #faq_Preview ul{width:184px; margin-left:30px; margin-top:10px}
#customer_box #faq_Preview ul li{width:184px; text-align:left; background:url(../images/dot.gif) 0 12px no-repeat; line-height:2; text-indent:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}




/*footer*/
#footer{clear:both; width:100%; background: #292e34; padding-top:40px}
#footer #footer_menu {width:1000px; height: 170px; margin: 0 auto; }
#footer #footer_menu .logo{width:240px;  float:left; }
#footer #footer_menu .menu {float:left; }
#footer #footer_menu .menu ul {float:left; font-size: 15px; font-weight: 500;}
#footer #footer_menu .menu ul li {padding-right: 15px; float:left;}
#footer #footer_menu .menu ul li a {padding-right: 15px; float:left; color: #aaa}
#footer #footer_menu .company_info{clear:both; width:550px; padding-top:20px; }
#footer #footer_menu .company {clear:both; width:550px; padding-top:10px; float:left; }

#footer #footer_menu #contact{float:right; width:200px; }
#footer #footer_menu #contact ul.icon { height: 50px; float:left;    }
#footer #footer_menu #contact ul.icon li {padding: 0 8px 0 8px; float:left}
#footer #footer_menu #contact ul.cs {width:200px; float:left; margin-left: 20px}
#footer #footer_menu #contact ul.cs li {font-size: 13px; float:left; list-style: disc}


/*----------------------------------------------------------------------------메인 끝--------------------------------------------------------------------------*/


#sub_banner{width:100%; height:220px; overflow:hidden; background: #333; text-align:center; }
#sub_banner .eng {font-size: 18px; color: #fff; text-align:center; Opacity:0.5; margin-top: 55px; letter-spacing: 2px}
#sub_banner .ttl {font-size: 40px; text-align:center; color: #fff; font-weight: 500}

#sub_banner2{width:100%; height:220px; overflow:hidden; background: #333; text-align:center; }
#sub_banner2 .ttl {font-size: 40px; text-align:center; color: #fff; font-weight: 500; margin-top: 40px; }
#sub_banner2 .text {font-size: 18px; text-align:center; color: #fff; padding-top: 10px; opacity: 0.9; font-weight: 100}

#sub{width:1000px; float:left; padding-bottom: 100px}
#sub_full{width:100%; float:left; }
#sub_full .h2_explain {font-size: 20px; color: #555; line-height: 1.5; font-weight: ; padding-bottom:15px; text-align:center; padding: 20px 0px 60px 0px}
#sub h2{font-size:35px; font-weight:600; color:#303030; margin-top:50px; text-align:center}
#sub_full h2{font-size:35px; font-weight:600; color:#303030; margin-top:50px; text-align:center}
#sub .vital {float:left; margin-left:15px}
#sub .text {clear:both; font-size:20px; text-align:center; margin:10px 0px 40px 0px; color:#303030;  }
#sub #sub_title{clear:both; float:left; font-size:28px; color:#303030; line-height:1.2; margin-top:16px;}
#sub #sub_title span{color:#fdc400; font-weight:bold}
#sub #remonade{clear:both; float:left; margin-top:26px;}
#sub h3{float:left; font-size:20px; color:#303030; line-height:0; letter-spacing:-1px; font-weight: 500}
#sub h3 .icon{padding:0px 5px 4px 0px; }
#sub #info_text{clear:both; float:left; margin-top:10px; line-height:1.8; letter-spacing:-1px}
#sub #info_text span{background-color:#fdec00; color:#303030}
#sub.bg01{background:url(../images/info_img.jpg) right 0 no-repeat}
#sub #terms{clear:both; float:left; width:1000px; height:197px; margin-top:55px; overflow:hidden; }
#sub #terms dt{ float:left; width:1000px; height:39px; color:#fff; line-height:2.5; font-size:16px; text-indent:15px; background-color:#303030}
#sub #terms dd{float:left; width:1000px; height:159px;  background-color:#f0f0f0}
#sub #terms dd img{float:left; margin:65px 20px 0 30px}
#sub #terms dd p{float:left; margin-left:20px; margin-top:20px; line-height:1.8; }
#sub #terms dd p span{background-color:#fdec00; color:#303030}
#sub #terms2{float:right; width:375px; height:177px; margin-top:55px; overflow:hidden}
#sub #terms2 dt{float:left; width:375px; height:39px; color:#fff; line-height:2.5; font-size:16px; text-indent:15px; background-color:#979797}
#sub #terms2 dd{float:left; width:375px; height:139px; background-color:#f0f0f0}
#sub #terms2 dd p{float:left; margin-left:15px; margin-top:11px; line-height:1.8}
#sub #service_logic{clear:both; float:left; margin-top:50px}
#sub #service_logic #logic_img{float:left; margin-top:35px}
#sub #solution{clear:both; float:left; width:1000px; margin-top:50px}
#sub #solution dt{float:left}
#sub #solution dd{float:left; margin-left:30px}
#sub #solution dd p{clear:both; float:left; margin-top:7px; line-height:1.7; letter-spacing:-1px}
#sub #solution dd p.first{margin-top:15px}
#sub #solution2{clear:both; float:left; width:1000px; margin-top:50px}
#sub #solution2 dt{float:right; margin-left:30px}
#sub #solution2 dd{float:left; }
#sub #solution2 dd p{clear:both; float:left; margin-top:7px; line-height:1.7;}
#sub #solution2 dd p.first{margin-top:15px}

#sub .sub_join_step{float:left; text-align: center; width:1000px; margin-top:50px;}
#sub .sub_join_step ul{clear:both; float:left; width:1000px; margin-top:15px; border-top:1px solid #d2d2d2}
#sub .sub_join_step ul li{float:left}
#sub .sub_join_step ul li a{display:block}
#sub .sub_join_step ul li a:hover{background-color:#fafafa}
#sub .sub_join_step ul li a.on{background-color:#fff4b6}
#sub .join_setp_text{clear:both; float:left; width:100%; padding:15px; border:5px solid #f0f0f0; margin-top:1px; box-sizing: border-box;}
#sub .join_setp_text .join_setp{display:none}
#sub .join_setp_text span{color:#303030; margin-left:5px}
#sub .sub_join_step #tell{clear:both; float:left; width:1000px; margin-top:15px}
#sub .sub_join_step p{text-align:center; font-size:20px; color:#303030; font-weight:600;}
#sub .sub_join_step p span{color:#e90000}
#sub .sub_join_step #btn_service{clear:both; float:left; width:1000px; margin-top:30px; margin-bottom:100px;}
#sub .sub_join_step #btn_service a{text-align:center; color:#fff}

#sub #apply_info{clear:both; float:left; margin-top:26px;}
#sub #apply_info table{clear:both; float:left; margin-top:20px}
#sub #apply_info table th{line-height:1.8; border-right:1px solid #d2d2d2; background:url(../images/dot.gif) 0 10px no-repeat; text-indent:7px; color:#303030}
#sub #apply_info table td{text-indent:15px; letter-spacing:-1px;}
#sub #apply_info table td span{background-color:#fdec00; color:#303030}
#sub.bg02{background:url(../images/apply_img.jpg) right 0 no-repeat}
#sub #btn_service_apply{float:left; margin-left:40px; margin-top:120px}
#sub #btn_service_apply a{color:#fff}

#sub #benefit{clear:both; float:left; margin-top:50px;}
#sub #benefit .benefit_box{position:relative; clear:both; float:left; width:1000px; margin-top:15px; margin-bottom:20px}
#sub #benefit .benefit_box.last{margin-bottom:0}
#sub #benefit .benefit_box .num{position:absolute; left:0; top:0;}
#sub #benefit .benefit_box h4{float:left; margin-left:62px; margin-top:3px; font-size:20px; color:#303030; font-weight:600}
#sub #benefit .benefit_box p{clear:both; float:left; margin-left:62px;}
#sub #benefit .benefit_box p span{background-color:#fdec00; color:#303030}
#sub #benefit .benefit_box #apply_img{float:left; margin-top:20px;}

#caution{float:left; margin-top:15px; font-size:12px; line-height:1.8}
#caution span{font-size:13px; color:#303030}

#sub_menu{width:100%; height:50px; position:relative; z-index:3; overflow:hidden;  border-top:0; background-color:#f5f5f5; border-bottom:1px solid #ccc}
#sub_menu.sticky {position:fixed; top:0;}
#sub_menu #box {width:1000px; margin: 0 auto; }
#sub_menu ul{float:left; width:100%; }
#sub_menu ul li{float:left; width:332px; border-left:1px solid #ccc; }
#sub_menu ul li.line{float:left; width:332px; border-right:1px solid #ccc; }
#sub_menu ul li a{display:block; font-size:14px; text-align:center; line-height:50px; font-size: 15px; }
#sub_menu ul li a:hover{background-color:#eee; color:#333;  }
#sub_menu ul li a.on{background-color:#eee; color:#333; font-weight: bold}


/*게시판 검색*/
#bbs_search{clear:both; float:right;}
#bbs_search #search_select{float:left; width:106px; margin-right: 6px}
#bbs_search .search_box{float:left; width:220px; height:23px; padding:5px; border:1px solid #d2d2d2; margin-right: 6px}
#bbs_search .btn_bbs_search{float:left}
#bbs_sort{clear:both; float:right;}
#bbs_sort #sort_select{float:left; width:200px;}

/*게시판 리스트*/
#bbs_list{clear:both; float:left; width:1000px; border-top:2px solid #303030; margin-top:15px;}
#bbs_list th{text-align:center; height:50px; background-color:#f0f0f0; border-bottom:1px solid #d2d2d2; color:#303030}
#bbs_list td{height:50px; border-bottom:1px solid #d2d2d2}
#bbs_list td.top_notice{background-color:#fffce9;}
#bbs_list td.top_notice a{color:#303030}
#bbs_list td.subject p{display:block; width:530px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}

/*게시판 view*/
#bbs_view{clear:both; float:left; width:1000px; border-top:2px solid #303030; margin-top:15px; }
#bbs_view th{text-align:left; height:50px; background-color:#f0f0f0; border-bottom:1px solid #d2d2d2; }
#bbs_view th .subject{width:740px; color:#303030; margin-left:20px; font-size:14px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#bbs_view td{height:50px; border-bottom:1px solid #d2d2d2}
#bbs_view td #date{float:left; margin-left:20px}
#bbs_view td #date span{color:#303030}
#bbs_view td #view_number{float:right; margin-right:20px}
#bbs_view td #view_number span{color:#303030}
#bbs_view #view_body{height:300px; padding:40px 20px 40px 20px}
#bbs_view .view_footer{height:100px; border-bottom:0}
#bbs_view .view_footer a{color:#fff; float:right; margin-top:10px}
#bbs_view #prev{border-top:1px solid #303030; padding-left:20px}
#bbs_view #prev .prev_text{display:block; width:678px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#bbs_view #prev span{float:left; color:#303030}
#bbs_view #next{border-top:1px solid #303030; padding-left:20px}
#bbs_view #next .next_text{display:block; width:678px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#bbs_view #next span{float:left; color:#303030}

/*faq*/
#faq{clear:both; float:left; width:1000px; border-top:2px solid #303030; margin-top:15px;}
#faq li a{display:block; width:960px; height:50px; border-bottom:1px solid #d2d2d2; line-height:3.6; padding-left:20px; padding-right:20px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#faq li a img{float:right; margin-top:18px}
/*#faq li p {display:none;  width:960px; border-bottom:1px solid #d2d2d2; background-color:#f0f0f0; padding:20px;}*/
#faq li .content {display:none;  width:960px; border-bottom:1px solid #d2d2d2; background-color:#f0f0f0; padding:20px;}

/*1:1문의*/
#bbs_list th {font-size: 15px}
#bbs_list td .company{width:700px; height:30px; border:1px solid #d2d2d2; margin-left:10px; padding-left:10px; padding-right:10px; }
#bbs_list td .shopping_mall{width:700px; height:30px; border:1px solid #d2d2d2; margin-left:10px; padding-left:10px; padding-right:10px;}
#bbs_list td .name{width:100px; height:30px; border:1px solid #d2d2d2; margin-left:10px; padding-left:10px; padding-right:10px; }
#bbs_list td #mall_select{width:120px; margin-left:10px; border-radius: 5px;}
#bbs_list td .phone{width:100px; height:30px; border:1px solid #d2d2d2; margin-left:10px; margin-right:10px; padding-left:10px; padding-right:10px; }
#bbs_list td .mail{float:left; width:100px; height:30px; border:1px solid #d2d2d2; margin-left:10px; margin-right:10px; padding-left:10px; padding-right:10px; }
#bbs_list td #mail_select{float:left; width:120px; }
#bbs_list td .mail_text{float:left; line-height:2.6}
#bbs_list td .inquiry_text{width:700px; height:200px; border:1px solid #d2d2d2; margin-left:10px; padding:10px; margin-top:10px; margin-bottom:10px; }
#bbs_list #inquiry_footer{border-bottom:0}
#bbs_list #inquiry_footer .personal_info{margin-top:25px}
#bbs_list #inquiry_footer .orange_w107x45{margin-top:10px; color:#fff}



/*어드민플러스 소개*/
#adminplus_info {width: 100%; margin:0; height: 1150px; border-top: 1px solid #ccc }
#adminplus_info h2 {font-size: 40px; color: #303030; font-weight: 500; line-height: 1.2; margin-bottom: 50px}
#adminplus_info .text_explain {font-size: 15px; line-height: 1.5; text-align:left}
#adminplus_info .text_subject {font-size: 20px; color: #555; line-height: 1.2; font-weight: 500; padding-bottom:15px; text-align:left }
#adminplus_info .img {margin-right: 20px; float:left;top:0 }
#adminplus_info ul {width: 100%; float:left; margin-bottom: 30px; }
#adminplus_info ul li.mrg01  {width:475px; height: 120px; float:left; margin-right: 50px; padding-top: 25px; border-top: 2px dotted #ccc}
#adminplus_info ul li.mrg02 {width:475px; height: 120px; float:left; padding-top: 25px; border-top: 2px dotted #ccc}

#adminplus_info2 {width: 100%; margin:0; height:720px; float:left; background:#ffcc66}
#adminplus_info2 h2 {font-size: 40px; color: #303030; font-weight: 500; line-height: 1.2; }
#adminplus_info2 .text_explain {font-size: 15px; line-height: 1.5; }
#adminplus_info2 .text_subject {font-size: 20px; color: #555; line-height: 1.2; font-weight: 500; padding-bottom:15px;  }
#adminplus_info2 .img {margin: 50px 0px 20px 0px }
#adminplus_info2 ul {float:left; }
#adminplus_info2 ul li {width:300px; float:left; }
#adminplus_info2 .mrg {margin-right: 50px}

#adminplus_box4 {float:left; width:1000px; margin-top: 50px; }
#adminplus_box4 ul {width:1000px; height: 140px; float:left; }
#adminplus_box4 li {float:left; width:300px; height: 70px; font-weight: 500; font-size:18px; padding: 35px 9px 20px 10px; text-decoration: none; border: 2px solid #555;  border-radius:10px; background: #fff; }
#adminplus_box4 li.middle{float:left; text-decoration: none; line-height: 60px; display: block;}
#adminplus_box4 li.space {float:left; margin-right: 15px}
#adminplus_info2 .btn {float:left; padding: 20px 0px 0px 325px}



/*기능안내*/
#function {width: 100%; margin:0;  padding-bottom: 150px }
#function h2 {font-size: 40px; color: #303030; font-weight: 500; line-height: 1.2; margin-bottom: 20px }
#function .text_explain {font-size: 16px; line-height: 1.6; color: #333;}
#function .text_subject {font-size: 20px; color: #555; line-height: 1.2; font-weight: 500; padding-bottom:15px; text-align:left }
#function .visual  {margin: 30px 0px 30px 0px; }

#function .box {clear:both; float:left;  padding-bottom: 150px; border-top:2px solid #2b2f35; }
#function table {clear:both; float:left; width:1000px; }
#function th {text-align:left;  background-color:#ffe763;  color:#333; font-size:16px;  font-weight: 500; padding:  0px  20px;}
#function tr {text-align:left; color:#333;  border-bottom:1px solid #d2d2d2; }
#function .num {margin:0px 10px 0px 0px; padding-top:5px;}
#function td {text-align:left; padding:  0px  20px; padding: 20px 0px 20px 20px; color: #555}


/*서비스신청*/
#application {width: 100%; margin:0; }
#application h3 {font-size: 20px; color: #303030; font-weight: 500; line-height: 1.2; margin: 70px 0px 15px 0px;  }
#application .text_explain {font-size: 16px; line-height: 1.6;}
#application .text_subject {font-size: 20px; color: #555; line-height: 1.2; font-weight: 500; padding-bottom:15px; text-align:left }
#application .visual  {margin: 30px 0px 30px 0px; }

#application .box {clear:both; float:left;  border-top:2px solid #2b2f35; }
#application table {clear:both; float:left; width:1000px; }
#application th.info02 {text-align:left;  background-color:#f5f5f5; color:#333; font-size:16px;  font-weight: 500; padding:  0px  20px; letter-spacing: -1px }
#application th.info01 {height: 120px; text-align:center;  background-color:#f5f5f5;  color:#333; font-size:16px; font-weight: 500; padding:  0px  20px;}
#application tr {text-align:left; color:#333;  border-bottom:1px solid #d2d2d2; }
#application .num {margin:0px 10px 0px 0px; padding-top:5px; }
#application .step { padding-bottom:5px;}
#application .step02 {margin-top:15px;}
#application td {text-align:left; padding: 20px 0px 20px 20px; color: #555}
#application .btn {float:left; padding: 50px 0px 0px 325px}
#application #table02 {clear:both; float:left; width:400px; border:1px solid #ddd; font-size: 13px; margin-top: 20px }
#application #table02 th {text-align:left;  background-color:#f8f8f8; padding:  0px  20px;   border:1px solid #ddd;}
#application #table02 td {padding: 5px 0px 5px 25px; color: #555; }
#application #table02 .ttl {height: 30px; color: #555; padding: 5px 35px 5px 35px; font-weight:bold; font-size: 13px}


/*회원가입(고객정보)*/
#join01_step{clear:both; float:left; width:1000px; border-top:2px solid #303030; margin-top:15px;}
#join02_step{clear:both; float:left; width:1000px; }
#join{clear:both; float:left; width:1000px; margin-top:50px}
.company_data_foot {border:0; text-align:center; margin:0}
#join .company_data_foot a{display:inline-block; margin-left:5px; margin-right:5px}

#user_data{clear:both; float:left; width:1000px; margin-top:10px; border-top:1px solid #d2d2d2; margin-bottom:50px}
#user_data th{text-align:center; height:50px; background-color:#f0f0f0; border-bottom:1px solid #d2d2d2; color:#303030}
#user_data td{height:50px;  border-bottom:1px solid #d2d2d2; padding-left:10px;}
#user_data td .user_id{float:left; width:150px; height:30px; border:1px solid #d2d2d2;  padding-left:10px; padding-right:10px}
#user_data td .password{float:left; width:150px; height:30px; border:1px solid #d2d2d2;  padding-left:10px; padding-right:10px}
#user_data td p{float:left; margin-left:15px; line-height:2.4}
#company_data td .company_type{width:100px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}

/*회원가입(회사정보)*/
#company_data{clear:both; float:left; width:1000px; margin-top:10px; border-top:1px solid #d2d2d2; margin-bottom:50px}
#company_data th{text-align:center; height:50px; background-color:#f0f0f0; border-bottom:1px solid #d2d2d2; color:#303030}
#company_data td{height:50px;  border-bottom:1px solid #d2d2d2; padding-left:10px;}
#company_data td .company_name{float:left; width:150px; height:30px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#company_data td .company_file {clear:both; float:left; width:440px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px; margin-top:8px; margin-bottom:8px }
#company_data td .ceo{float:left; width:150px; height:30px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#company_data td #business_select{float:left;  width:100px; }
#company_data td .business_num{width:80px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#company_data td .phone{width:80px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#company_data td #fax_select{float:left;  width:100px; }
#company_data td .fax{width:80px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#company_data td .address{width:80px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px; }
#company_data td .address2{clear:both; float:left; width:545px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:10px }
#company_data td .gray_w68{margin-top:10px; margin-left:10px;}
#company_data td .website{width:502px; height:31px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#company_data td .manager{float:left; width:150px; height:30px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#company_data td #email_select{float:left; width:120px; padding-left:10px;}
#company_data td.company_data_foot{border:0}
#company_data td.company_data_foot a{display:inline-block; margin-left:5px; margin-right:5px}
.agreement{clear:both; float:left; width:1000px; margin-bottom:30px }
.agreement textarea{float:left; width:970px; height:70px; border:1px solid #d2d2d2;  padding:15px; margin-top:10px; margin-bottom:5px; overflow-y:scroll; }
.input { float:left; width:1000px; margin-top:5px; }
#join_complet{clear:both; float:left; width:1000px; margin-top:70px; margin-bottom:50px; }
#join_complet .btn_audit {text-align:center; margin-top:50px;}
#join_complet .btn_finish {width:1000px; margin-top: 40px;  float:left;}
#join_complet .btn_finish p {width:44%; margin: 0 auto; }
#join_complet .btn_finish  a{ display:inline-block; margin-left:5px; margin-right:5px; }


/*요금안내*/
#charge {clear:both; float:left; width:1000px; margin-top:30px; margin-bottom:40px; }
#charge .sum {font-size:25px; text-align:center; margin-bottom:50px; color:#303030; font-weight: 500;}
#charge .sum img{padding-right: 10px}
#charge .bg_yellow{background-color:#fff4b6}
#charge .bg_red{background-color:#ffe8e8}
#charge .bg_blue{background-color:#e8f1ff}
#charge .text2 {float: left; margin-left:15px; font-size: 15px}
#charge .text4 {float: left; font-size: 15px; margin-top: 15px}
#charge .box {width: 490px; float: left; margin-right:20px; font-size: 15px;}
#charge .box2 {width: 490px; float: right;font-size: 15px; }

#charge_box {clear:both; float:left; width:1000px; margin-top:15px; border: 1px solid #ccc; border-radius:10px; }
#charge_box p {float:left; }
#charge_table {clear:both; float:left; width:1000px; }
#charge_table th{text-align:center; height:50px;  color:#fff;  font-size:16px;  background-color:#333; border-radius:9px 9px 0px 0px;}
#charge_table td{text-align:center; font-size:15px; height:60px; border-top:1px solid #d2d2d2;}
#charge_table2 th{text-align:center; height:50px;  color:#fff;  font-size:16px;  background-color:#333; }
#charge_table2 th.line{text-align:center; height:50px;  color:#fff;  font-size:16px;  background-color:#333; border-right:1px solid #666}
#charge_table2 td {font-size:20px; text-align:center; margin-bottom:50px; color:#303030; font-weight: 500; height:60px;}
#charge_table2 td.line{font-size:20px; text-align:center; margin-bottom:50px; color:#303030; font-weight: 500; border-right:1px solid #d2d2d2}
#charge_table2 th.radius_t_l{text-align:center; height:50px;  color:#fff;  font-size:15px; border-radius:9px 0px 0px 0px; background-color:#333}
#charge_table2 th.radius_t_r{text-align:center; height:50px;  color:#fff;  font-size:15px; border-radius:0px 9px 0px 0px; background-color:#333}

#charge_box2 {clear:both; float:left; width:490px; margin-top:15px; border: 1px solid #ccc; border-radius:10px; margin-bottom:30px; }
#charge_box2 p.ttl{text-align:center; height:50px; line-height: 50px; font-size:20px; color: #fff; background-color:#ff9934; border-radius: 9px 9px 0px 0px; font-weight: 500}
#charge_box3 {float:right; width:490px; margin-top:15px; border: 1px solid #ccc; border-radius:10px; }
#charge_box3 p.ttl{text-align:center; height:50px; line-height: 50px; font-size:20px; color: #fff; background-color:#fb7329; border-radius: 9px 9px 0px 0px; font-weight: 500; }
#charge_box4 {float:left; width:1000px; margin-top: 30px; }
#charge_box4 h3{float:left; width:1000px; margin-bottom: 15px; color:#303030}
#charge_box4 dl {width:237px; border: 1px solid #ccc; float:left; height: 120px; border-radius:10px; margin-right: 15px; }
#charge_box4 .space {width:236px; margin-right: 0px;}
#charge_box4 dt {float:left; width:100%; font-weight: 600; color: #555; font-size:18px;  margin: 15px 0px 10px 15px;}
#charge_box4 dd {padding:15px; }

.charge_table2 .text3 {font-size: 15px; border:1px; font-weight:500; background-color:#fff4b6;text-align:left; padding: 20px 0px 23px 30px; border-radius: 0px 0px 9px 9px ;}
.charge_table2{clear:both; float:left; width:490px; }
.charge_table2 th{height:40px; padding-left: 25px; border-top:1px solid #d2d2d2; color:#555; font-weight:600}
.charge_table2 th.line_right{height:40px; border-top:1px solid #d2d2d2; color:#555; border-right:1px solid #d2d2d2; }
.charge_table2 th.ttl{text-align:center; padding-right: 25px; height:42px; line-height: 42px; font-size:15px; color: #fff; background:url(../images/bg_pt.jpg); font-weight: 500}
.charge_table2 .bg{ height:42px; line-height: 42px; background-color:#f5f5f5; font-weight: 500; }
.charge_table2 td{height:40px;  font-size:14px; border-top:1px solid #d2d2d2; padding-left:10px; text-align:center}
.charge_table2 td.charge {height:60px;  font-size:14px; border-top:1px solid #d2d2d2; padding-left:10px; text-align:center; }
.charge_table2 td.line_right {height:40px;  font-size:14px; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2;  padding-left:10px; text-align:center}
.charge_table2 td.free {height:295px; text-align:center}
.charge_table2 td.h{height:80px;}

#charge_table2 td.document_foot{border:0;}
#charge_table2 td.document_foot a{display:inline-block; margin-top:15px}
#charge_table2 td.document_foot p{font-size:16px; color:#303030}


/*로그인*/

#login #adm_login_box {clear:both; position:relative; width:322px; height:250px; margin:0 auto;  }
#login #adm_login_box .input{float: left; width:310px; height:35px; border:2px solid #5d7293; padding-left: 10px}
#login #adm_login_box .checkbox{float: left; width:322px; height:35x; padding-bottom: 30px}
#login #adm_login_box .login_btn a{ display:block; width:322px; height:50px; background-color:#ffcc66; color:#000; font-weight: bold; text-align:center; font-size:16px; line-height:50px; margin: 10px 0px 15px 0px}

#login {width:100%; background-color: #2a2e34; margin: 0 auto; }
#login .login_title{text-align:center; margin-top:150px; margin-bottom:50px; border-bottom:1px solid #666; height: 100px}
#login .copy {text-align:center; margin-top:30px; line-height: 3; border-top:1px solid #666}
#login #box {width:500px; clear:both; background-size:cover; background: #2a2e34; margin: 0 auto; }
#login #login_box {clear:both; position:relative; width:322px; margin:0 auto;  }
#login #login_box .input{float: left; width:310px; height:35px; border:2px solid #5d7293; padding-left: 10px}
#login #login_box .checkbox{float: left; width:322px; height:35px; padding-bottom: 30px}
#login #login_box .login_btn a{ display:block; width:322px; height:50px; background-color:#ffcc66; color:#000; font-weight: bold; text-align:center; font-size:16px; line-height:50px; margin: 10px 0px 15px 0px}
#login #login_box .login_btn button{ display:block; width:322px; height:50px; background-color:#ffcc66; color:#000; font-weight: bold; text-align:center; font-size:16px; line-height:50px; margin: 10px 0px 15px 0px}


#login ul {width:322px; text-align:center; margin: 0 auto; color: #eee; float: left; }
#login ul li{float:left; text-align:center; color: #eee;}
#login ul li.line {float:left; text-align:center; color: #eee; border-right:1px solid #666; padding: 0px 17px 0px 17px; text-align:center}
#login ul li.line a{color: #aaa; }
#login ul li.line2 {float:left; text-align:center; color: #ffcc66; padding: 0px 17px 0px 17px; }
#login ul li.line2 a{color: #fb7329;}

#login ul.type {width:272px; font-size: 16px; margin: 0 auto; color: #eee;  padding-left: 50px}
#login ul li.type {width: 100px; height: 30px; float:left;}
#login ul li.type.on {width: 100px; height: 30px; float:left; color: #ffcc66; font-weight:500}

.bg {background-color: #2a2e34;}


/*아이디 비밀번호 찾기*/
#id_pw{clear:both; float:left; width:1000px; height:340px; margin-top:10px; border-bottom:1px solid #d2d2d2; margin-bottom:100px; border-top:2px solid #303030;}
#id_pw #id_search{float:left; width:390px; border-right:1px solid #d2d2d2; margin-top:85px}
#id_pw #pw_search{float:left; width:389px; margin-top:85px}
#id_pw h3{margin-left:50px}
#id_pw .inputbox{clear:both; position:relative; float:left;  width:290px; margin-top:15px; margin-left:50px}
#id_pw .inputbox .name{float:left; width:199px; height:38px; border:1px solid #d2d2d2; padding:0 5px 0 5px}
#id_pw .inputbox .user_id{float:left; width:199px; height:38px; border:1px solid #d2d2d2; padding:0 5px 0 5px}
#id_pw .inputbox .email{float:left; width:199px; height:38px; border:1px solid #d2d2d2; border-top:0; padding:0 5px 0 5px}
#id_pw .inputbox .check{display:block; position:absolute; right:0; width:79px; height:79px; background-color:#1a4fd7; color:#fff; text-align:center; font-size:16px; line-height:4.9}
#id_pw .id_search_text{clear:both; float:left; margin-top:10px; margin-left:50px}
#id_search_result{clear:both; float:left; width:1000px; height:340px; margin-top:10px; border-bottom:1px solid #d2d2d2; margin-bottom:100px; border-top:2px solid #303030;}
#result_box{width:328px; margin:0 auto; margin-top:45px;}
#result_box a{float:left; margin-top:10px}
#result_table{clear:both; float:left; width:328px; margin-top:10px}
#result_table th{height:50px; background-color:#f0f0f0; text-align:center; border:1px solid #d2d2d2}
#result_table td{height:50px; text-align:center; border:1px solid #d2d2d2}
#result_box .nothing{float:left; margin-top:10px}

/*비밀번호 변경*/
#pw_search_result{clear:both; float:left; width:1000px; height:340px; margin-top:10px; border-bottom:1px solid #d2d2d2; margin-bottom:100px; border-top:2px solid #303030;}
#pw_search_result .pw_search_title{font-size:20px; color:#303030; text-align:center; margin-top:75px}
#pw_search_result .pw_search_text{text-align:center; margin-top:25px; line-height:1.7}
#pw_search_result a{margin-top:45px; margin-left:225px}

#pw_change{clear:both; float:left; width:1000px; height:340px; margin-top:10px; border-bottom:1px solid #d2d2d2; margin-bottom:100px; border-top:2px solid #303030;}
#change_box{width:328px; margin:0 auto; margin-top:45px;}
#change_table{clear:both; float:left; width:328px; margin-top:10px}
#change_table th{height:50px; background-color:#f0f0f0; text-align:center; border:1px solid #d2d2d2}
#change_table td{height:50px; text-align:center; border:1px solid #d2d2d2}
#change_table td input{width:190px; height:30px; border:1px solid #d2d2d2}
#change_box a{float:left; margin-top:10px}

/*회원정보수정*/
#modify_profile{clear:both; float:left; width:1000px; margin-top:15px; padding-top:50px; border-top:2px solid #303030}
#market_data{clear:both; float:left; width:1000px; margin-top:10px; border-top:1px solid #d2d2d2; margin-bottom:100px}
#market_data th{text-align:center; height:50px; background-color:#f0f0f0; border-bottom:1px solid #d2d2d2; color:#303030}
#market_data td{height:50px;  border-bottom:1px solid #d2d2d2; padding-left:10px;}
#market_data td .user_id{float:left; width:150px; height:30px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#market_data td .password{float:left; width:150px; height:30px; border:1px solid #d2d2d2; padding-left:10px; padding-right:10px}
#market_data td p{float:left; line-height:2.4}
#market_data td .subtraction{float:right; margin-right:10px; margin-top:4px}
#market_data td.marketdata_footer{border-bottom:0}
#market_data td .gray_w68{float:right}
#market_data td.marketdata_footer a{display:inline-block; margin-left:5px; margin-right:5px}


/*비밀번호확인*/
#pw_confirm{clear:both; float:left; width:1000px; height:340px; margin-top:10px; border-bottom:1px solid #d2d2d2; margin-bottom:100px; border-top:2px solid #303030;}
#pw_confirm #change_box{margin-top:85px}


/*인증메일*/
#activation_mail{width:700px; border:1px solid #d2d2d2; margin:0 auto; background:url(../images/mail_bg.jpg) right 0 no-repeat}
#mail_top{width:700px; height:77px;}
#mail_top h1{float:left; margin-left:20px; margin-top:15px}
#mail_top .greeting{float:right; margin-right:20px; margin-top:40px}
#mail_top .greeting span{font-size:16px; color:#303030}
#pw_activation{width:700px; border-top:2px solid #303030}
#activation_box{width:582px; margin:0 auto; margin-top:60px}
#activation_box #activation_title{width:582px; height:40px; background-color:#000; text-align:center; color:#fff; font-size:16px; line-height:2.5}
#activation_box #activation_body{width:542px; background-color:#f0f0f0;  padding:20px; word-break:break-all;}
#activation_box #activation_body p{margin-bottom:10px}
#activation_box #activation_body a{color:#1a4fd7; }
#validity{width:582px; height:85px; border-bottom:1px dashed #d2d2d2; text-align:center; line-height:6.5}
#activation_fail{width:582px; height:100px;}
#activation_fail p{margin-top:20px}
#activation_fail p span{color:#303030; line-height:2.2; font-weight:600}
#mail_info{width:700px; height:50px; text-align:center; border-top:1px solid #d2d2d2; line-height:3.6}
#mail_info span{color:#303030; font-weight:600}
#mail_footer{width:700px; height:100px; background-color:#f0f0f0}
#mail_footer p{float:left; margin-left:50px; margin-top:20px}

/*약관*/
#access_rerms{clear:both; float:left; width:1000px; margin-top:15px; padding-top:50px; border-top:2px solid #303030; margin-bottom:100px}
#access_rerms h4{font-size:16px; color:#303030; font-weight:600}
#privacy_policy{clear:both; float:left; width:1000px; margin-top:15px; padding-top:50px; border-top:2px solid #303030; margin-bottom:100px}


/*페이지 넘버*/
.page_num{clear:both; text-align:center; border:0}
.page_num a{display:inline-block; width:23px; height:23px; line-height:1.7; margin-top:35px}
.page_num a:hover{background-color:#fff4b6; border-radius:25px}
.page_num a.on{background-color:#fff4b6; border-radius:25px}


/*select*/
.sbHolder{background-color:#fff; border:solid 1px #d2d2d2; border-radius: 5px; font-size:12px; height:33px; position:relative; width:100%;}
.sbSelector{display:block; height:33px; left:0; line-height:33px; outline:none; overflow:hidden; position:absolute; text-indent:10px; top:0; width:100%;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{outline:none; text-decoration:none;}
.sbToggle{background:url(../images/select-icons.png) 0 -116px no-repeat; display:block; height:33px; outline:none; position:absolute; z-index:2; right:0; top:0; width:30px;}
.sbToggle:hover{background:url(../images/select-icons.png) 0 -167px no-repeat;}
.sbToggleOpen{background:url(../images/select-icons.png) 0 -16px no-repeat;}
.sbToggleOpen:hover{background:url(../images/select-icons.png) 0 -66px no-repeat;}
.sbHolderDisabled{background-color:#3C3C3C; border:solid 1px #515151;}

.sbOptions{background-color:#fff; border:solid 1px #d2d2d2; list-style:none; left:-1px; margin:0; padding:0; position:absolute; top:33px; width:100%; z-index:1; overflow-y:auto;}
.sbOptions li{padding:0 7px;}
.sbOptions a{border-bottom:dotted 1px #d2d2d2; display:block; outline:none; padding:7px 0 7px 3px;}
.sbOptions a:link, .sbOptions a:visited{ text-decoration:none;}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{color:#555;}
.sbOptions li.last a{border-bottom:none;}



/*버튼*/
a.orange_w65{display:block; width:65px; height:30px; background-color:#fb7329; text-align:center; font-size:13px; line-height:2.3; color:#fff}
a.orange_w65xh26{display:block; width:65px; height:26px; background-color:#fb7329; text-align:center; font-size:13px; line-height:26px; color:#fff}
a.orange_w80{display:block; width:80px; height:35px; background-color:#fb7329; text-align:center; font-size:16px; line-height:2.2; border-radius:7px; color:#fff}
.orange_w100{display:block; width:100px; height:30px; background-color:#fb7329; text-align:center; font-size:13px; line-height:2.2; color:#fff; border:1px solid #fb7329}
a.orange_w107{display:block; width:107px; height:35px; background-color:#fb7329; text-align:center; font-size:16px; line-height:2.2; border-radius:7px; color:#fff; border:1px solid #fb7329}
a.orange_w107x45{display:block; width:107px; height:45px; background-color:#fb7329; text-align:center; font-size:16px; line-height:2.7; border-radius:7px; color:#fff; border:1px solid #fb7329}
a.orange_w350{display:inline-block; width:350px; height:70px; background-color:#fb7329; text-align:center; font-size:25px; font-weight:600; line-height:70px; border-radius:7px; color:#fff}
a.orange_w400{display:inline-block; width:400px; height:80px; background-color:#fb7329; text-align:center; font-size:25px; font-weight:600; line-height:80px; border-radius:7px; color:#fff}
a.orange_w328{display:inline-block; width:328px; height:45px; background-color:#fb7329; text-align:center; font-size:16px; font-weight:600; line-height:2.7; color:#fff}
a.orange_w160{display:inline-block; width:160px; height:45px; background-color:#fb7329; text-align:center; font-size:16px; font-weight:600; line-height:2.7; color:#fff; border-radius:7px;}
a.orange_w200x45{display:inline-block; width:200px; height:45px; background-color:#fb7329; text-align:center; font-size:16px; font-weight:600; line-height:2.7; color:#fff; border-radius:7px; border:1px solid #fb7329}
a.gray_w160{display:inline-block; width:160px; height:45px; background-color:#fb7329; text-align:center; font-size:16px; font-weight:600; line-height:2.7; color:#fff; border-radius:7px; }
a.gray_w200x45{display:inline-block; width:200px; height:45px; background-color:#f0f0f0; text-align:center; font-size:16px; font-weight:600; line-height:2.7; border-radius:7px; border:1px solid #d2d2d2}
a.orange_w180{display:block; width:180px; height:45px; background-color:#fb7329; text-align:center; font-size:16px; line-height:2.8; border-radius:7px; color:#fff}
a.orange_w295{display:inline-block; width:295px; height:65px; background-color:#fb7329; text-align:center; font-size:22px; font-weight:600; line-height:2.8; border-radius:7px; color:#fff}
a.gray_w43{display:block; width:43px; height:30px; background-color:#999999; text-align:center; font-size:13px; line-height:2.3; color:#fff}
a.gray_w56{display:inline-block; width:56px; height:23px; background-color:#f0f0f0; text-align:center; font-size:12px; line-height:1.9;  border:1px solid #d2d2d2}
a.gray_w68{display:inline-block; width:68px; height:33px; background-color:#f0f0f0; text-align:center; font-size:13px; line-height:2.6;  border:1px solid #d2d2d2}
a.gray_w68_2{display:inline-block; width:68px; height:33px; background-color:#f0f0f0; text-align:center; font-size:13px; line-height:2.6;  color:#303030; border:1px solid #d2d2d2}
a.gray_w107x45{display:block; width:107px; height:45px; background-color:#f0f0f0; text-align:center; font-size:16px; line-height:2.7; border-radius:7px; color:#303030; border:1px solid #d2d2d2}
a.gray_w228{display:inline-block; width:228px; height:33px; background-color:#f0f0f0; text-align:center; font-size:13px; line-height:2.6;  color:#303030; border:1px solid #d2d2d2}
a.gray_w328{display:inline-block; width:328px; height:43px; background-color:#f0f0f0; text-align:center; font-size:16px; font-weight:600; line-height:2.7; border:1px solid #d2d2d2; color:#303030}
a.gray_w160{display:inline-block; width:160px; height:43px; background-color:#f0f0f0; text-align:center; font-size:16px; font-weight:600; line-height:2.7; border:1px solid #d2d2d2; color:#303030; }
.gray_w100{display:block; width:100px; height:30px; background-color:#999999; text-align:center; font-size:13px; line-height:2.2; color:#fff; border-radius:5px;}
button.orange_w107x45{display:block; width:107px; height:45px; background-color:#fb7329; text-align:center; font-size:16px; line-height:2.7; border-radius:7px; color:#fff; border:1px solid #fb7329;cursor:pointer}

a.line_w350 {display:inline-block; width:250px; height:60px; border: 1px #555 solid; color: #333; background-color:#fff; padding-left:50px; text-align:left; font-size:22px; line-height:60px; border-radius:7px; background:url(../images/img_arrow.png) no-repeat right ; }

.font_red{color:#e90000}
.font_blue{color:#1a4fd7}
.font_black35{color:#303030; font-size:35px; font-weight:600; text-align:center}
.font_black20{font-size:20px; text-align:center}
.font_black18{font-size:18px; text-align:center}
.text_orange {color: #fb7329}
.text_orangeB {color: #fb7329; font-weight: bold}
.text_yellow {color: #ffff66}
.text_yellowB {color: #ff9934; font-weight: bold}
.text_black {color: #222; font-weight: bold}
.text_b {font-weight: bold}



/*폰트스타일*/
.f_20  {font-size:20px; font-weight: 500}
.f_30  {font-size:30px; font-weight: 500}
.f_13  {font-size:13px; }
.l_s  {letter-spacing: -1px}


label{cursor:pointer}

/*롤링배너-메인*/
.swiper-container {
  width: 1320px;
  height: 560px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}