/* common */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {margin: 0; padding: 0; font-family: 'Nanum Gothic', Helvetica, sans-serif; -webkit-text-size-adjust: none;}
ul, li, dl {list-style: none;}
html, body {min-width:1100px; font-size:1em; color:#333; line-height:1.2em; letter-spacing:-0.05em;}
a {text-decoration:none; outline: none !important}
fieldset, img {border:0; margin:0; padding:0;}
img.map, map area {outline: none;}
fieldset, img{border:0; margin:0; padding:0}
i, em, address{font-style:normal; font-weight:normal;}
label{margin:0;}
input, select{border:1px solid #d1d1d1; padding:5px; margin:0; outline: none}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../img/sub/ic_select.png) no-repeat 94% 50% !important;}
select::-ms-expand{display:none;}
input[type=radio], input[type=checkbox]{margin:0; vertical-align:middle; border: none}
table{border-collapse:collapse;}
b{font-weight:600 !important}

.txt_bold{font-weight:600;}
.btn_area{text-align:center; padding-top:55px;}
.btn_area label{font-size:1.35em; font-weight:600; color:#000; margin-bottom:30px;}
.comm_btn{text-align:center; box-sizing:border-box; width:220px; padding:15px 0 !important; font-size:16px; display:inline-block; border:none; padding:0; font-weight:600; vertical-align:middle;}
.w_btn{background:#fff; border:1px solid #717171;}
.w_btn:hover{color:#333 !important;}
.r_btn{background:#ed1c24; color:#fff !important; border:1px solid #ed1c24;}
.g_btn{background:#3f3f3f; color:#fff !important; border:1px solid #3f3f3f;}
.bColor_bk{border-bottom:1px solid #717171 !important;}
.b_price{color:#ed1c24 !important; font-size:1.3em; font-weight:800;}
.ic_date{background:url(../img/ic_calendar.jpg) no-repeat 95% 50%;}

.txt_r{color:#ed1c24 !important;}
.txt_bk{color:#000 !important;}
.txt_b{color:#0084ff !important;}

.w420{width:420px !important;}
.w380{width:380px !important;}
.w300{width:300px !important;}
.w274{width:274px !important;}
.w255{width:255px !important;}
.w250{width:250px !important;}
.w150{width:150px !important;}
.w125{width:125px !important;}
.w120{width:120px !important;}
.w100{width:100px !important;}
.w90{width:90px !important;}
.w80{width:80px !important;}
.w50{width:50px !important;}

/* header */
.slideNav{ position:absolute; top:54px; left:0; width:100%; font-size:1.2em; z-index:9999; display: none;background:#262626;    height: 49px; }
.slideNav ul{overflow:hidden; margin-bottom:0;margin: 0 auto; display: inline-block}
.slideNav li{float:left; padding:15px 10px;}
.slideNav li a{color:#d1d1d1;}
.slideNav li a.active, .slideNav li a:hover{font-weight:600; color:#fff;}

/* main */
#main_section01, #main_section02, #main_section03, #main_section04, #main_section05, #main_section06{position:relative; width:100%; text-align:center; background-size:cover;}
#main_section02, #main_section04, #main_section05, #main_section06{padding:95px 0;}
.section_in{width:1100px; padding:0 50px; margin:0 auto;}
.merit{float:left; width:250px; position:relative; padding:10px; border-right:1px solid #d1d1d1; box-sizing:border-box;}
.merit_wrap .merit:last-child{border-right:0;}
.merit p{margin:0;}
.main_btn{width:200px; height:50px; line-height:50px; margin:0 auto; font-size:1.3em;}
.main_btn a{display:block; background:#fff; color:#ed1d24; border:1px solid #555;}
.main_btn a:link, .main_btn a:visited{color:#ed1d24;}

#main_section01{background:url(../img/main/main_bg01.jpg) no-repeat center; padding:150px 0; color:#fff; font-size:2.4em; line-height:1.3em;}
#main_section02 .merit_wrap{overflow:hidden; padding-top:80px;}
#main_section02 .merit_wrap p.merit_title{color:#000; font-size:1.6em; font-weight:600;}
#main_section02 .merit_wrap p.merit_explain{color:#9d9d9d; font-size:1.3em; margin-top:150px;}
#main_section02 .merit_wrap .merit_ic{position:absolute; top:62px; left:85px;}

#main_section03{background:url(../img/main/main_bg02.jpg) no-repeat center;}
#main_section04{background:#f1f1f1;}
#main_section04 .main_function{padding-top:50px;}
#main_section04 .main_function table td{border:1px solid #d1d1d1; position:relative; background:#fff; height:125px; font-size:1.66em; font-weight:600; line-height:1.1em;}
#main_section04 .main_function table td span.num{position:absolute; top:0; left:0; color:#fff; font-size:0.7em; font-weight:800; padding:7px 10px; background:#ed1d24;}

#main_section05{background:url(../img/main/main_bg03.jpg) no-repeat center;}
#main_section05 .option_wrap{padding-top:60px; overflow:hidden;}
#main_section05 .option_wrap .merit{border-right:1px solid #686666;}
#main_section05 .option_wrap .option_explain{color:#fff; font-size:1.3em; margin-top:80px; line-height:1.7em;}
#main_section05 .option_wrap .option_explain span{font-weight:600; font-size:1.25em;}
#main_section05 .option_wrap .option_ic{position:absolute; top:10px; left:100px;}

#main_section06{background:url(../img/main/main_bg04.jpg) no-repeat center;}
#main_section06 .service_txt{color:#fff; font-size:1.6em; font-weight:600; margin:0; padding-top:40px;}

#main_board .row{margin:0;}
#main_board .col-md-2{padding:0; font-size:1.8em; font-weight:600; vertical-align:middle; width:200px;}
#main_board .col-md-3, #main_board .col-md-3 .col-md-12{width:212px; float:right; padding:0;}

.main_preview01{padding-right:30px !important; padding-left:0 !important;}
.main_preview02{padding-right:0 !important; padding-left:30px !important;}

/* footer */
.f_links_wrap{padding:15px 0; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; overflow:hidden;}
.f_links_wrap ul{margin:0;}
.f_links_wrap ul li{float:left; font-size:1.1em;}
.f_links_wrap ul.pull-right li a{color:#777; margin-left:25px;}
.f_links_wrap ul.pull-left li.f_board_title{font-weight:600; font-size:1.2em; color:#787878; margin-right:25px;}
.f_links_wrap ul.pull-left li.f_board_txt{width:330px;}
.f_links_wrap ul.pull-left li.f_board_date{color:#9d9d9d;}


/* sub */
.sub_banner{position:relative; width:100%; height:256px; color:#fff; font-size:40px; line-height:256px; font-weight:600; text-align:center;}
.sub_container{padding-bottom:150px !important;}
.subnav{text-align:center; margin-top:-55px;}
.subnav table{display:inline-block;}
.subnav td{border:1px solid #d1d1d1; background:#fff; vertical-align:middle; width:220px; font-size:1.4em; font-weight:600;}
.subnav td a{display:block; height:70px; line-height:70px;}
.subnav td span{font-size:0.8em; font-weight:400;}
.subnav td.subPageOn{background:#ed1c24; border:1px solid #ed1c24;}
.subnav td.subPageOn a{color:#fff;}

.type_subnav td a{line-height:1em !important; padding-top:18px; box-sizing: border-box;}

.sub_title{padding-top:70px;}
.sub_title .sub_title01{font-size:1.6em; font-weight:600; color:#ed1c24;}
.sub_title .sub_title02{font-size:40px; font-weight:600; line-height:40px;}
.sub_title .sub_title03{font-size:1.2em; color:#737373;}

.solution_info{margin-top:60px; padding:50px 30px; background:#f5f5f5; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; position:relative;}
.solution_info .officePack_img{position:absolute; top:60px; left:25px;}
.solution_info .info_explain{margin-left:326px;}
.solution_info .info_explain02{margin-left:0;}
.solution_info .info_explain p{text-align:center; font-size:2em; line-height:1.1em;}
.solution_info .info_explain .designInfo_img{text-align:center; margin-top:40px; line-height:0;}
.solution_info .info_explain .designInfo_btn{text-align:center;}
.solution_info .info_explain .designInfo_btn a{display:inline-block;}

.solution_info .info_explain table{margin-top:30px; position:relative;}
.solution_info .info_explain table th, .solution_info .info_explain table td{border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; text-align:center; padding:20px;}
.solution_info .info_explain table th{background:#e8e8e8; font-size:1.35em; color:#393939; font-weight:600;}
.solution_info .info_explain table td{background:#fff; font-size:1.8em; font-weight:600;}
.solution_info .info_explain table td span.txt_small{font-size:0.7em; font-weight:400;}
.solution_info .info_explain table td span.ic_event01{position:absolute; top:-15px; left:275px;}
.solution_info .info_explain table td span.ic_event02{position:absolute; top:-15px; right:15px;}
.solution_info .info_explain .charge_txt{width:357px; margin-left:357px; display:block; padding:15px 0 25px; font-size:1.15em;}
.solution_info .info_explain a.admin_experience{margin-left:357px; display:block;}
.solution_info .info_explain .experience_btn{overflow:hidden; position:absolute; bottom:50px; left:356px;}
.solution_info .info_explain .experience_btn a{float:left;}

.skinForm_txtbox{margin-top:50px; border-top:1px solid #717171;}
.skinForm_title{padding:40px 0; margin:0; font-size:2.3em; font-weight:600;}
.skinForm_txt{font-size:1.35em; line-height:1.5em; padding-top:30px;}
.skinForm_txtbox2{margin:80px 0;}
.skinForm2_title{font-size:1.7em; font-weight:600;}
.skinForm2_txt{font-size:1.3em; line-height:1.5em; padding:25px 30px; background:#f5f5f5;}

.contentTab{margin-top:110px;}
.contentTab ul{height:55px; border-bottom:1px solid #717171; text-align:center;}
.contentTab li{float:left; line-height:55px;}
.contentTab li a{padding:0 30px; height:55px; font-size:1.3em; color:#333; display:block; background:#f5f5f5; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #717171;}
.contentTab li a.tabOn{background:#fff; border-top:1px solid #717171; border-right:1px solid #717171; border-left:1px solid #717171; border-bottom:1px solid #fff; font-weight:600;}
/* .contentTab li{float:left; width:275px; height:55px; line-height:55px; background:#f5f5f5;}
.contentTab li.blank{background:none; border-bottom:1px solid #717171;}
.contentTab li a{color:#333; height:55px; display:block; font-size:1.3em; text-align:center; border-bottom:1px solid #717171; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.contentTab li a.tabOn{background:#fff; border:1px solid #717171; border-bottom:0; border:1px solid #717171; border-bottom:0; font-weight:600;} */

.tabList .tab_info{padding:50px 0; border-bottom:1px solid #d1d1d1; font-size:1.3em; overflow:hidden;}
.tabList .tab_info .tab_info_title{width:230px; float:left; font-size:1.6em; font-weight:600; line-height:1.1em;}
.tabList .tab_info .tab_info_ctt{width:870px; float:left;}
.tabList .tab_info .tab_info_ctt th, .tabList .tab_info .tab_info_ctt td{border:1px solid #d1d1d1;}
.tabList .tab_info .tab_info_ctt th{background:#f5f5f5; padding:15px 25px; font-weight:500; text-align:center;}
.tabList .tab_info .tab_info_ctt td{padding:15px; font-size:0.9em; vertical-align:top;}
.tabList .tab_info .tab_info_ctt td:first-child, .tabList .tab_info .tab_info_ctt th:first-child{border-left:none;}
.tabList .tab_info .tab_info_ctt td:last-child, .tabList .tab_info .tab_info_ctt th:last-child{border-right:none;}
.tabList .tab_info .tab_info_ctt p{line-height:1.8em;}
.tabList .tab_info .tab_info_ctt a{width:139px; height:42px; margin-top:30px;}
.tabList .tab_info .tab_info_title02{font-size:1.6em; font-weight:600; line-height:1.1em;}
.tabList .tab_info .tab_info_ctt02{overflow:hidden;}
.tabList .tab_info .tab_info_ctt02 li{width:500px; height:128px; float:left; margin-right:100px; position:relative; margin-top:30px;}
.tabList .tab_info .tab_info_ctt02 li:nth-child(2n){margin-right:0;}
.tabList .tab_info .tab_info_ctt02 li dl{margin-left:148px; padding-top:25px;}
.tabList .tab_info .tab_info_ctt02 li dt{margin-bottom:7px; font-size:1.2em;}
.tabList .tab_info .tab_info_ctt02 li span{position:absolute; top:0px; left:0;}
.tabList .tab_info .tab_info_ctt03 td{text-align:center; vertical-align:middle;}
.tabList .tab_info .tab_info_ctt03 td span{font-size:1.2em;}

dl.ic_chk, dl.ic_chk_in{margin-bottom:0;}
dl.ic_chk dd{padding-left:15px; background:url(../img/sub/ic_chk.png) no-repeat 0 5px; margin-bottom:10px;}
dl.ic_chk_in dd{padding-left:0; background:none; margin-bottom:3px;}

.m_demoPop_bg{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); display:none;}
#m_demoPop{width:452px; height:776px; position:absolute; top:50%; left:50%; margin-left:-226px; margin-top:-388px; background:url(../img/sub/phone_bg.png) no-repeat center;}
#m_demoPop .pop_skinBtn{overflow:hidden; text-align:center; margin-top:30px; margin-left:65px;}
#m_demoPop .pop_skinBtn li{float:left; font-size:1.35em; background:#000; border:1px solid #717171; width:150px; padding:12px 0;}
#m_demoPop .pop_skinBtn li a{display:block; color:#fff;}
#m_demoPop .m_skin{margin-left:29px; margin-top:20px; width:389px; height:580px; /*overflow:scroll;*/}
#m_demoPop #popClose{position:absolute; top:40px; right:-57px; cursor:pointer;}

.form_container{margin-top:70px; position:relative; border-top:1px solid #717171; border-bottom:1px solid #717171; padding-bottom:80px;}
.alert_txt{padding:40px 23px; font-size:1.4em; background:url(../img/sub/ic_screamer.png) no-repeat 0 43px; margin-bottom:0}
.form_container .formTop_txt{font-size:1.5em; font-weight:600; color:#000; padding-bottom:10px;}
#applyForm_wrap{border-top:1px solid #d1d1d1; padding-top:50px; position:relative;}
#applyForm_wrap .applyForm{overflow:hidden; position:relative;}
#applyForm_wrap .applyForm .apply_title{float:left; width:210px; font-size:24px; line-height:1.1em;}
#applyForm_wrap .applyForm .apply_table{float:left; width:890px; padding-bottom:50px;}
#applyForm_wrap .applyForm .apply_table table{border-top:1px solid #717171; border-bottom:1px solid #717171; font-size:1.3em; line-height:1.4em;}
.apply_table th, .apply_table td{border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.apply_table th{padding:15px 20px; font-weight:400; width:140px;}
.apply_table td{padding:15px;}
.apply_table th:last-child, .apply_table td:last-child{border-right:0;}
.apply_table th{background:#f5f5f5;}
.apply_table .inquire_in{border-bottom:1px solid #d1d1d1; padding-bottom:15px;}
.apply_table textarea{width:100%; border:1px solid #d1d1d1; height:155px; padding:7px; box-sizing:border-box; resize:none;}
.apply_table .agree_chk{font-size:1.35em; margin-top:20px; line-height:1em;}
.apply_table input[type='text']{width:100%;}
#applyForm_wrap .applyForm .edit_request{padding:30px 0; margin-bottom:50px; font-size:1.35em; line-height:1.5em; border-top:1px solid #717171; border-bottom:1px solid #717171;}
.edit_request span.addFile{display:block; margin-top:15px; text-decoration:underline;}

.apply_table td.solution_chk{text-align:center;}
.apply_table td.solution_chk label{margin-left:20px;}
.apply_table td.ota_option{background:#e4e4e4; text-align:center;}
dl.alertWrap{margin-bottom:50px;}
dl.alertWrap dd{margin-top:15px; font-size:1.35em; padding-left:23px; background:url(../img/sub/ic_screamer.png) no-repeat 0 5px;}
#applyForm_wrap .ok_ment{font-size:1.5em; padding:30px 0 80px 110px; position:relative;margin-left:210px; line-height:1.8em;}
#applyForm_wrap .ok_ment span{font-size:1.7em; font-weight:800;}
#applyForm_wrap .ok_ment img{position:absolute; top:25px; left:0;}

.companyIn, .mapIn{font-size:1.35em; line-height:1.9em; padding:50px 0; border-bottom:1px solid #d1d1d1;}
.companyIn:last-child{border-bottom:0;}
.companyIn .big_txt {font-size:1.3em; font-weight:600;}
.companyIn .indent{padding-left:36px; display:block;}
.companyIn .history{height:40px;}
.history .history_date, .history .history_line, .history .history_txt{margin-right:15px; vertical-align:middle;}
.companyIn .history .history_date{font-size:1.8em; font-weight:600;}
.companyIn .history .history_line{width:130px; height:3px; background:#d1d1d1; display:inline-block;}
.mapIn{padding:25px 0; position:relative;}
.mapIn dd span{display:inline-block;}
.mapIn .tel_num{text-align:right; position:absolute; top:25px; right:0; font-size:1.15em;}

#mypage_wrap{position:relative; margin-top:70px;}
#mypage_wrap .my_mainTop{position:relative;}
.my_mainTop .mainTop_left{position:absolute; top:0; left:0; background:#3f3f3f; width:400px; height:270px; box-sizing:border-box; padding-top:20px; text-align:center;}
.my_mainTop .mainTop_left .grade{font-size:1.4em; padding:10px 15px; background:#fff;}
.my_mainTop .mainTop_left p{font-size:2em; color:#fff; line-height:1.2em; margin:0; padding:35px 0;}
.my_mainTop .mainTop_left a{color:#ffe400; text-decoration:underline; font-size:1.2em;}
.my_mainTop .mainTop_right{margin-left:420px;}
.my_mainTop .mainTop_right .my_progress{box-sizing:border-box; border:1px solid #d1d1d1; position:relative; height:160px; padding:25px 30px 0;}
.mainTop_right .my_progress .period{position:absolute; top:20px; right:30px; }
.mainTop_right .my_progress li{float:left; font-size:1.35em; text-align:center; border-right:1px solid #d1d1d1; padding:5px 23px;}
.mainTop_right .my_progress li:last-child{border-right:0;}
.mainTop_right .my_progress li span{display:block; font-size:48px; letter-spacing:-0.1em; line-height:1em; margin-bottom:30px;}
.mainTop_right .mainTop_btn{margin-top:20px; height:90px; border:1px solid #d1d1d1;}
.mainTop_right .mainTop_btn a{width:50%; background:#f4f4f4; float:left; height:100%; line-height:90px; box-sizing:border-box; font-size:1.35em; padding-left:30px;}
.mainTop_right .mainTop_btn a:first-child{border-right:1px solid #d1d1d1;}

.register_body{height:250px; overflow:auto; padding:10px; border:1px solid #d1d1d1;}
.register_in{padding:20px 0 50px 0;}
.apply_table .full_txt{text-align:right; margin:10px 0;}
.apply_table .full_txt a{padding:8px 10px; background:#3f3f3f; color:#fff;}
.apply_table .privacy_table td, .apply_table .privacy_table th{font-size:0.9em; text-align:center; padding:8px;}
.register_form{padding-bottom:0;}

.login_wrap{margin-top:75px; padding:80px 0; border-top:1px solid #717171; border-bottom:1px solid #d1d1d1;}
.login_wrap .login{width:640px; margin:0 auto; position:relative;}
.login .ic_login{position:absolute; top:0; left:0;}
.login .login_body{padding:10px 0px 30px 120px; border-bottom:1px solid #d1d1d1;}
.login .login_body .loginForm{overflow:hidden; margin-bottom:15px;}
.login .login_body .loginForm label, .login .login_body input{float:left;}
.login .login_body .loginForm label{font-size:1.5em; line-height:35px;}
.login .login_body input{height:35px;}
.login_wrap .login_btn{position:absolute; top:10px; right:0;}
.login_wrap .login_btn button{width:155px; height:85px; font-size:1.5em; font-weight:600;}
.login_wrap .login_ft{margin-top:20px; font-size:1.35em; overflow:hidden;}
.login_wrap .login_ft .txt_r{float:right;}

.comm_board{margin-top:70px;}
.comm_board .board_title{position:relative;}
.comm_board .board_title span{position:absolute; bottom:0; right:0; font-size:1.35em;}
.comm_board th, .comm_board td{border-bottom:1px solid #d1d1d1; padding:10px; font-size:1.21em; text-align:center;}
.comm_board th{border-top:1px solid #717171;}
.comm_board th.name, .comm_board th.date, .comm_board th.step{width:130px;}
.comm_board th.num, .comm_board th.read{width:90px;}
.comm_board td.title{text-align:left;}

.order_info{width:890px; float:left; margin-top:0; padding-bottom:50px;}
.order_detail{margin:5px 0 0;}
.order_detail ul{margin-bottom:0;}
.add_file{margin-top:10px;}
.add_file label{font-size:1.35em;}

.dateSearch{margin-top:70px;}
.dateSearch td, .dateSearch th{padding:15px; border-bottom:1px solid #d1d1d1;}
.dateSearch th{font-size:1.35em; background:#f4f4f4; font-weight:400; border-right:1px solid #d1d1d1;}

.join_ok .join_p01{font-size:2.2em; line-height:1em; margin:40px 0;}
.join_ok .join_p02{font-size:1.3em;}


.basic-post-request .post-list { list-style:none; padding:0px; margin:-2px 0px; line-height:27px; font-size:16px;}
.basic-post-request .post-list li { padding:0px; margin:0px; }
.basic-post-request .post-list li b { letter-spacing:-1px; padding-right:1px; }
.basic-post-request .post-list li .name { letter-spacing:-1px; color:#888; padding-left:4px; padding-right:1px;}
.basic-post-request .post-list .txt-normal { letter-spacing:0; }
.basic-post-request .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-request .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.basic-post-request .wr-icon { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; }
.basic-post-request .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.basic-post-request .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.basic-post-request .wr-video { width:12px; height:12px; background-image: url('./img/icon_video.gif'); }
.basic-post-request .wr-image { width:12px; height:12px; background-image: url('./img/icon_image.gif'); }
.basic-post-request .wr-file { width:12px; height:12px; background-image: url('./img/icon_file.gif'); }
.basic-post-request .post-list b,.basic-post-qa .post-list a, .basic-post-qa .post-list span{font-size:16px;}

.main_title {padding:0; font-size:1.8em; font-weight:600; vertical-align:middle;}

.header-sub{position: relative;}
.header-sub-title{    position: absolute;
    color: white;
    top: 50%;
    margin-top: -19px;
    left: 50%; transform: translateX(-50%);
    font-size: 40px;
    font-weight: bold;}

.skinList_notice{margin-top:60px; font-size:1.35em;}
.skinList_notice p{line-height:30px; font-size:1.2em; font-weight:600; padding-left:35px; background:url(/img/sub/sub02_img05.png) no-repeat left}
.skinList_notice .skinList_txt{padding:25px 30px 15px; background:#f5f5f5; margin-bottom:15px;}