@charset "utf-8";

/****************************** support ******************************/
.support{background:#f1f1f1}
.support .sub-head{margin-bottom:7.6rem}
.support .sub-head h2{color:#fff}
.support h3{margin-bottom:2.5rem; color:#111; line-height:1.9rem; font-size:1.9rem; font-weight:bold; text-align:center}

.support .header-sm .btn-menu .bar{background:#fff;}
.support .header-sm h1 a{background: url(/images/common/h1_logo2.png) 0 0 no-repeat;background-size:70px;}
.support header .header-md h1 a{background: url(/images/common/h1_logo_v2_pc.png) 0 0 no-repeat;}
.support header .header-md .gnb .menu li a{color:#fff}
.support header .header-md .gnb .menu li .animate .obje{background:#fff}
.support header .header-md .gnb .top li a{color:#999}

/* faq */
.support.faq .cont{padding-bottom:4.167rem}
.support.faq .cont .wrap-list{padding:0 15px}
.support.faq .cont .wrap-list .panel-group{margin-bottom:2.5rem}
.support.faq .cont .wrap-list .panel{border:none; border-radius:0; box-shadow:none;position:relative;top:20px;opacity: 0;}
.support.faq .cont .wrap-list .panel .panel-heading{padding:0; background:#fff url(/images/support/faq_icon_q.png) 1.25rem 1.65rem no-repeat;background-size: 1rem;}
.support.faq .cont .wrap-list .panel .panel-heading a{display:block; position:relative; width:100%; padding:1.25rem 4.167rem 1.25rem 3.083rem;}
.support.faq .cont .wrap-list .panel .panel-heading a .panel-title{color:#111; line-height:1.2em; font-size:1.1rem; font-weight:bold;}
.support.faq .cont .wrap-list .panel .panel-heading a .icon-arrow{position:absolute; top:50%; right:1.75rem; width:1.5rem; height:1.5rem; margin-top:-.75rem; background:url(/images/support/faq_icon_arrow.png) 0 0 no-repeat;background-size:1.5rem;
	transform: rotate(0deg);
	transition: all .2s ease-out;
}
.support.faq .cont .wrap-list .panel .panel-heading a.collapsed .icon-arrow{
	transform:rotate(180deg);
	transition:all .2s ease-out;
}
.support.faq .cont .wrap-list .panel .panel-body{padding:1.25rem 4.167rem 1.25rem 3.083rem; border-top:none; background:#e5e5e5 url(/images/support/faq_icon_a.png) 1.25rem 1.65rem no-repeat;background-size:1rem ; color:#666; line-height:1.667rem; font-size:1rem}
.support.faq .cont .wrap-list .panel .panel-body p{line-height:inherit}
.support.faq .cont .wrap-list .panel .panel-body img{max-width: 100%;}

/* enquiries */
.support.enquiries .cont{padding:0 23px 4.167rem 23px;}
.support.enquiries .cont .inputbox{max-width:100%; margin:0 auto; padding:0; position:relative;top:20px;opacity: 0;}
.support.enquiries .cont .inputbox form > ul{margin-bottom:2.5rem}
.support.enquiries .cont .inputbox form > ul > li{margin-bottom:1.467rem}
.support.enquiries .cont .inputbox form > ul > li:last-child{margin-bottom:0}
.support.enquiries .cont .inputbox form > ul > li .title{display:block; margin-bottom:.367rem; color:#111; line-height:1.1rem; font-size:1.1rem; font-weight:bold}
.support.enquiries .cont .inputbox form > ul > li input[type="text"]{width:100%}
.support.enquiries .cont .inputbox form > ul > li input[type="text"]:focus{background: rgba(0,0,0,0.1);color:#111}
.support.enquiries .cont .inputbox form > ul > li textarea{width:100%;}
.support.enquiries .cont .inputbox form > ul > li .privacy{width:100%; height:70px; padding:1.083rem;background: #fff;color: #111;overflow: auto;}
.support.enquiries .cont .inputbox form > ul > li .privacy strong{font-size: 1.1rem;line-height: 1.7rem;display: block;}
.support.enquiries .cont .inputbox form > ul > li .privacy ul,ol{margin:10px 0 10px 10px !important;}
.support.enquiries .cont .inputbox form > ul > li .privacy ul,ol,li{line-height: inherit;}
.support.enquiries .cont .inputbox form > ul > li .privacy .desc{font-size: 1rem;line-height: 1.583rem;margin-bottom:15px;}
.support.enquiries .cont .inputbox form > ul > li .privacy .desc:last-child{margin-bottom:0;}
.support.enquiries .cont .inputbox form > ul > li .radio-list {margin-top:1.4rem;}
.support.enquiries .cont .inputbox form > ul > li .radio-list li{float:left; margin-right:1.583rem;margin-bottom:5px;}

.support.enquiries .cont .inputbox .wrap-btn{width:100%; margin:0 auto; max-width: 384px;}
.support.enquiries .cont .inputbox .wrap-btn a{display:inline-block; float:left; width:48.54%; padding:1rem 0 .9rem; box-sizing:border-box; font-size:1.2rem; font-weight:bold; text-align:center;
	transition: all .2s ease-out;
}
.support.enquiries .cont .inputbox .wrap-btn a:hover,
.support.enquiries .cont .inputbox .wrap-btn a:focus{color:#fff;
	transition: all .2s ease-out;
}
.support.enquiries .cont .inputbox .wrap-btn .btn-cancel{margin-right:2.919%; border:2px solid #999; color:#999}
.support.enquiries .cont .inputbox .wrap-btn .btn-cancel:hover,
.support.enquiries .cont .inputbox .wrap-btn .btn-cancel:focus{background:#999}
.support.enquiries .cont .inputbox .wrap-btn .btn-ok{border:2px solid #111; color:#111}
.support.enquiries .cont .inputbox .wrap-btn .btn-ok:hover,
.support.enquiries .cont .inputbox .wrap-btn .btn-ok:focus{background:#1257ab;border-color:transparent;}

/* download */
.support.download .cont{padding-bottom:5rem}
.support.download .cont .wrap-list{padding:0 10px;max-width:320px;margin:0 auto;}

.wrap-list .down-list-menu li{display: inline-block;width: 23%; height:36px; line-height:36px; background: #fff;margin-right:2.666666666666667%; margin-bottom:2.666666666666667%;letter-spacing: -0.5px;}
.wrap-list .down-list-menu li a{display: inline-block; width: 100%;text-align: center;font-size: 12px;font-weight: bold;padding-top:6px;}
.wrap-list .down-list-menu li:nth-child(4){margin-right: 0;}
.wrap-list .down-list-menu{margin-bottom:15px;}
.wrap-list .down-list-menu li.active{background: #1257ab;}
.wrap-list .down-list-menu li.active a{color: #fff;}

.support.download .cont .wrap-list .down-list{}
.support.download .cont .wrap-list .down-list .list{background: #fff;display: inline-block;width:48.54%;height:18rem;float:left;padding:2.5rem 2.317rem;text-align: center;cursor:pointer;word-break:break-word;position:relative;top:20px;opacity: 0;margin-bottom:.667rem;}
.support.download .cont .wrap-list .down-list .list.li1,
.support.download .cont .wrap-list .down-list .list.li3,
.support.download .cont .wrap-list .down-list .list.li5{margin-right:2.919%;}
.support.download .cont .wrap-list .down-list .list h4{font-size:1.3rem;line-height: 1.7rem;font-weight: 600;padding-top:5rem;transition:all .2s ease-out;}
.support.download .cont .wrap-list .down-list .list.li1 h4{background: url('/images/support/down_ico_doc.png') 50% 0 no-repeat;background-size:4rem;word-break:break-all;}
.support.download .cont .wrap-list .down-list .list.li2 h4{background: url('/images/support/down_ico_firm.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.li3 h4{background: url('/images/support/down_ico_sw.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.li4 h4{background: url('/images/support/down_ico_sdk.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.li5 h4{background: url('/images/support/down_ico_set.png') 50% 0 no-repeat;background-size:4rem;}

/* 클릭시 오버 */
.support.download .cont .wrap-list .down-list .list:hover.li1 h4{background: url('/images/support/down_ico_doc_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list:hover.li2 h4{background: url('/images/support/down_ico_firm_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list:hover.li3 h4{background: url('/images/support/down_ico_sw_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list:hover.li4 h4{background: url('/images/support/down_ico_sdk_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list:hover.li5 h4{background: url('/images/support/down_ico_set_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.active.li1 h4{background: url('/images/support/down_ico_doc_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.active.li2 h4{background: url('/images/support/down_ico_firm_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.active.li3 h4{background: url('/images/support/down_ico_sw_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.active.li4 h4{background: url('/images/support/down_ico_sdk_over.png') 50% 0 no-repeat;background-size:4rem;}
.support.download .cont .wrap-list .down-list .list.active.li5 h4{background: url('/images/support/down_ico_set_over.png') 50% 0 no-repeat;background-size:4rem;}
/* 클릭시 오버 */

.support.download .cont .wrap-list .down-list .list .btn-down{text-align: center;font-size: .75rem;line-height: .75rem;display:inline-block;font-weight: 600;border-bottom:2px solid #111;transition:all .2s ease-out;background: url('/images/support/ico_arr.png') 100% 0 no-repeat;background-size:auto 6px;padding:0 .917rem .333rem 0;}

/* 클릭시 오버 */
.support.download .cont .wrap-list .down-list .list:hover .btn-down{color:#1257ab;border-color:#1257ab;background: url('/images/support/ico_arr_over.png') 100% 0 no-repeat;background-size:auto 6px;}
.support.download .cont .wrap-list .down-list .list.active .btn-down{color:#1257ab;border-color:#1257ab;background: url('/images/support/ico_arr_over.png') 100% 0 no-repeat;background-size:auto 6px;}
/* 클릭시 오버 */

.support.download .cont .wrap-list .wrap-animate {position:absolute;bottom:2.083rem;left:calc(50% - 41px);width:85px;overflow: hidden;}
.support.download .cont .wrap-list .animate-bar{background: #1257ab; height:4px;width:0;position: absolute;bottom:0;left:0;}
.support.download .cont .wrap-list .animate-bar:after{content:'';display: block;width:30px;height:4px;position: absolute;top:0;right:0;background: #fff;}

.support.download .wrap-list .panel-group{/* margin-top:2.5rem */margin-top:10px;display: inline-block;width:100%;clear: both;}
.support.download .cont .wrap-list .panel{border:none; border-radius:0; box-shadow:none;}
.support.download .cont .wrap-list .panel .panel-heading{padding:0; background:#fff;}
.support.download .cont .wrap-list .panel .panel-heading a{display:block; position:relative; width:100%; padding:1.25rem 4.167rem 1.25rem 2.083rem;}
.support.download .cont .wrap-list .panel .panel-heading a .panel-title{color:#111; line-height:1.2em; font-size:1.1rem; font-weight:bold;}
.support.download .cont .wrap-list .panel .panel-heading a .icon-arrow{position:absolute; top:50%; right:1.75rem; width:1.5rem; height:1.5rem; margin-top:-.75rem; background:url(/images/support/faq_icon_arrow.png) 0 0 no-repeat;background-size:1.5rem;
	transform: rotate(0deg);
	transition: all .2s ease-out;
}

.support.download .cont .wrap-list .panel .panel-heading a.collapsed .icon-arrow{
	transform:rotate(180deg);
	transition:all .2s ease-out;
}
.support.download .cont .wrap-list .panel .panel-body{padding:2.083rem; border-top:none; background:#e5e5e5;color:#666; line-height:26px; font-size:14px}
.support.download .cont .wrap-list .panel .panel-body table{width:100%;}
.support.download .cont .wrap-list .panel .panel-body table th{padding:1.25rem 0;border-bottom:1px solid #ccc;color:#111;font-size: 1.1rem;line-height: 1.5rem;width:40.229%;}
.support.download .cont .wrap-list .panel .panel-body table td{padding:1.25rem 0;border-bottom:1px solid #ccc;font-size: 1rem;text-align: center;}
.support.download .cont .wrap-list .panel .panel-body table tr:first-child th{padding-top:0;}
.support.download .cont .wrap-list .panel .panel-body table tr:first-child td{padding-top:0;}
.support.download .cont .wrap-list .panel .panel-body table tr:last-child th,
.support.download .cont .wrap-list .panel .panel-body table tr:last-child td{border-bottom:0;padding-bottom:0;}
.support.download .cont .wrap-list .panel .panel-body table td:nth-child(2n){width:56.781%}
.support.download .cont .wrap-list .panel .panel-body table td:nth-child(3n){width:8.99%}
.support.download .cont .wrap-list .panel .panel-body table td .btn-down{display: block;width:1.25rem;height:1.25rem;background: url('/images/support/down_ico_down.png') 0 0 no-repeat;text-indent: -9999%;font-size:0;transition:all .2s ease-out;background-size:1.15rem;}
.support.download .cont .wrap-list .panel .panel-body table td .btn-down:hover{background: url('/images/support/down_ico_down_over.png') 0 0 no-repeat;background-size:1.15rem;}

/* contact us */
.support.contact .cont{padding-bottom:0;background-position-x: calc(50% - -115px);}
.support.contact .cont h3{margin-bottom:1.667rem;}
.support.contact .cont .wrap-list{padding:0 23px}
.support.contact .cont .wrap-list .desc{font-size: 1rem;line-height: 1.6rem;text-align: center;position:relative;top:20px;opacity:0;}
.support.contact .cont .wrap-list .sns-list{margin:0 auto 1.667rem;text-align: center;}
.support.contact .cont .wrap-list .sns-list li{display: inline-block;position:relative;top:20px;opacity:0;}
.support.contact .cont .wrap-list .sns-list li a{display: block;width:3rem;height:3rem;text-indent: -9999%;font-size:0;transition:all .2s ease-out;background-size:3rem !important;}
.support.contact .cont .wrap-list .sns-list li:nth-child(1) a{background: url('/images/support/ico_fb_over.png') 0 0 no-repeat;}
.support.contact .cont .wrap-list .sns-list li:nth-child(2) a{background: url('/images/support/ico_in_over.png') 0 0 no-repeat;margin:0 0 0 15px }
.support.contact .cont .wrap-list .sns-list li:nth-child(3) a{background: url('/images/support/ico_yt_over.png') 0 0 no-repeat;margin:0 0 0 15px}
.support.contact .cont .wrap-list .sns-list li:nth-child(4) a{background: url('/images/support/icon_blog_over.png') 0 0 no-repeat;margin:0 15px}
.support.contact .cont .wrap-list .sns-list li:nth-child(5) a{background: url('/images/support/ico_mail_over.png') 0 0 no-repeat;}

.support.contact .cont .wrap-list .maps {margin-bottom:2.5rem;}
/* .support.contact .cont .wrap-list .maps #map{max-width:100%;height:16.667rem;} */
.support.contact .cont .wrap-list .maps #map { margin: 0;padding-bottom: 75%; max-width: 100%; height: 0; position: relative;overflow: hidden;} 
.support.contact .cont .wrap-list .maps #map iframe, 
.support.contact .cont .wrap-list .maps #map object,
.support.contact .cont .wrap-list .maps #map embed {margin: 0;padding: 0; width: 100%; height: 100%;position: absolute; top: 0; left: 0; }
.support.contact .cont .wrap-list .maps .wrap-addr{background: #fff;text-align: center;padding:1.667rem 2.5rem;}
.support.contact .cont .wrap-list .maps .wrap-addr .addr{font-size: 1.2rem;line-height: 1.8rem;font-weight: bold;margin-bottom:.833rem;display: block;}
/* .support.contact .cont .wrap-list .maps .wrap-addr ul {padding-top:5px;} */
.support.contact .cont .wrap-list .maps .wrap-addr ul li {display: inline-block;margin-right:.833rem;}
.support.contact .cont .wrap-list .maps .wrap-addr ul li:last-child {margin-right:0;}
.support.contact .cont .wrap-list .maps .wrap-addr ul li span{background: #1257ab;color: #fff;font-size: .75rem;line-height: .75rem;border-radius:10px;width: 12px;height: 12px;display: inline-block;padding-top:3px;margin-right:.417rem;}
.support.contact .cont .wrap-list .maps .wrap-addr ul li p{font-size: .917rem;line-height: .917rem;display: inline-block;font-weight: 600;}
.support.contact .cont .wrap-list .maps .wrap-addr ul li .tel{}
.support.contact .cont .wrap-list .maps .wrap-addr ul li .mail{}
.support.contact .cont .wrap-list .about {}
.support.contact .cont .wrap-list .about .col-xs-12{padding:0;}
.support.contact .cont .wrap-list .about img{max-width: 100%;margin-bottom:4.167rem;position:relative;top:20px;opacity:0;}
.support.contact .cont .wrap-list .about ul{margin:0 auto 0}
.support.contact .cont .wrap-list .about ul li{position:relative; top:20px; padding-left:4.167rem; opacity:0;background-size:3.333rem !important;margin-bottom:3.333rem;}
.support.contact .cont .wrap-list .about ul li.li1{/* margin-bottom:57px; */ padding-right:20px; background:url('/images/support/cu_ico1.png') 0 2px no-repeat;}
.support.contact .cont .wrap-list .about ul li.li2{/* margin-bottom:104px; */ background:url('/images/support/cu_ico3.png') 0 2px no-repeat}
.support.contact .cont .wrap-list .about ul li.li3{/* margin-bottom:44px; */ padding-right:20px; background:url('/images/support/cu_ico2.png') 0 2px no-repeat}
.support.contact .cont .wrap-list .about ul li.li4{/* margin-bottom:44px; */ background:url('/images/support/cu_ico4.png') 0 2px no-repeat;}
.support.contact .cont .wrap-list .about ul li .title{margin:0 0 .75rem 0; color:#111; line-height:1.333rem; font-size:1.2rem; font-weight:bold}
.support.contact .cont .wrap-list .about ul li .txt{padding:0 0 0 3px; color:#666; line-height:1.5rem; font-size:1rem}
.support.contact .cont .wrap-list .about ul li .txt strong{color:#111;font-weight: 800;}
.support.contact .cont .bg{background:url('/images/support/cu_bg.png') center bottom no-repeat;/* height:20rem; */max-width:100%;margin:0 auto;position:relative;top:20px;opacity:0;background-size:auto 100%;}
.support.contact .cont .bg img{max-width: 100%;width:100%;}

.email-popup{padding-right:0 !important;}
.email-popup .modal-dialog{width:85%; margin:10px auto !important;}
.email-popup .modal-content{position:relative; padding:30px 20px ; text-align:center}
.email-popup h4{margin:0 0 1.667rem 0; padding:5rem 0 0 0; color:#111; line-height:1.917rem; font-size:1.917rem; font-weight:bold;background: url('/images/support/cu_ico_mail.png') 50% 0 no-repeat;background-size: 3.333rem;}
.email-popup .inputbox form > ul{margin-bottom:2.5rem}
.email-popup .inputbox form > ul > li{margin-bottom:1.667rem}
.email-popup .inputbox form > ul > li:last-child{margin-bottom:0}
.email-popup .inputbox form > ul > li .title{display:block; margin-bottom:.667rem; color:#111; line-height:1.25rem; font-size:1.25rem; font-weight:bold; text-align: left;}
.email-popup .inputbox form > ul > li input[type="text"]{width:100%;background: #f5f5f5;}
.email-popup .inputbox form > ul > li input[type="email"]{width:100%;background: #f5f5f5;}
.email-popup .inputbox form > ul > li input[type="text"]:focus,
.email-popup .inputbox form > ul > li input[type="email"]:focus,
.email-popup .inputbox form > ul > li textarea:focus{background: rgba(0,0,0,0.1);}
.email-popup .inputbox form > ul > li textarea{width:100%; height:70px;background: #f5f5f5;}
.email-popup .inputbox form > ul > li .radio-list li{float:left; margin-right:38px}
.email-popup .inputbox .wrap-btn{width:40.146%; margin:0 auto}
.email-popup .inputbox .wrap-btn a{display:block; float:left; width:100%; padding:1rem 0; box-sizing:border-box; font-size:1.333rem; font-weight:bold; text-align:center;transition: all .2s ease-out;}
.email-popup .inputbox .wrap-btn a:hover{color:#fff;transition: all .2s ease-out;}
.email-popup .inputbox .wrap-btn .btn-ok{border:2px solid #111; color:#111}
.email-popup .inputbox .wrap-btn .btn-ok:hover{background:#1257ab;border-color:#1257ab;}
.email-popup .btn-close{overflow:hidden; position:absolute; top:1.417rem; right:1.417rem; width:1.75rem; height:1.75rem; background:url(/images/main/pop_btn_close.png) 0 0 no-repeat; background-size: 1.75rem;text-indent:-9999px}

/* mo request */
.support.request .sub-head{margin-bottom:3.333rem;}
.support.request .cont{padding:0 23px 4.167rem 23px;;}
.support.request{padding-right:0 !important;z-index: 5;}
.support.request h4{margin:0 0 60px 0; padding:118px 0 0 0; color:#111; line-height:30px; font-size:30px; font-weight:bold;background:url(/images/joinus/ico_login.png) center top no-repeat}
.support.request .inputbox {}
.support.request .inputbox .col-xs-6:nth-child(odd){padding-left:0;padding-right:8px;}
.support.request .inputbox .col-xs-6:nth-child(even){padding-right:0;padding-left:8px;}
.support.request .inputbox .col-xs-12{padding:0;}
.support.request .inputbox ul li {margin-bottom:1.667rem;float:left;width:100%;text-align: left;}
.support.request .inputbox ul > li .title{display:block; margin-bottom:.667rem; color:#111; line-height:1.1rem; font-size:1.1rem; font-weight:bold;text-align: left;}
.support.request .inputbox ul > li input,
.support.request .inputbox ul > li textarea{width:100%;}
.support.request .inputbox ul > li input:focus,
.support.request .inputbox ul > li textarea:focus{background: rgba(0,0,0,0.1);}
.support.request .inputbox ul > li textarea{height:7rem;}
.support.request .inputbox ul > li .title.essential{position:relative;padding-left:.75rem;}
.support.request .inputbox ul > li .title.essential:before{content:'*';display: block;position:absolute;top:2px;left:0;color:#b02626;}

.pop-request .inputbox ul > li .captcha-wrap:before {content:'';display: block;clear: both;}
.support.request .inputbox ul > li .captcha-wrap .captcha{float: left;background: #f5f5f5;width: 48.905%; height: 5rem; text-align: center;display: table;height: 4rem;}
.support.request .inputbox ul > li .captcha-wrap .captcha span{background: #f5f5f5;font-size: 2.1rem;font-weight: 600;text-align: center;display: table-cell;vertical-align: middle;}
.support.request .inputbox ul > li .captcha-wrap .btn-refresh{float: left;width: 48.905%;height: 5rem;border: none;background:#666 url('/images/support/ico_ref.jpg') 18.283% 50% no-repeat;background-size:1.6rem;text-align: center;margin-left: 2.189%;display: table;}
.support.request .inputbox ul > li .captcha-wrap .btn-refresh a{font-size: 1.5rem;color: #fff;padding-left: 10%;display: table-cell;vertical-align: middle;}

.support.request .inputbox ul > li .captcha-wrap .captcha-write{}
.support.request .inputbox ul > li .captcha-wrap .captcha-write input{float: left;background: #f5f5f5;width: 100%;height: 4rem;font-size: 1.1rem;color: #111;border: none;margin-top: 1.2rem; padding: 8px 10px 7px; line-height: 1.4rem;}

.support.request .inputbox input[type=checkbox]{width:auto;display: none;}
.support.request .inputbox input[type=checkbox] + label{display: inline-block; cursor: pointer;  position: relative;  padding-left: 2.1rem; margin-left: 0;margin-bottom: 0;font-size: 1.1rem;line-height: 1.1rem;font-weight: 500;min-width:5.5rem;}
.support.request .inputbox input[type=checkbox]+ label:before { content: "";  display: inline-block;  width: 1.7rem;  height: 1.7rem;  margin-right: 10px;  position: absolute;  left: 0;  bottom: -3px;  background: url('/images/mypage/m_check_off.png') 0 0 no-repeat;transition:.2s;background-size:1.7rem;}
.support.request .inputbox input[type=checkbox]:checked + label:before { background: url('/images/mypage/m_check_on.png') 0 0 no-repeat;text-align: center; line-height: 1.147rem; background-size:1.7rem; } 
.support.request .inputbox input.checkbox-style + label{font-weight: 600;}
.support.request .inputbox input.checkbox-style + label:before { background: url('/images/joinus/m_check_off.png') 0 0 no-repeat;background-size:1.7rem;}
.support.request .inputbox input.checkbox-style:checked + label:before { background: url('/images/joinus/m_check_on.png') 0 0 no-repeat;text-align: center; line-height: 1.147rem; background-size:1.7rem; } 
.support.request .inputbox .wrap-know{}
.support.request .inputbox .wrap-know label{margin-right:10px;margin-bottom:10px !important ;}
.support.request .inputbox .wrap-ext{background: #fff;margin-top:5px;padding:1rem 1rem 0;}
.support.request .inputbox .wrap-ext label{margin-right:15px !important;}
.support.request .wrap-btn {width:11rem;margin:0 auto}
.support.request .wrap-btn a{display: block;float: left;width: 100%;padding: 1rem 0 ;box-sizing: border-box;font-size: 1.2rem;font-weight: bold;text-align: center;transition: all .2s ease-out;}
.support.request .wrap-btn a.btn-ok{background: none;border: 2px solid #000;width:100%;margin-bottom:20px;}
.support.request .wrap-btn a.btn-ok:hover,
.support.request .wrap-btn a.btn-ok:focus{background:#1257ab;border:3px solid transparent;color:#fff;}


@media screen and (min-width: 768px) {
	.support.contact .cont .wrap-list .maps #map {padding-bottom: 56%;} 
	.support.enquiries .cont .inputbox form > ul > li .privacy{height:109px;}

	.support.download .cont .wrap-list {padding: 0 15px; width: 100%;max-width: 738px;}
	.wrap-list .down-list-menu li{width: 18%; height:45px; line-height:45px; margin-right:2.5%; margin-bottom:2.666666666666667%;letter-spacing:0;}
	.wrap-list .down-list-menu li a{font-size: 12px;padding-top:10px;}
	.wrap-list .down-list-menu li:nth-child(4){margin-right:2.5%;}
	.wrap-list .down-list-menu li:nth-child(5){margin-right: 0;}
	.wrap-list .down-list-menu{margin-bottom:15px;}
}

@media screen and (min-width: 992px) {
	.support .sub-head{margin-bottom:120px}
	.support h3{margin-bottom:52px; line-height:40px; font-size:40px;}
	.support .sub-head ul li:nth-child(2){letter-spacing: inherit;}

	.support.download .cont .wrap-list {padding: 0 15px; width:100%;max-width:962px;}
	.wrap-list .down-list-menu li{width:17.525%; height:47px; line-height:47px; margin-right:3.092%; margin-bottom:3.092%;letter-spacing:0;}
	.wrap-list .down-list-menu li a{font-size: 12px;padding-top:12px;}
	.wrap-list .down-list-menu li:nth-child(4){margin-right:3.092%;}
	.wrap-list .down-list-menu li:nth-child(5){margin-right: 0;}
	.wrap-list .down-list-menu{margin-bottom:15px;}

	.support.faq .cont{padding-bottom:116px}
	.support.faq .cont .wrap-list .panel-group{margin-bottom:60px}
	.support.faq .cont .wrap-list .panel .panel-heading{padding:0; background:#fff url(/images/support/faq_icon_q.png) 50px 27px no-repeat}
	.support.faq .cont .wrap-list .panel .panel-heading a .panel-title{line-height:1.5em; font-size:16px;}
	.support.faq .cont .wrap-list .panel .panel-heading a{min-height:74px; padding:24px 96px 26px 93px}
	.support.faq .cont .wrap-list .panel .panel-heading a .icon-arrow{position:absolute; top:50%; right:33px; width:30px; height:30px; margin-top:-15px; background:url(/images/support/faq_icon_arrow.png) 0 0 no-repeat;
		transform: rotate(0deg);
		transition: all .2s ease-out;}
	.support.faq .cont .wrap-list .panel .panel-body{padding:43px 90px 44px 92px; border-top:none; background:#e5e5e5 url(/images/support/faq_icon_a.png) 50px 49px no-repeat;background-size:auto; color:#666; line-height:26px; font-size:14px}
	
	/* enquiries */
	.support.enquiries .cont{padding:0 15px 160px 15px}
	.support.enquiries .cont .inputbox{max-width:770px; margin:0 auto; padding:98px 100px 100px 100px; background:#fff}
	.support.enquiries .cont .inputbox form > ul{margin-bottom:40px}
	.support.enquiries .cont .inputbox form > ul > li{margin-bottom:28px}
	.support.enquiries .cont .inputbox form > ul > li .title{margin-bottom:12px; line-height:16px; font-size:16px;}
	.support.enquiries .cont .inputbox form > ul > li .radio-list li{margin-right:38px}
	.support.enquiries .cont .inputbox form > ul > li .privacy{height:109px;padding: 12px 20px;background: #f5f5f5;}
	.support.enquiries .cont .inputbox form > ul > li .privacy strong{font-size: 14px;line-height: 24px;}
	.support.enquiries .cont .inputbox form > ul > li .privacy .desc{font-size: 12px;line-height: 20px;}
	.support.enquiries .cont .inputbox form > ul > li .privacy ul,ol{margin:10px 0 10px 10px !important;}
	.support.enquiries .cont .inputbox form > ul > li .privacy ul,ol,li{line-height: inherit;}
	.support.enquiries .cont .inputbox .wrap-btn{width:350px;}
	.support.enquiries .cont .inputbox .wrap-btn a{width:170px; height:51px; padding:16px 0 0 0;font-size:18px;}
	.support.enquiries .cont .inputbox .wrap-btn .btn-cancel{margin-right:10px;border-width:3px;}
	.support.enquiries .cont .inputbox .wrap-btn .btn-ok{border-width:3px; }
	.support.enquiries .cont .inputbox form > ul > li .radio-list {margin-top:0;}

	
	/* download */
	.support.download .cont{padding-bottom:116px}
	.support.download .cont .wrap-list{padding:0 115px;max-width:none;}
	
	.support.download .cont .wrap-list .down-list .list{width:17.525%;height:345px;margin-right:3.092%;margin-bottom:0;padding:30px}
	.support.download .cont .wrap-list .down-list .list:nth-child(odd){margin-right:3.092%;}
	.support.download .cont .wrap-list .down-list .list:nth-child(3n){margin-right:3.092%;}
	.support.download .cont .wrap-list .down-list .list:last-child{margin-right:0 !important;}
	
	/* SETUP 메뉴 히든 시킬 경우 */
	/*.support.download .cont .wrap-list .down-list .list{width:22.625%;}
	.support.download .cont .wrap-list .down-list .list:nth-child(3n){margin-right:0;}*/
	/* //SETUP 메뉴 히든 시킬 경우 */

	.support.download .cont .wrap-list .down-list .list h4{font-size:22px;line-height: 28px;padding-top:110px;}
	.support.download .cont .wrap-list .down-list .list h4{background-size:auto !important;}
	.support.download .cont .wrap-list .down-list .list:hover h4{background-size:auto !important;}
	.support.download .cont .wrap-list .down-list .list.li5 {margin-top:0;}
	.support.download .cont .wrap-list .wrap-animate {bottom:50px;left:calc(50% - 41px);width:85px;}
	.support.download .cont .wrap-list .down-list .list .btn-down{font-size: 14px;line-height: 14px;margin-top:50px;border-bottom:4px solid #111;background-size:auto;padding:0 18px 5px 0;}
	.support.download .cont .wrap-list .down-list .list:hover .btn-down{background-size:auto;}

	.support.download .cont .wrap-list .panel-group{margin-top:60px}
	.support.download .cont .wrap-list .panel .panel-heading a{min-height:74px; padding:28px 50px 22px 50px}
	.support.download .cont .wrap-list .panel .panel-heading a .panel-title{font-size:16px;}
	.support.download .cont .wrap-list .panel .panel-heading a .icon-arrow{right:33px; width:30px; height:30px; margin-top:-15px;background-size:auto;}
	.support.download .cont .wrap-list .panel .panel-body{padding:43px 50px 44px 50px; border-top:none; background:#e5e5e5;color:#666; line-height:26px; font-size:14px}
	.support.download .cont .wrap-list .panel .panel-body table th{padding:15px 0;font-size: 16px;line-height: 24px;}
	.support.download .cont .wrap-list .panel .panel-body table td{padding:15px 0;font-size: 14px;text-align: left;}
	.support.download .cont .wrap-list .panel .panel-body table td .btn-down{width:22px;height:20px;background-size:auto;}
	.support.download .cont .wrap-list .panel .panel-body table th:last-child{border:1px solid red;} 


	/* contact */
	.support.contact .cont h3{margin-bottom:40px;}
	.support.contact .cont .wrap-list{padding:0 15px}
	.support.contact .cont .wrap-list .desc{font-size: 18px;line-height: 32px;}
	.support.contact .cont .wrap-list .sns-list{margin:20px auto 40px;}
	.support.contact .cont .wrap-list .sns-list li a{width:61px;height:60px;background-size:auto !important}
	.support.contact .cont .wrap-list .sns-list li:nth-child(1) a{background: url('/images/support/ico_fb.png') 0 0 no-repeat;}
	.support.contact .cont .wrap-list .sns-list li:nth-child(2) a{background: url('/images/support/ico_in.png') 0 0 no-repeat;margin:0 15px}
	.support.contact .cont .wrap-list .sns-list li:nth-child(3) a{background: url('/images/support/ico_yt.png') 0 0 no-repeat;margin:0 15px 0 0}
	.support.contact .cont .wrap-list .sns-list li:nth-child(4) a{background: url('/images/support/icon_blog_default.png') 0 0 no-repeat;margin:0 15px 0 0}
	.support.contact .cont .wrap-list .sns-list li:nth-child(5) a{background: url('/images/support/ico_mail.png') 0 0 no-repeat;}
	.support.contact .cont .wrap-list .sns-list li:hover:nth-child(1) a{background: url('/images/support/ico_fb_over.png') 0 0 no-repeat;}
	.support.contact .cont .wrap-list .sns-list li:hover:nth-child(2) a{background: url('/images/support/ico_in_over.png') 0 0 no-repeat;}
	.support.contact .cont .wrap-list .sns-list li:hover:nth-child(3) a{background: url('/images/support/ico_yt_over.png') 0 0 no-repeat;}
	.support.contact .cont .wrap-list .sns-list li:hover:nth-child(4) a{background: url('/images/support/icon_blog_over.png') 0 0 no-repeat;}
	.support.contact .cont .wrap-list .sns-list li:hover:nth-child(5) a{background: url('/images/support/ico_mail_over.png') 0 0 no-repeat;}
	.support.contact .cont .wrap-list .maps {margin-bottom:60px;}
	.support.contact .cont .wrap-list .maps #map{height:430px;padding-bottom:0;}
	.support.contact .cont .wrap-list .maps .wrap-addr{padding:30px 0;}
	.support.contact .cont .wrap-list .maps .wrap-addr .addr{font-size: 22px;margin-bottom:20px;}
	.support.contact .cont .wrap-list .maps .wrap-addr ul li {margin-right:30px;}
	.support.contact .cont .wrap-list .maps .wrap-addr ul li p{font-size: 16px;}
	.support.contact .cont .wrap-list .maps .wrap-addr ul li span{width: 22px;height: 22px;font-size: 14px;line-height: 14px;padding-top:5px;margin-right:10px;}
	.support.contact .cont .wrap-list .about img{margin-bottom:100px;}
	.support.contact .cont .wrap-list .about ul{max-width:972px; margin:0 auto 0}
	.support.contact .cont .wrap-list .about ul li{padding-left:95px;background-size:auto !important}
	.support.contact .cont .wrap-list .about ul li .title{margin:0 0 21px 0; line-height:22px; font-size:22px; }
	.support.contact .cont .wrap-list .about ul li .txt{min-height:84px; padding:0 0 0 3px; line-height:26px; font-size:14px}
	.support.contact .cont .wrap-list .about ul li.li1{margin-bottom:57px; padding-right:20px;}
	.support.contact .cont .wrap-list .about ul li.li2{margin-bottom:57px;}
	.support.contact .cont .wrap-list .about ul li.li3{margin-bottom:44px;}
	.support.contact .cont .wrap-list .about ul li.li4{margin-bottom:44px; margin-top:-10px;}
	.support.contact .cont .wrap-list .about ul li.li1 .txt{max-width:86.486%;}
	.support.contact .cont .wrap-list .about ul li.li2 .txt{max-width:97%;}
	.support.contact .cont .wrap-list .about ul li.li3 .txt{max-width:86.486%;}
	.support.contact .cont .wrap-list .about ul li.li4 .txt{max-width:98%;}
	.support.contact .cont .bg{height:788px;max-width:1320px;overflow: hidden;}

	.email-popup .modal-dialog{width:770px; margin:50px auto !important;}
	.email-popup .modal-content{padding:60px 100px 80px; }
	.email-popup h4{margin:0 0 60px 0; padding:118px 0 0 0; line-height:30px; font-size:30px;background-size:auto;}
	.email-popup .inputbox form > ul > li textarea{height:109px;}
	.email-popup .inputbox form > ul > li .title{margin-bottom:12px; line-height:16px; font-size:16px;}
	.email-popup .btn-close{top:25px; right:25px; width:28px; height:28px; background-size: auto;}
	.email-popup .inputbox .wrap-btn{width:170px; margin:0 auto}
	.email-popup .inputbox .wrap-btn a{width:170px; height:51px; padding:16px 0 0 0; font-size:16px;}
	.email-popup .inputbox .wrap-btn a.btn-ok{border-width:3px;}

	.support.enquiries .cont .inputbox form > ul > li .radio-list .r2{margin-left: 28px;}
	.support.enquiries .cont .inputbox form > ul > li .radio-list .r6{margin-left: 17px;}
	.support.faq .cont .wrap-list .panel .panel-body p{font-size: 14px;}
}
@media screen and (min-width: 1920px) {
	.support.faq .cont .wrap-list .panel .panel-body p{font-size: 16px;}
}