.section {width:100%; position:relative;}
.tit_txt {text-align:center; width:100%; padding-top:50px;}
.tit_txt p {font-size:42px; font-weight:400; color:#000; font-family:"Roboto",sans-serif}
.tit_txt_line {width:50px; height:3px; background-color:#0282E5; margin: auto;}

.category {width:100%; overflow: hidden; border:1px solid #ccc; margin-top:50px; margin-bottom:60px;}
.category ul.cate_ul {width:168px; float:left;}
.category ul.cate_ul li {padding:10px 0px; padding-left:20px; border-top:1px solid #fff!important; background-color:#4383d0; cursor:pointer;}
.category ul.cate_ul li a {font-size:14px; color:#fff;}
.category ul.cate_ul li:first-child {border-top:0!important;}

.category ul.cate_ul li.active {background:url("../img/common/tab_arrow.png")no-repeat right 12px center; background-color:#1945ac; border-top:1px solid #1945ac;}
.category ul.cate_ul li.active:first-child {border-top:0!important;}

/* 중분류 탭 */
.category ul.cate_ul_s {width:168px; float:left;}
.category ul.cate_ul_s li {padding:10px 0px; padding-left:20px; border-top:1px solid #fff; background-color:#00b0f0; cursor:pointer;}
.category ul.cate_ul_s li a {font-size:14px; color:#fff;}
.category ul.cate_ul_s li:first-child {border-top:0;}

.category ul.cate_ul_s li.active {background:url("../img/common/tab_arrow.png")no-repeat right 12px center; background-color:#0a8de0; border-top:1px solid #0a8de0;}
.category ul.cate_ul_s li.active:first-child {border-top:0!important;}

.category .category_tab {width:662px; float:left; padding:3px 25px;}

ul.sub_cate_box {width:100%; overflow:hidden;}
ul.sub_cate_box li {width:20%; float:left; padding:2px 0px 0px 0px; line-height: 1.2; height:45px;}
ul.sub_cate_box li a {font-size:15px; font-weight:400; color:#1945ac; font-family:"Roboto",sans-serif;}
ul.sub_cate_box li a:hover {color:#1945ac; transition:0.3s;}
ul.sub_cate_box li a:visited {color:#1945ac; transition:0.3s;}
ul.sub_cate_box li.cateSel a {color:#1945ac;}


.sub_nav {width:100%; overflow: hidden; padding-bottom:10px; border-bottom:1px solid #dedede;}
.sub_nav p {font-family:"Roboto",sans-serif; }
.sub_nav p.nav_f01 {float:left; font-size:15px; font-weight:400; color:#6e6e6e; background:url("../img/common/sub_nav_arrow.png")no-repeat right center; padding-right:15px; margin-right:10px; line-height:20px;}
.sub_nav span.nav_f03 {font-size:15px; font-weight:500; color:#4383d0; line-height:20px; margin-left:6px;}

.detail_con {width:100%; padding-top:30px; padding-bottom:100px;}
.detail_con .detail_tit {width:100%; overflow:hidden; padding:12px 0px; padding-left:15px; background-color:#e4eefb;}
.detail_con .detail_tit p {font-family:"Roboto",sans-serif; float:left;}
.detail_con .detail_tit p.de_tit01 {font-size:26px; color:#5f5f5f; font-weight:300; padding-right:10px; line-height:36px;}
.detail_con .detail_tit p.de_tit02 {font-size:26px; color:#000; font-weight:400; line-height:36px;}

.detail_con .de_conBox {width:100%;  border:3px solid #e5e5e5; padding:15px; padding-bottom:25px;}
.detail_con .de_conBox img {display:block; margin:0 auto;}


.sub_tab_menu {display: inline-block; margin-left:50%; transform:translateX(-50%); text-align:center; overflow: hidden; margin-top:40px;}
.sub_tab_menu div {width:180px; float:left; padding:10px 0px; border:1px solid #d7d7d7; border-left:0;}
.sub_tab_menu div:first-child {border-left:1px solid #d7d7d7;}
.sub_tab_menu div a {font-size:16px; color:#999; font-weight:500; font-family:"Roboto",sans-serif;}

.sub_tab_menu div.active {background-color:#157AC0; border:1px solid #157AC0;}
.sub_tab_menu div.active a {color:#fff;}

.sub_tab_menu img {padding:0px 50px; display:inline-block; vertical-align:bottom; margin-bottom:4px;}

.tab_cont {width:100%;}
.subTab01 {background:url("../img/company/company01.jpg")no-repeat;  margin-top:50px;}
.company {position: relative; height:790px; z-index:2; margin-bottom:100px;}
.company img {}
.company_con {background-color:#fff; position: absolute; width:658px; padding:30px 40px; box-shadow:0px 0px 10px #d7d7d7; right:5px; bottom:5px;}

.company_con p.com_txt01 {font-size:27px; color:#157ac0; padding-bottom:20px; font-family:"Roboto";}
.company_con p.com_txt02 {font-size:16px; color:#666; letter-spacing:0px; font-family:"Roboto"; line-height:26px;}

.company_con p.com_txt02 span {font-weight:600; color:#020202;}

.location {padding-bottom:80px;  margin-top:50px;}


.sub_tab_menu02 {display: inline-block; margin-left:50%; transform:translateX(-50%); text-align:center; overflow: hidden; margin-top:40px;}
.sub_tab_menu02 div {width:180px; padding:10px 0px; float:left; border:1px solid #d7d7d7; border-left:0;}
.sub_tab_menu02 div:first-child {border-left:1px solid #d7d7d7;}
.sub_tab_menu02 div a {font-size:16px; color:#999; font-weight:400; font-family:"Roboto",sans-serif; font-family:"Roboto",sans-serif;}

.sub_tab_menu02 div.active {background-color:#157AC0; border:1px solid #157AC0;}
.sub_tab_menu02 div.active a {color:#fff; font-size:16px;}

/* contact */
.support {padding-top:30px; padding-bottom:80px;}

table.input_tb {width:100%; margin:0 auto; border-top:1px solid #333; margin-top:20px;}
table.input_tb tr td {padding:15px 0px; border-bottom:1px dashed #d7d7d7; color:#333; font-size:14px; font-weight:500;}
table.input_tb tr:first-child td:nth-child(3),
table.input_tb tr:nth-child(2) td:nth-child(3) {padding-left:35px;}
table.input_tb tr td input {width:100%; border:1px solid #d7d7d7; height:30px; padding:5px 10px; color:#666; font-weight:400; font-size:15px;}
table.input_tb tr td ul {width:100%; overflow: hidden;}
table.input_tb tr td ul li {width:30%; float:left;}
table.input_tb tr td ul li:nth-child(2n) {width:5%; text-align: center; line-height:30px; font-size:18px; color:#999;}
table.input_tb tr td ul li input {width:100%;}
table.input_tb tr:last-child td {border-bottom:1px solid #d7d7d7;}
table.input_tb tr:last-child td:first-child {vertical-align:top; padding-top:25px;}

table.input_tb tr td textarea {width:100%; height:200px; border:1px solid #d7d7d7; resize:vertical; padding:10px; font-size:14px; color:#666;}

table.input_tb tr td:first-child {padding-left:10px;}

.form_btn {display:block; margin:0 auto; width:140px; height:36px; margin-top:25px; background-color:#157AC0; color:#fff; font-size:15px; cursor:pointer;}
/* contact end */


/* qna */
.qna_box {width:100%; margin:0 auto; background:linear-gradient(to top, #f5f5f5 0%, #fff 70%); border:1px solid #e9e9e9; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; margin-bottom:15px;}
.qna_box:last-child {margin-bottom:0;}

.question {background:url("../img/support/q_icon.png")no-repeat left 20px top 21px; background-size:12px; overflow: hidden; padding:15px 20px;  padding-left:45px;}
.question p {width:830px; font-size:15px; color:#333; font-weight:600; float:left; margin-top:3px;  line-height:24px;}
.question .qna_detail {float:right; width:75px; text-align: center; background:linear-gradient(to top, #1165AE 0%, #4385BF 70%); padding:2px 0px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; cursor:pointer;}
.question .qna_detail p {width:auto; color:#fff; font-size:12px; float:none; margin-top:0; line-height:auto;}

.answer {background:url("../img/support/a_icon.png")no-repeat left 20px top 19px; background-size:12px; padding:15px 15px;  padding-left:45px; padding-top:0;}
.answer p { font-size:15px; color:#666; font-weight:400; line-height:24px;}
.answer_line {width:100%; border-top:1px dashed #e5e5e5; height:15px;}
/* qna end */


/* 게시판 */
.support_tb {width:100%; margin-top:20px;}
.support_tb tr:first-child {background:url("../img/support/table_bg.png"); height:36px;}
.support_tb tr th {text-align: center; font-size:14px; color:#333; font-weight:500;}
.support_tb tr td {padding:10px 0px; text-align: center; border-bottom:1px dashed #e5e5e5; font-size:14px; font-weight:400; color:#666; font-family:"Roboto";}
.support_tb tr td:nth-child(2){text-align:left;}
.support_tb tr td a.f_width02 {font-size:14px; font-weight:400; color:#333; font-family:"Roboto";}

.support_tb tr:last-child td {border-bottom:1px solid #d7d7d7;}


.list_page_box {width:100%; position:relative;}
.write_btn {width:80px; border:1px solid #d7d7d7; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; position: absolute; top:30px; right:0; padding:6px 0px; text-align: center; color:#666; font-size:11px; background:linear-gradient(to top, #f1f1f1, #fff);}

.page { margin-top:30px; margin-bottom:50px; margin-left:50%; transform:translateX(-50%); display:inline-block;}
.page ul {display:inline-block;}
.page ul li {width:24px; height:24px; float:left; border:1px solid #d7d7d7; position:relative; margin-right:10px; cursor: pointer;}
.page ul li:last-child {margin-right:0;}
.page ul li p {text-align: center; color:#666; font-size:13px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.page ul li.page_on {background-color:#157AC0; border:1px solid #157AC0;}
.page ul li.page_on p {color:#fff;}
.page_p {width:30px; height:24px;  display:inline-block;background:url("../img/support/prev.png")no-repeat center center; background-size:6px; cursor:pointer;}
.page_n {width:30px; height:24px;  display:inline-block;background:url("../img/support/next.png")no-repeat center center; background-size:6px; cursor:pointer;}

.search_box {width:498px; overflow: hidden; margin:0 auto;}
.search_box select {width:100px; border:1px solid #ccc; padding:0px 10px; height:30px; font-size:13px; color:#333; vertical-align: middle; background:url("../img/common/select_icon.png")no-repeat right 7px center; background-size:10px;}
.search_box .text_input_box {width:300px; border:1px solid #ccc; height:30px; vertical-align: middle; padding:5px 10px; color:#999; font-size:14px;}
.search_box .bt_search_btn {width:90px; height:30px; vertical-align: middle; font-size:13px; color:#fff; background-color:#157AC0; font-weight:400; cursor: pointer; }

/* view */
.view_tb {width:100%; margin-top:20px;}
.view_tb tr td {border-bottom:1px solid #d7d7d7; text-align:left; color:#333; font-size:14px; font-weight:500; height:46px; padding-left:10px;}
.view_tb tr:first-child td {text-align:center; border-top: solid 1px #666666; font-size:18px; font-weight:600; background-color:#f7f7f7; height:50px; border-bottom:1px solid #d7d7d7;}

.view_tb tr td:nth-child(2n){background:url("../img/support/border_icon.jpg")no-repeat center left; color:#666; font-weight:300; font-size:14px; padding-left:18px;}

.view_con {width:100%; padding:20px; border-bottom:1px solid #d7d7d7;}
.view_con p {font-size:15px; color:#666;}

.list_btn {width:150px; background-color:#eee; text-align: center; margin:0 auto; margin-top:30px; padding:10px 0px; color:#666; font-size:14px; font-weight:500;}

.view_btn_box { display: inline-block; margin-top:30px; overflow: hidden; margin-left:50%; transform:translateX(-50%);}
.view_btn_box .view_btn01 {width:120px; display: inline-block; padding:10px 0px; font-size:14px; background-color:#157AC0; color:#fff; text-align: center; margin-right:10px;}
.view_btn_box .view_btn02 {width:120px; display: inline-block;  padding:10px 0px; font-size:14px; background-color:#eee; color:#666; text-align: center; margin-right:10px;}
.view_btn_box .view_btn03 {width:120px; display: inline-block; padding:10px 0px; font-size:14px; background-color:#eee; color:#666; text-align: center;}

/* write */
table.write_tb {width:100%; margin:0 auto; margin-top:20px; border-top:1px solid #333;}
table.write_tb tr td {padding:10px 0px; border-bottom:1px dashed #d7d7d7; color:#333; font-size:14px; font-weight:500; position:relative;}
table.write_tb tr td:first-child { padding-left:10px;}
table.write_tb tr td:first-child {background:url("../img/support/border_icon.jpg")no-repeat right center;}
table.write_tb tr:first-child td:nth-child(3) {background:url("../img/support/border_icon.jpg")no-repeat right center;}

table.write_tb tr td input {width:100%; border:1px solid #d7d7d7; height:30px; padding:5px 10px; color:#666; font-weight:400; font-size:15px;}

table.write_tb tr:first-child td:nth-child(2) input,
table.write_tb tr:first-child td:nth-child(4) input {width:220px; }

table.write_tb tr:first-child td:nth-child(2),
table.write_tb tr:first-child td:nth-child(4),
table.write_tb tr:nth-child(2) td:nth-child(2),
table.write_tb tr:nth-child(4) td:nth-child(2) {padding-left:20px;}

table.write_tb tr:nth-child(3) td {padding:15px 0px;}
table.write_tb tr td textarea {width:100%; border:1px solid #d7d7d7; height:250px; padding:10px; color:#666; font-weight:400; font-size:15px; resize:vertical;}

table.write_tb tr:last-child td {border-bottom:1px solid #d7d7d7;}

.file_input_textbox { float:left; height:29px; cursor:pointer; border:0!important; margin-left:80px; margin-top:-2px;}

.file_input_img_btn { cursor:pointer; position:absolute; top:50%; transform: translateY(-50%); width:80px; padding:4px 0px; text-align: center; border:1px solid #d7d7d7; font-size:13px; color:#666; background:linear-gradient(to top, #f5f5f5, #fff); cursor:pointer;}
.file_input_hidden { font-size:29px; position:absolute; left:0px; top:12px; opacity:0;
 filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}
.btn_submit {color: #fff; background-color: #0060AA; border: 1px solid #fff; padding: 5px 30px; 
 margin-top: 20px; font-size: 14px;}
textarea::[type=file]{color:#000;}
input:focus { outline: none;}
input::placeholder {color:#999; font-size:13px;}

input[type="text"]::-ms-input-placeholder { color:#999; font-size:13px;}

textarea::-ms-input-placeholder { color:#999; }
textarea:focus { outline: none;}
textarea::placeholder {color:#999;}

.write_btn_box {width:250px; margin:0 auto; margin-top:30px; overflow: hidden;}
.write_btn_box input {width:120px; float:left; padding:10px 0px; font-size:14px; background-color:#157AC0; color:#fff;}
.write_btn_box .back_btn {width:120px; float:right; padding:10px 0px; font-size:14px; background-color:#eee; color:#666; text-align: center;}

.modify_btn {width:120px; float:left; padding:10px 0px; font-size:14px; background-color:#157AC0; color:#fff; text-align: center;}
/* 게시판 end */

/* 비밀번호 */
.pass_box {width:270px; margin:0 auto; background:linear-gradient(to top, #f5f5f5, #fff); border:1px solid #e3e3e3; padding:40px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px; margin-top:40px;}
table.pass_tb {width:100%;}
table.pass_tb tr td {color:#333; font-size:14px; font-weight:500; position:relative;}
table.pass_tb tr td input {width:100%; border:1px solid #d7d7d7; padding:5px 10px;}

.pass_btn_box {width:190px; margin:0 auto; margin-top:20px; overflow: hidden;}
.pass_btn_box input {width:90px; float:left; padding:5px 0px; font-size:14px; background:linear-gradient(to top, #0f68a6, #157AC0); border:1px solid #0f68a6; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.pass_btn_box .back_btn {width:90px; float:right; padding:5px 0px; font-size:14px; background:linear-gradient(to top, #f5f5f5, #fff); border:1px solid #d7d7d7; color:#666; text-align: center; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px;}

/* 비밀번호 end */


/* search */
.search {padding-top:50px;}

.search_list_box {width:100%; margin-bottom:70px;}

.category_tit {font-size:22px; font-weight:600; color:#333;}
.cate_list_box {width:100%; border-top:1px solid #999; border-bottom:1px solid #999; padding:8px 0px; margin-top:10px; margin-bottom:15px;}

ul.sub_cate_list {width:100%; overflow: hidden; padding:0px 8px;}
ul.sub_cate_list li {width:170px; float:left; padding:7px 0px;}
ul.sub_cate_list li a {font-size:14px; color:#454545; font-family:"Roboto",sans-serif; font-weight:500;}

p.search_null {text-align: center;  padding:7px 0px; color:#999; font-size:15px; font-family:"Roboto",sans-serif;}

.search_detail {width:100%;}
.search_detail .detail_tit {width:100%; overflow:hidden; padding:12px 0px; padding-left:15px; background-color:#e4eefb;}
.search_detail .detail_tit p {font-family:"Roboto",sans-serif; float:left;}
.search_detail .detail_tit p.de_tit01 {font-size:26px; color:#5f5f5f; font-weight:300; padding-right:10px; line-height:36px;}
.search_detail .detail_tit p.de_tit02 {font-size:26px; color:#000; font-weight:400; line-height:36px;}

.search_detail .de_conBox {width:100%;  border:3px solid #e5e5e5; padding:15px; padding-bottom:25px;}
.search_detail .de_conBox img {width:auto; height:auto; max-width:964px; display:block; margin:0 auto;}
/* search end */



/*comment*/
.view_sub_txt {padding-top:20px; padding-bottom:10px; color:#333; font-size:16px; font-weight:500; border-bottom:1px solid #333;}

.comments_box {width:100%;}
.comments {width:100%; overflow: hidden; background-color:#f9f9f9; padding:10px; border-bottom:1px dashed #d7d7d7; }
.comments:last-child {border-bottom:1px solid #d7d7d7;}
.comm_top {width:70%; float:left; overflow: hidden;}
.comm_top p.comments_info {float:left; font-size:15px; color:#333; font-weight: 500; line-height:20px;}
.comm_top p.comments_time {float:left;font-weight:300; font-size:14px; color:#000; margin-left:4px; line-height:21px;}

.comments_btn {width:30%; float:right; overflow: hidden;}
.comments_btn div {width:50px; float:right; border:1px solid #d7d7d7; background:linear-gradient(to top, #f1f1f1, #fff); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; text-align: center; font-size:12px; padding:2px 0px; color:#000; font-weight:300; margin-left:10px;}

.comments_cont {width:100%; float:left; padding-bottom:10px;}
.comments_cont p {font-size:16px; font-weight:300; color:#333;}

.reply_box {width:100%; border-bottom:1px dashed #d7d7d7;}
.reply {width:100%; padding:10px 0px; overflow: hidden; padding-left:45px; background:url("../img/customer/reply_icon.png")no-repeat left 15px top 5px;}

.comments_input {width:100%; padding:10px; margin-top:15px;  border:1px solid #d7d7d7; padding-top:0;}

table.bilogin {width:100%;}
table.bilogin tr td {padding:10px 0px; border-bottom:1px dashed #d7d7d7; font-size:14px; color:#333; }
table.bilogin tr td:first-child,.comments_input table tr td:nth-child(3) {background:url("../img/common/tb_icon.jpg")no-repeat right center; background-size:1px;}
table.bilogin tr td:nth-child(4) input {width:170px;}
table.bilogin tr td:nth-child(2n) {padding-left:20px;}
table.bilogin tr td:nth-child(2) {padding-right:30px;}
table.bilogin tr td input {width:100%; border:1px solid #d7d7d7;}
table.bilogin tr:last-child td {padding-right:0;}
table.bilogin tr:last-child td input {width:285px; float:left;}
table.bilogin tr td p {padding-left:10px; float:left; font-size:13px; font-weight:400; color:#333; line-height:30px;}

.name_info {width:100%; padding:10px 0px; overflow: hidden; border-bottom:1px dashed #d7d7d7;}
.name_info p.name_txt {float:left; width:60px; font-size:14px; color:#333; background:url("../img/common/tb_icon.jpg")no-repeat right top 6px; background-size:1px;}
.name_info p.name_txt02 {float:left; font-size:14px; font-weight:300; padding-left:15px; color:#333;}
.comments_input_box {width:100%; overflow: hidden; margin-top:10px;}
.comments_input_box textarea {width:680px; height:60px; border:1px solid #d7d7d7; float:left; resize:vertical;}
.comments_input_box input {width:90px; float:right; height:60px; background:linear-gradient(to top, #f1f1f1, #fff); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; text-align: center; font-size:14px; padding:2px 0px; color:#000; font-weight:300; border:1px solid #d7d7d7;}

.comments_box_input {width:100%; float:left; border:1px solid #d7d7d7; background-color:#fff; padding:10px; padding-top:0;}
.comments_box_input .comments_input_box textarea {width:660px;}
/*comment*/