@charset "utf-8";

/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; }
/* h1, h2, h3, h4, h5, h6{transform: rotate(-0.0000000001deg);text-shadow: 0 0 1px rgba(0,0,0,.3); -webkit-text-size-adjust: antialiased;-moz-osx-font-smoothing: grayscale;} */
/* html5 */
article, aside, details, figcaption, figure, footer, header, menu, nav, main, section { display:block; }
/* default font */
/* body, input, textarea, select, button, table { font-family:Roboto,'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',Roboto,AppleGothic,sans-serif; color:#222; font-size:12px; } */
body, input, textarea, select, button, table { font-family:'Noto Sans KR',sans-serif; color:#222; font-size:12px;}
/* break word */
body {line-height:1.4; }
/* img */
img, fieldset, iframe { border:0; }
img { vertical-align:top; max-width:100% }
/* list type */
ul, ol { list-style:none; list-style-type: none;}
em, address { font-style:normal; }
caption, legend, .blind { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; text-align:left; line-height:0; }
/* form type */
input, select{max-width:100% !important;}
input[type='text'], input[type='password'], textarea, input { margin:0; border:solid 1px #dadada;font-family:'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',AppleGothic,sans-serif; font-size:16px; color:#333; }
input[type='radio'] { width:13px; height:13px; margin:0; padding:0; cursor:default; }
input[type='radio']:disabled { cursor:default; }
input[type='checkbox'] { width:13px; height:13px; margin:0;padding:0; }
input[type=text]::-ms-clear { display:none; }
input[type='password'] { font-size:10px; }
input { vertical-align:middle; -webkit-appearance: none;-webkit-border-radius: 0;box-sizing: border-box;}
input:focus{outline:none}
button {margin:0; padding:0; border:0; background:none;  font-family:'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',AppleGothic,sans-serif; font-size:12px; vertical-align:middle; cursor:pointer; appearance:none; moz-appearance:none; }
select {margin:0; border:solid 1px #ddd;  font-family:'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',AppleGothic,sans-serif; font-size:12px; vertical-align:middle;  -webkit-appearance: none;-webkit-border-radius: 0;}
textarea { padding:12px;-webkit-appearance: none;-webkit-border-radius: 0;}
select {-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
select::-ms-expand {display: none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {margin:0; -webkit-appearance:none; }

/*input:focus,
select:focus,
button:focus {outline:none;}*/

/* anchor */
a { text-decoration:none; color:inherit}
a:active, a:focus { text-decoration:none; }
a:hover { text-decoration:none; }
/* table */
table { border-collapse:collapse; table-layout:fixed;word-break: normal;word-wrap: break-word;}
th { font-weight:bold; }
/* hidden text */
caption { display:none; position:static; left:-9999px; height:0; font-size:0; text-indent:-9999px; line-height:0; }
.ui-hidden, legend { display:block; overflow:hidden; position:absolute; top:-1000em; left:0; }
.blind { position:absolute; left:-9999px; height:0; font-size:0; text-indent:-9999px; line-height:0; }
.ir { display:inline-block; overflow:hidden; margin:0; padding:0; font-size:0; color:transparent; letter-spacing:-100px; text-indent:0; vertical-align:middle; white-space:nowrap; line-height:200px; }
h1,h2,h3,h4,h5,h6{font-size:inherit;}
/* none */
hr { display:none; }

.v-hidden { overflow:hidden; position:absolute !important; width:1px; height:1px; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); }
.v-hidden a:focus,
.v-hidden input:focus,
.v-hidden button:focus { position:static; width:auto; height:auto; }

/* scrollbar */
html { scrollbar-3dLight-Color:#efefef; scrollbar-arrow-color:#dfdfdf; scrollbar-base-color:#efefef; scrollbar-Face-Color:#dfdfdf; scrollbar-Track-Color:#efefef; scrollbar-DarkShadow-Color:#efefef; scrollbar-Highlight-Color:#efefef; scrollbar-Shadow-Color:#efefef; }
/* Chrome, Safari scrollbar */
.header__inner::-webkit-scrollbar {width: 1px;height: 1px;}
.header__inner::-webkit-scrollbar-button {width: 0px;height: 0px;}
.header__inner::-webkit-scrollbar-thumb {background: #e1e1e1;border: 0px none #ffffff;border-radius: 50px;}
.header__inner::-webkit-scrollbar-thumb:hover {background: #ffffff;}
.header__inner::-webkit-scrollbar-thumb:active {background: #000000;}
.header__inner::-webkit-scrollbar-track {background: #f0f0ee;border: 0px none #ffffff;border-radius: 50px;}
.header__inner::-webkit-scrollbar-track:hover {background: #f0f0ee;}
.header__inner::-webkit-scrollbar-track:active {background: #dddddd;}
.header__inner::-webkit-scrollbar-corner {background: transparent;}

/* service */
/* body{overflow: hidden;height:100%} */
.tdu{text-decoration: underline;}

/* body{overflow: hidden;overflow-y:scroll;min-width:1200px;letter-spacing: -.4px;} */
.wrap{position: relative;color:#222}
/* .main{position: absolute;top:0;left:50%;right:0;margin-left:-960px;} */
.util{position: absolute;top:110px;left:50%;width:1120px;height:50px;margin-left:-570px;text-align: right;}
.util a{position: relative;display: inline-block;width:85px;height:100%;margin-right: -10px;padding:0 10px;color:#222;font-size: 20px;font-weight: bold;line-height: 50px;text-align: center;}
.util a:first-child{margin-right: 0;}
.util a:after{content:'';position: absolute;top:50%;left:0px;width:1px;height:20px;margin-top: -10px;background: #000;}
.util a:first-child:after{display: none;}

/* lypop */
.lypop{position: absolute;top:300px;left:50%;margin-left: -187.5px;z-index: 1;background: #fff;}
.lypop-wmin{width:375px;margin-left: -187.5px;}
.lypop-wmax{width:750px;margin-left: -375px;}
.ly-header{height:70px;background: #eee;line-height: 70px;color:#222;font-size: 22px;font-weight: bold;text-align: center;}
.ly-body{padding:30px;font-size: 15px;}
.ly-footer{padding:20px 0 40px;text-align: center;}
.ly-footer--type2{padding:60px 0}
.ly-footer--type3{padding:40px 0}

/* ly-bx-priv */
.ly-bx-priv{overflow: hidden;margin-top: 40px;font-size: 16px;}
.ly-bx-priv li{float: left;width:50%;padding:8px 20px 8px 0;box-sizing: border-box;}
.ly-bx-priv li:first-child{width:100%}
.ly-bx-priv li:nth-child(2n+3){padding:8px 0 8px 20px;}
.ly-bx-priv li a{float: right;text-decoration: underline;}
.ly-bx-priv__all{font-weight: bold;text-decoration: underline;}

.btn-lyclose{position: absolute;top:0;right:-70px}

.btn-area{}
.btn{display: inline-block;width:100px;height:36px;margin:0 2px;line-height: 36px;font-size: 15px;}
.btn-pos{border:1px solid #ffa409;background: #ffa409;color:#fff;}
.btn-neg{border:1px solid #e1e1e1}

.text-area{overflow: hidden;overflow-y: auto;width:315px;height:156px;border:1px solid #e1e1e1;box-sizing: border-box;}
.text-area--ty2{overflow: hidden;}
.text-area textarea{width:100%;height:100%;box-sizing: border-box;border:none;font-size: 12px;resize: none;}

/* ui-chk */
.ui-chk{}
.ui-chk input{display: none;}
.ui-chk label{position: relative;padding-left:25px}
.ui-chk label:after{content:'';position: absolute;top:1px;left:0;width:18px;height:18px;border:2px solid #222;box-sizing: border-box;border-radius: 3px;}
.ui-chk input:checked + label:after{border:none;width:23px;background: url(/static/img/1P/ico_chk.png) no-repeat 0 0}

.ui-chk--type2 label:after{width:20px;height:20px;border:1px solid #222;border-radius: 50%;box-sizing: border-box;}
.ui-chk--type2 input:checked + label:after{width:20px;height:20px;border:7px solid #222;background: none;}
.ui-chk--type2 label{margin-right: 10px;}

/* my-area */
.my-area{position: relative;border-bottom: 1px solid #e1e1e1;}
.my-area:after{content: '';position: absolute;top:0;bottom:0;left:150px;width:1px;background: #e1e1e1;}
.my-area dt,
.my-area dd{padding:10px 0 10px 10px}
.my-area dt{float: left;width:156px;box-sizing: border-box;text-align: left;}
.my-area dd{text-align: left;}

.dimmed{position: fixed;top:0;right:0;bottom:0;left:0;background: #000;opacity: .7;}

/* 개인정보처리방침 */
.privacy-tt h3{position:relative;text-align:center;}
.privacy-info{float:left;width:100%;}
.privacy-info div{text-align:left;color:#000;line-height:15px;padding:15px;font-size: 12px;}

/* 회원가입 추가 */
.header img,
.footer img{width:auto;max-width: none;}
.body{padding:60px 0;background: #eee;}
.body--img{height: 2866px;background: url(/static/img/1P/bg_main_body.png) no-repeat 50% 0 ;}

.header{height:190px;background: url(/static/img/1P/bg_main_header_230713.png) no-repeat 50% 0;}
.footer{height:949px;background:url(/static/img/1P/bg_main_footer_230811.png) no-repeat 50% 0;}

.content{width:800px;margin:0 auto;padding:60px;background: #fff;box-sizing: border-box;border-radius: 16px;color:#333}

.content-header{padding-bottom: 35px;}

.content-htit{font-size: 40px;font-weight: bold;}
.content-tit{font-size: 20px;font-weight: bold;}

.content-lst{font-size: 16px;}
.content-lst li{height:55px;padding-top: 20px;line-height: 55px;border-bottom: 1px solid #000;}
.content-lst .label{float: left;width:160px;font-size: 16px;}
.content-lst label span{color:#ff8a00;font-size: 16px;}
.content-lst input[type='text'],
.content-lst input[type='tel']{width:300px;height: 45px;border:none}
.content-lst input::placeholder {color:#ccc;font-size: 16px;}
.content-lst input:-ms-input-placeholder {color:#ccc;font-size: 16px;}
  
.content-section{margin-top: 70px;}
.content-htit + .content-section{margin-top: 50px;}

.ui-select{float: left;}
.ui-select input{display: none;}
.ui-select label{position: relative;padding-left: 30px;margin-left: 30px;}
.ui-select input:first-child + label{margin-left: 0;}
.ui-select label:after{content:'';position: absolute;top:2px;left:0;width:20px;height:20px;border:1px solid #333;border-radius:25px;box-sizing: border-box;}
.ui-select input:checked + label:after{border-width:6px}

.content-chklst{font-size: 16px;}
.btn-sign{margin-top: 55px;text-align: center;}
.btn-sign a{display: inline-block;width:280px;height:56px;background: #ffa409;border-radius:28px;line-height: 56px;text-align: center;color:#fff;font-weight: bold;font-size: 20px;}