/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* Common **********************************************************************/ 
html,body {width:100%;scroll-behavior:smooth; }
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:14px; line-height:1.6; font-family: 'Nanum Gothic';color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type3 {width:100%; border-right:1px #dfdfdf solid; border-top:2px #192f5e solid; }
.tbl_type3 th {padding:10px; border-bottom:1px #dfdfdf solid;  border-left:1px #dfdfdf solid;font-size:14px; color:#464646; font-weight:bold; background:#efefef;}
.tbl_type3 th.title {background:#bbb; color:#222;}
.tbl_type3 td {border-bottom:1px #dfdfdf solid; border-left:1px #dfdfdf solid; font-size:14px; color:#666; padding:10px 10px; text-align:center;}
.tbl_type3 td.bg01 {color:#333; text-align:center;}
.tbl_type3 td.cen {text-align:center; padding:10px;}
.tbl_type3 td.none {border-left:none;}

/* sub_id */
.sub_id_wrap{max-width:700px; margin: 0 auto; padding: 80px 50px; background: #fff; border-radius:15px; line-height: 1;}
.sub_id_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;}
.sub_id_wrap .form_wrap .tabs{display: flex;}
.sub_id_wrap .form_wrap .tabs a{display: block; width: 50%; text-align: center; font-size: 20px; padding-block:15px;}
.sub_id_wrap .form_wrap .tabs a.on{color: #000; border-bottom: 1px solid #000;}
.sub_id_wrap .form_inner02{display: flex; flex-direction: column; gap:30px; align-items: center;}
.sub_id_wrap .form_inner02 p{font-size: 22px; color: #444;}
.sub_id_wrap .id_check .id_box{width: 100%; padding-block:15px; background: #F9F9F9; border-radius:10px; text-align: center; font-size: 18px; color: #222;}
.sub_id_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 50px;}
.sub_id_wrap .form_box{display: flex; flex-direction: column; gap:10px;}
.sub_id_wrap .form_box label{font-size: 20px; color: #222; font-weight: 600;}
.sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; width: 100%; height: 60px; margin-top: 30px;}
.sub_id_wrap .login_wrap{display: flex; justify-content: center; gap:25px; margin-top: 50px;}
.sub_id_wrap .login_wrap a{width: 240px; font-size: 24px; text-align: center; border-radius:10px; padding-block:10px;}
.sub_id_wrap .login_wrap a.login_btn01{border:2px solid #000; color: #fff; background: #000;}
.sub_id_wrap .login_wrap a.login_btn02{border:2px solid #000; color: #000; background: #fff;}
.sub_id_wrap input[type="text"], .sub_id_wrap input[type="password"], .sub_id_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;}
.sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; height: 60px; margin-top: 30px;}

/* sub_login */
.sub_login_wrap{padding: 80px 50px; background: #fff; border-radius:15px; line-height: 1;}
.sub_login_wrap.account_box{max-width:700px; margin: 0 auto;}
.sub_login_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;}
.sub_login_wrap.account_box{padding: 50px;}
.sub_login_wrap .input_box{display: flex; flex-direction: column; gap:30px;}
.sub_login_wrap .login_md{display: flex; justify-content: space-between; margin-top: 20px;}
.sub_login_wrap input[type="text"], .sub_login_wrap input[type="password"], .sub_login_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;}
.sub_login_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 50px;}
.sub_login_wrap .form_box{display: flex; flex-direction: column; gap:10px;}
.sub_login_wrap .form_box label{font-size: 20px; color: #222; font-weight: 600;}
.sub_login_wrap .check_wrap {display: flex;align-items: center;gap: 15px;font-family: sans-serif;font-size: 16px;}
.sub_login_wrap .check_wrap input[type="checkbox"] {appearance: none;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 2px;background-color: white;position: relative;cursor: pointer; margin-right: 5px;}
.sub_login_wrap .check_wrap input[type="checkbox"]:checked {background-color: black;border-color: black;}
.sub_login_wrap .check_wrap input[type="checkbox"]:checked::after {content: '✔';color: white;font-size: 12px;position: absolute;top: -2px;left: 2px;}
.sub_login_wrap .check_wrap input[type="checkbox"]:disabled {background-color: #f0f0f0;border-color: #dcdcdc;cursor: not-allowed;}
.sub_login_wrap .check_wrap input[type="checkbox"]:disabled::after {color: #ccc;}
.sub_login_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; height: 60px; margin-top: 30px;}
.sub_login_wrap .search_wrap{display: flex; align-items: center; gap:20px;}
.sub_login_wrap .search_wrap a{position: relative; font-size: 16px ; color: #444;}
.sub_login_wrap .search_wrap a:not(:last-child)::after{content:''; position: absolute; right: -10px; top: 50%; transform:translateY(-50%); width: 1px; height: 40%; background: #666;}
.sub_login_wrap .external_wrap{display: flex; justify-content: space-evenly; margin-top: 50px;}
.sub_login_wrap .external_wrap p{margin-top: 10px; text-align: center;}
.sub_login_wrap .divider{display: flex; justify-content: center; align-items: center; gap:15px; margin-top: 35px; white-space:nowrap;}
.sub_login_wrap .divider span{display: block; background: #DDD; width: 100%; height: 1px;}
.sub_login_wrap .signup_link{display: flex; justify-content: center; gap:30px; margin-top: 20px; font-size: 14px; color: #444; line-height: 1.4;}
.sub_login_wrap .signup_link a{font-size: 14px; color: #444; border-bottom: 1px solid #444; line-height: 1.4;}
.sub_login_wrap .txt_area{display: flex; gap:50px;}
.sub_login_wrap .txt_area > div{flex:1;}
.sub_login_wrap .txt_area h3{font-size: 20px; color: #222; text-align: center; margin-bottom: 20px;}
.sub_login_wrap .txt_area .txt_box{height: 400px; border-radius: 10px; background: #F9F9F9; padding: 25px; font-size: 16px; line-height: 1.6; overflow-y:auto;}
.sub_login_wrap .txt_area .txt_box strong{display: block; padding-block: 15px;}
.sub_login_wrap .txt_area.area_column{flex-direction: column;}
.sub_login_wrap .txt_area .txt_box{height: 240px;}
.sub_login_wrap .agree_wrap{margin-top: 25px;}
.sub_login_wrap .check_label{display: flex;align-items: center;cursor: pointer;justify-content: flex-end; font-size: 14px; color: #444;}
.sub_login_wrap .agree_box{appearance: none;width: 18px;height: 18px;border: 1px solid #ccc;border-radius: 3px;margin-right: 8px;position: relative;cursor: pointer;}
.sub_login_wrap .agree_box::after {content: '✔'; font-size: 13px; position: absolute; left: 2px; top: -2px; color: #ccc; visibility: visible;}
.sub_login_wrap .agree_box:checked {background-color: #000;border-color: #000;}
.sub_login_wrap .agree_box:checked::after {color: #fff;}


.sub_login_wrap .account_btn{display: flex; justify-content: center; gap: 20px; margin-top: 25px;}
.sub_login_wrap .account_btn button{width: 160px; height:55px; font-size: 22px; border-radius:10px; padding-block:10px; border:1px solid #000; text-align: center; line-height: 1;}
.sub_login_wrap .account_btn button.btn01{background: #fff; color: #000;}
.sub_login_wrap .account_btn button.btn02{background: #000; color: #fff;}


.sub_sign_wrap{line-height: 1;}
.sub_sign_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;}
.sub_sign_wrap input[type="text"], .sub_sign_wrap input[type="password"], .sub_sign_wrap input[type="email"]{height: 55px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;}
.sub_sign_wrap .form_list li{display: flex; gap:10px;}
.sub_sign_wrap .form_list li:not(:first-child){margin-top: 30px;}
.sub_sign_wrap .form_list li label{margin-top: 20px; width: 140px; flex-shrink:0; font-size: 20px; color: #000; font-weight: 500;}
.sub_sign_wrap .form_list li label .required{color: #F00;}
.sub_sign_wrap .form_list li input{width: 100%;}
.sub_sign_wrap .form_list li .id_field{display: flex; gap:20px; width: 100%;}
.sub_sign_wrap .form_list .add_wrap{width: 100%; display: flex; flex-direction: column; gap: 15px;}
.sub_sign_wrap .form_list .address_row{display: flex; gap:20px; width: 100%;}
.sub_sign_wrap .sub_btn{width: 150px; border:1px solid #000; flex-shrink: 0; font-size: 18px; color: #444; border-radius:5px;}

/*로그인스킨*/
/*#login_wrap {width:100%;  background:#f7f7f7; padding:50px;}
.login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;}
.login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {font-size:15px; font-weight:400; }
.login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:50%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:middle;}
.login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari font-size:14px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ font-size:14px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- font-size:14px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:55px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;}
.login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:47.27%;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}/*


/*회원가입 스킨*/
.inWrap {width:98%;  border:1px solid #353638; border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#666;}
.agreement input{vertical-align:middle; border:none;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{color:#fff;}

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%;  margin: 0 auto; /* overflow: hidden; */min-width: 1400px;}
.inner{width: 1200px; margin: 0 auto; max-width:100%;}

/* header */
#header{width:100%; height:80px; /*background:url(/assets/images/main/bg_header.jpg) 0 0 repeat-x;*/ background:none; z-index: 999; position: fixed;}
#header .inner{width:1600px; margin:0 auto; height:80px; position:relative; }
#header h1{position:absolute; left:0; top:16px; margin-left:0; }
#header h1 a {display:block;}
#header h1 a img {width:70%;}
.top_menu{position:absolute; right:0; top:0; font-size:0; }
.top_menu span{line-height:80px; font-size:12px; margin-left:15px;}
.top_menu span a{color:#fff; }
#gnb{height:100px; margin-left:200px; display:inline-block; }
#gnb.display_none {display:none;}
#gnb > li{float:left; height:80px; width: 200px; line-height:80px; background:none; text-align: center;}
#gnb > li:last-child{margin-left:-85px;}
#gnb > li:nth-child(1) a, #gnb > li:nth-child(2) a, #gnb > li:nth-child(3) a {display:block;}
#gnb > li > a{font-size:22px; color:#fff; font-weight:bold;}
#gnb > li.gnb_on > a{font-size:16px; background:#eb7085; padding: 5px 20px; border-radius: 10px;}

/* 헤더 토글 */
#gnb_hover {height:100px; margin-left:200px; display:inline-block; text-align: center; display:none;}
#gnb_hover.display_on {display:block;}
#gnb_hover > li{float:left; height:80px; width: 200px; line-height:80px; background:none; position:relative;}
#gnb_hover > li:last-child{margin-left:-85px;}
#gnb_hover > li:nth-child(1) a, #gnb_hover > li:nth-child(2) a, #gnb_hover > li:nth-child(3) a {display:block;}
#gnb_hover > li > a{font-size:22px; color:#000; font-weight:bold; transition: 0.3s;}
#gnb_hover > li:hover > a {color:#eb7085;}
#gnb_hover > li.gnb_on > a{font-size:16px; background:#eb7085; padding: 5px 20px; border-radius: 10px; color:#fff;}
#gnb_hover > li .gnb_hover:after {clear:both; content: ""; display:block;}
#gnb_hover > li .gnb_hover {float:left; margin-top:10px;}
#gnb_hover > li .gnb_hover li {line-height:15px; padding:15px 0; width: 200px;}
#gnb_hover > li .gnb_hover li a {font-size:16px; color:#585858; font-weight: 600;}
#gnb_hover > li .gnb_hover li a:hover {color:#ea7d7f;}
#header.on_hover {background: #fff; height:340px; border-bottom: 1px solid #ddd; transition: 0.5s; }
#header.on_hover .top_menu span a {color:#000;}

/*스크롤시 헤더 변경*/
.head_scroll_on {background:#fff !important;}
.head_scroll_on a {color:#000 !important;}
.head_scroll_on #gnb > li.gnb_on a {color:#fff !important;}
.head_scroll_on #gnb_hover > li .gnb_hover li a {font-size:16px; color:#585858 !important; font-weight: 600;}
.head_scroll_on #gnb_hover > li.gnb_on > a {color:#fff !important;}
.head_scroll_on #gnb_hover > li .gnb_hover li a:hover {color:#ea7d7f !important;}

/*헤더 오버*/
#gnb_hover > li .btn4::before {content: '';position: absolute;bottom: 0%;left: 0px;width: 100%;height: 2px;background: #eb7085;display: block;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transform: scale(0, 1);-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);transition: transform 0.4s cubic-bezier(1, 0, 0, 1)}
#gnb_hover > li .btn4:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1)}

/*퀵메뉴*/
#quickmenu {position:absolute; top:180px; right:3%; z-index:999; width:100px; display:none;}
#quickmenu li {width:100px; color:#fff; font-size:15px; text-align:center; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); }
#quickmenu li a {display:block; width:100%; height:100%; color:#fff; padding:20px 0; }
#quickmenu li a p{color:#222; font-weight:bold;}
#quickmenu li img {margin-bottom:13px;}
#quickmenu li.quick_li_01 {height:46px; line-height:47px; margin-bottom:1px; background:#e3023e; font-size:15px; color:#fff; font-weight:bold; border-radius:10px 10px 0 0 ;}
#quickmenu li.quick_li_02 {width:100%; height:101px; margin-bottom:1px; background:rgba(255, 255, 255, 0.9);}
#quickmenu li.quick_li_03 {width:100%; height:131px; margin-bottom:1px; background:rgba(255, 255, 255, 0.9); padding-top:17px;}
#quickmenu li.quick_li_03 p {font-size:14px; color:#222; line-height:22px; margin-bottom:13px;font-weight:bold;}
#quickmenu li.quick_li_03 strong {display:block; line-height:22px; font-size:22px; color:#e3023e; }
#quickmenu li.quick_li_03 img {margin-bottom:7px;}
#quickmenu li.quick_li_04 {width:100%; height:45px; background:#333;border-radius: 0 0 10px 10px;}
#quickmenu li.quick_li_04 a {font-size:14px;color:#fff; line-height: 10px;display: block;width: 100%;font-weight:bold;height: 100%;}
#quickmenu li.quick_li_04 a img {margin-left:5px;}

/*퀵메뉴 - 유튜브 영상 바로가기*/
.main_quick_btn {position:fixed; right:50px; bottom:50px; z-index:999; filter: drop-shadow(4px 4px 4px #777);}
.main_quick_btn:hover img:nth-child(2) {margin-left:-7px; transform: scale(1.2);}
.main_quick_btn img {float:left;}
.main_quick_btn img:nth-child(2) {margin-left:-17px; transition: 0.3s;}

#visual_wrap{width:100%; height:1080px; position:relative; overflow:hidden; background:#fff; }
#visual_wrap p {height:1080px !important;}

/*메인슬라이드*/
.bx-wrapper .bx-prev {left:40% !important;}
.bx-wrapper .bx-next {right: 40% !important;}

/*21-09-15 메인배너 추가*/
.swiper-container {width: 100%; height: 1080px;}
.swiper-container	.swiper-slide{display: flex; justify-content: center; align-items: center;}
.swiper-progress-bar{width: 400px; height: 4px; position: relative; margin: 20px auto; background: #fff; bottom:100px; z-index: 1;}
.swiper-progress-bar .progress{height: inherit; left: 0;top: 0; position: absolute; background: #161616; z-index: 1;}
.swiper-progress-bar .progress-sections{left:0; top:0; position:absolute; height:inherit; width:inherit; z-index:2; display:flex; flex-direction: row;}
.swiper-progress-bar .progress-sections	span{flex: 1; height: inherit; border-right: 3px solid #fff;}
.visual_wrap .visual .swiper-slide {color:#fff; position: relative; width:100% !important; overflow: hidden;}
.visual_wrap .visual .swiper-slide p {position:absolute; left:20%; top:35%; font-size:4.3vw; font-weight: 900; line-height:1.2; padding-left: 600px;}
.visual_wrap .visual .swiper-slide p.visual_ban_txt {animation: fadein 1s;-moz-animation: fadein 1s;-webkit-animation: fadein 1s;-o-animation: fadein 1s;}


@keyframes fadein {
  from {
        opacity:0;
        top:60%;
        }
        to {
          opacity:1;
          top:35%;
        }
}

.visual_wrap .visual .swiper-slide p span.visual_ban_txt2 {animation: fadein2 2s;-moz-animation: fadein2 2s;-webkit-animation: fadein2 2s;-o-animation: fadein2 2s;}
@keyframes fadein2 {
    from {
          opacity:0;
          top:130%;
          }
          to {
            opacity:1;
            top:105%;
          }
}

.visual_wrap .visual .swiper-slide p span {font-size:2.3vw; font-weight: 300; position:absolute; top:105%;}
.visual_wrap .visual .swiper-slide img {width:100%; height:100%; transform: scale(1.3); }
.visual_wrap .visual .swiper-slide img.img_zoom {transform: scale(1); transition: 4s;}

.visual_wrap .swiper-button-prev {background:url(/assets/images/main/main_banner_prev.png) no-repeat center; width:43px; height:75px;}
.visual_wrap .swiper-button-next {background:url(/assets/images/main/main_banner_next.png) no-repeat center; width:43px; height:75px;}

/* main_quick */
.main_quick{width:100%; height:160px; padding-bottom:100px; background:#fff url(/assets/images/main/bg_quick.jpg) top center no-repeat; }
.main_quick .inner{width:1200px; margin:0 auto; height:60px; }
.quick01{width:50%; float:left; height:60px; position:relative; padding-left:30px; }
.quick01 h2{font-size:20px; color:#ffffff; line-height:60px; }
.quick01 span.btn_more{display:block; width:36px; height:36px; border:1px solid #fff; border-radius:50%; position:absolute; right:30px; top:12px; text-align:center; padding-top:10px; transition:all 300ms linear; }
.quick01:hover span.btn_more{box-shadow: 0 0 5px 2px rgba(255,255,255,.4);}
.quick02{width:50%; float:left; height:60px; position:relative; padding-left:30px;}
.quick02 h2{font-size:20px; color:#272727; line-height:60px; }
.quick02 span.btn_more{display:block; width:36px; height:36px; border:1px solid #272727; border-radius:50%; position:absolute; right:30px; top:12px; text-align:center; padding-top:10px; transition:all 300ms linear;}
.quick02:hover span.btn_more{box-shadow: 0 0 5px 2px rgba(39,39,39,.5);}

/*****메인 중간 슬라이드 배너*****/
#section2{width:100%; height:980px; margin-top:100px;  background:#fff; overflow:hidden; position: relative;}
.sect2_left {width:32%; height:980px; position:absolute; left:0; top:0; margin:70px 0 0 140px; color:#222; overflow:hidden;}
.sect2_left p {font-size:40px; line-height: 1.3; letter-spacing: -0.5px; font-weight:300;}
.sect2_left .line_wrap {font-size:50px; font-weight:900; letter-spacing: -2px; display: inline-block; position: relative;}
.sect2_left .line_wrap .txt_line {display: inline-block; position: absolute; left: 0; bottom: 0; width: 20%; z-index: -1; height: 33px; margin-left: 10px; transition: all 2s;}


.sect2_left .line_wrap .txt_line::before {content: ''; display: block; position: absolute; left: -8px; top: -2px; width: 8px; height: 100%;}
.sect2_left .line_wrap .txt_line::after {content: ''; display: block; position: absolute; right: -8px; top: -2px; width: 8px; height: 100%;}
.sect2_left .line_wrap .line_yellow {background: url(/assets/images/text_line_yellow.png) repeat-x 0 0;}
.sect2_left .line_wrap .line_yellow::before {background: url(/assets/images/text_line_yellow_b.png) no-repeat center;}
.sect2_left .line_wrap .line_yellow::after {background: url(/assets/images/text_line_yellow_a.png) no-repeat center;}

.sect2_left .line_wrap .line_pink {background: url(/assets/images/text_line_pink.png) repeat-x 0 0;}
.sect2_left .line_wrap .line_pink::before {background: url(/assets/images/text_line_pink_b.png) no-repeat center;}
.sect2_left .line_wrap .line_pink::after {background: url(/assets/images/text_line_pink_a.png) no-repeat center;}
.sect2_right{width:68%; height:980px; position:absolute; right:0; top:0; overflow: hidden;}
.sect2_right video, .sect2_right source {bottom: 0;left: 0;min-height: 100%;min-width: 100%;position: absolute;}
#section2 .swiper-button-prev {left:350px; top:40%; background:url(/assets/images/ban_prev.png) no-repeat center;}
#section2 .swiper-button-next {left:400px; top:40%; background:url(/assets/images/ban_next.png) no-repeat center;}


/*메인 중간 영상*/
#section3 {position:relative;}
#section3 .sect3_video {margin-top: 400px;}
#section3 .sect3_video video {position: static; width: 100%;}
#section3 .sect3_txt  {width:1600px; margin:0 auto; font-size:50px; z-index: 2; overflow: hidden; position:absolute; top:260px; left:160px;}
#section3 .sect3_txt > div {float:left; width:50%; overflow: hidden;}
#section3 .sect3_txt .sect3_txt_left {color:#161616; line-height: 1.3;}
#section3 .sect3_txt .sect3_txt_left p span{font-weight: 900;}
#section3 .sect3_txt .sect3_txt_right{color:#dedede; font-weight: 900; font-size: 60px;}

/*하단 후기 배너*/
#section4 .banner_review_wrap {width:100%; overflow: hidden;}
#section4 .sect4_txt {text-align:right; font-size:50px; padding:0 160px 60px 0; line-height: 1.3; color:#161616;}
#section4 .sect4_txt span{font-weight: 900;}


#section3{width:100%; height:auto; padding:100px 0; background:#fff; }
#section3 .inner{width:1200px; height:505px; margin:0 auto;  position:relative;}
#section3 .inner > div{width:600px; }
.sect3_left{position:absolute; left:0; top:0; }
.sect3_left h2{width:100%; height:60px; background:#4b4f57; line-height:60px; font-size:28px; color:#ffffff; padding-left:35px;}
.sect3_left h2 span{font-size:13px; font-weight:normal; }
.sect3_right{position:absolute; right:0; top:0;}
.sect3_right h2{width:100%; height:60px; border:3px solid #4b4f57; line-height:54px; font-size:28px; color:#4b4f57;  padding-left:35px;}
.sect3_right h2 span{font-size:13px; font-weight:normal; }
.program_info{}
.program_info > div{width:280px; height:160px; background:#fafafc; margin-top:70px; margin-left:20px; float:left; position:Relative; }
.pro_hehe{}
.pro_hoho{}
.program_info h3{font-size:20px; color:#4b4f57; position:absolute; left:22px; top:-13px;}
.red_dot{margin-top:25px; padding-left:22px;}
.red_dot li{background:url(/assets/images/main/dot_red.jpg) 0 11px no-repeat; padding-left:13px; font-size:14px; color:#444444; line-height:26px;}
.red_dot li span.red{color:#b4171e; }
.hehehoho_point{margin-top:50px; width:210px; position:relative; font-size:20px; color:#4b4f57; line-height:28px;  }
.hehehoho_point h3{text-align:right; }
.hehehoho_point .red_dot{position:absolute; left:220px; top:0; width:370px; margin-top:0; }

/* section04 */
#section4{width:100%; height:840px; padding:95px 0 100px; background:#fff; }
#section4 .inner{width:1200px; margin:0 auto; }
#section4 h2{font-size:28px; color:#373737; line-height:1; }
.sns_wrap{width:1290px; margin-left:-45px; margin-top:30px;}
.sns_wrap .sns_box{float:left; margin:0 45px; width:340px; height:500px; position:relative; }
.sns_wrap .sns_img{width:340px; height:340px; display:table-cell; text-align:center; vertical-align:middle; }
.sns_wrap .sns_img img{max-width:340px; max-height:340px; opacity:1;  filter : alpha(opacity=100); transition:all 300ms linear; }
.sns_wrap .sns_box:hover .sns_img img{opacity:0.8;  filter : alpha(opacity=80) ;  }
.sns_wrap .sns_icon_date{margin-top:15px; height:37px; width:340px; position:relative; }
.sns_wrap .sns_icon_date span{position:absolute; right:0; top:0; line-height:37px; font-size:13px; color:#444444; }
.sns_wrap .sns_icon_date img{}
.sns_wrap p{word-break:keep-all; font-size:14px; color:#444444; line-height:26px; margin-top:10px;}
a.btn_ask{display:block; width:240px; height:60px; margin:20px auto 0; border:2px solid #dddddd; text-align:center; line-height:56px; font-size:17px; color:#444444; transition:all 200ms linear; }
a.btn_ask:hover{box-shadow: 0 0 5px 2px rgba(221,221,221,.5);}

/* quick */
.quick_wrap a{position: fixed; bottom: 180px;right: 50px; width: 120px; height: 120px; background: #fff; transition:.4s; border-radius:50%;
z-index: 1000; background: url(/assets/images/main/quick_apply.png)center no-repeat ;background-size: cover;}
.quick_wrap a:hover{background: url(/assets/images/main/quick_apply_hover.png)center no-repeat ;background-size: cover; cursor:pointer;}


/*푸터 */
#footer{width:100%; height:295px; border-top:1px solid #e7e7e7; background:#fff;}
#footer .inner{width:1600px; margin:0 auto; position:relative; padding-top:65px;}
.foot_sitemap{}
.foot_sitemap > li{float:left; line-height:24px; }
.foot_sitemap > li > span{font-size:15px; color:#7e7e7e; }
.sitemap_2depth{margin-top:15px;}
.sitemap_2depth li{font-size:13px; line-height:28px;}
.sitemap_2depth li a{color:#4e4e4e; }
.foot_txt{position:static; width: auto; text-align: center;}
.foot_txt h2{position:absolute; top:65px; left:0;}
.foot_txt address{font-size:0; margin-top:10px;}
.foot_txt address span, .foot_txt p.copyright{font-size:12px; color:#4e4e4e; line-height:22px; }

.mem_tab {margin-top:0;}
.mem_tab span {display:inline-block; position:relative; padding-right:15px; margin-right:15px;}
.mem_tab span:last-child {padding-right:0; margin-right:0;}
.mem_tab span:last-child::before {display:none;}
.mem_tab span::before {width:1px; height:15px; background:#4e4e4e; position:absolute; right:0; top:6px; content:'';}
.mem_tab span a {font-size:15px; color:#4e4e4e; font-weight:bold;}

#footer .foot_sns {position:absolute; right:0; bottom:0;}
#footer .foot_sns ul li{float:left; margin-left:10px;}


/* sub */
#location{/* height:170px; */ border-top:1px solid #dddddd; text-align:center; position:relative; margin-bottom: 25px;}
#location span.path{font-size:18px; color:#4b4b4b; position:absolute; left:50%; margin-left:-600px; top:25px; line-height: 40px; font-weight: 900;}
#location span.path img{margin-right: 30px;}
#location span.path img.path_next {vertical-align: middle; margin-left:30px;}
#location span.path strong{color:#4b4f57; padding: 0px 20px 0 5px; font-weight: 900;}
#location h3.page_title{font-size: 30px; color: #eab82a; font-weight: bold; line-height: 40px; text-align: left;/* font-size:40px; color:#4b4f57; padding-top:55px; */ display:none;}
#location h3.page_title span{display:block; font-size:14px; color:#777777; font-weight:normal; margin-top:2px;}

.lnb_wrap{width:100%; /*height:70px; background:#f5f5f5; display:none;*/}
.lnb{width:1200px; margin:0 auto; height:70px; }
.lnb > li{float:left; height:70px; text-align:center; line-height:70px; background:url(/images/sub/bar_lnb.jpg) right center no-repeat; }
.lnb > li:last-child{background:none; }

.lnb_type3 > li{width:33.333%; }
.lnb_type4 > li{width:25%; }
.lnb_type5 > li{width:20%; }
.lnb_type6 > li{width:14%; }
.lnb > li > a{display:block; width:100%; height:100%; font-size:20px; color:#4b4f57; font-weight:bold; }
.lnb > li > a.over{background:#eab82a; color:#fefefe; }

#sub_contents{min-height:600px; padding-bottom:70px; padding-top: 100px;}
#sub_contents02{min-height:600px; padding-bottom:0 !important; padding-top: 100px;}
strong.sub_title{font-size:30px; color:#4b4f57; font-weight:normal; line-height:40px;}
strong.sub_title2{font-size:20px; color:#8EADF0; font-weight:normal; line-height:40px;}

/* 히히호호 - 브랜드 */
.sub0101_section1{text-align: center; padding:0px 0;}
.sub0101_section1 .left_txt p{font-size:36px; color:#161616; font-weight:normal; line-height:40px;}
.sub0101_section1 .left_txt p strong{font-weight: 900; background: url("/images/sub01/sub_txt_underline.png") no-repeat center 36px; padding: 10px; background-size: contain;}
.sub0101_section1 p.right_txt{font-size:20px; color:#161616; line-height:30px; letter-spacing: 1.1px;}
.sub0101_section2{width:100%; height:900px; text-align:center; background:#fffae0; padding-top:70px;}
.sub0101_section2 p{font-size:22px; color:#161616; line-height:34px; padding:20px 0;}
.sub0101_section2 p strong {font-weight:900;}
.sub0101_section3{}
.sub0101_section3 dl{}
.sub0101_section3 dt{font-size:20px; color:#eab82a; font-weight:bold; line-height:30px; margin-top:40px;}
.sub0101_section3 dd{font-size:16px; color:#555555; line-height:28px; margin-top:13px;}

.sub0102_section1 {padding:50px 0;}
.sub0103_section1 .sub_teacher {text-align: center; background: #fffae0; padding:80px 0;}
.sub0103_section1 .sub_teacher p {font-size: 30px; color:#161616;}
.sub0103_section1 .sub_teacher p strong {font-weight:900;}
.sub0103_section1 .sub_teacher span {font-size:22px; color:#161616; margin: 50px 0 100px; display: block;}
.sub0103_section2 h4 {text-align: center; color:#161616; padding: 15px 0; height:auto; font-size:30px;}
.sub0103_section2 h4 .txt_pink {color:#ee4e5a; font-weight:900;}

.sub0103_section2{width: 100%;}
.sub0103_txt{padding-bottom: 70px;}
.sub0103_section2 dt{font-size:20px; color:#09acb2; font-weight:bold; line-height:30px; margin-top:40px;}
.sub0103_section2 dd{font-size:16px; color:#555555; line-height:28px; margin-top:13px;}
.sub0103_txt{width:1200px; margin: 0 auto;}
.sub0104{width: 1200px; padding: 20px; border: 1px solid #dadada; margin-top: 10px;}
.sub0104_txt{float: left; margin-top: 5px; margin-left: 20px;}

.sub0201_section1{background: url(/images/sub01/sub0103_shape_bg2.jpg) top center no-repeat; width: 100%; padding-bottom: 110px;}
.sub0201_section1_1{width: 50%; float: left;}

.sub0201_section2{background: #e1eef6; width: 100%;}
.sub0201_section2_img{position: absolute; top: 922px;}
.sub0201_section3{background: #f7f9f0;}
.sub0201_section4{background: url(/images/sub02/sub0201_4_bg.jpg) top center no-repeat; width: 100%;}

.sub0202_section1{width:100%; text-align:center; }
.sub0202_section1 .sub0202_img {background:#fffae0; padding:90px 0; margin-top:80px;}
.sub0202_section1 p{font-size:26px; color:#4b4f57; line-height:40px;}
.sub0202_section2{background: url(/images/sub02/sub0202_2_bg.jpg) top center no-repeat; width: 100%; height: 679px;}


.sub0202_section3 dl{}
.sub0202_section3 dt{font-size:20px; color:#649F48; font-weight:bold; line-height:30px; margin-top:40px;}
.sub0202_section3 dd{font-size:16px; color:#555555; line-height:28px; margin-top:13px;}
.sub0202_section3 .sub0202_section3_txt{margin-left: 50px;}
.sub0202_section3_txt .sub0202_section3_txt dt.round{font-size:20px; color:#ffffff; font-weight:bold; display:inline-block; width:130px; height:130px; line-height:130px; text-align:center; border-radius:50%; background:#ff6666; margin-right:30px; }
.sub0202_section3_txt .sub0202_section3_txt dt.round2{font-size:20px; color:#ffffff; font-weight:bold; display:inline-block; width:130px; height:130px; line-height:30px; text-align:center; border-radius:50%; background:#ff6666; margin-right:30px; padding-top: 35px;}
.sub0202_section3_txt .sub0202_section3_txt dl{float: left;}
.sub0202_section3_txt .sub0202_section3_txt dt{float: left;}
.sub0202_section3_txt .sub0202_section3_txt dd{float: left; width: 340px;}


.sub0203_section1{background: #fef2e3; padding-top:50px; text-align: center;}
.sub0203_section1 p{font-size:26px; color:#4b4f57; line-height:40px;}


/* 히히호호-스토리 */
h2.h2_title{font-size:34px; color:#161616; line-height:40px; text-align: center; font-weight: normal;}
h2.gallery_m{display:none;}
h2.h2_title strong {font-weight: 900;}
h2.h2_title span{font-weight:normal;}
h3.h3_bullet{background:url('/images/sub01/bullet.jpg') 0 10px no-repeat; padding-left:22px; font-size:22px; color:#eab82a; margin-bottom:15px; margin-top:40px;}
h3.h3_mintbullet{background:url('/images/sub/mintbullet.jpg') 0 10px no-repeat; padding-left:22px; font-size:22px; color:#09acb2; margin-bottom:15px; margin-top:40px;}
h3.h3_greenbullet{background:url('/images/sub/greenbullet.jpg') 0 10px no-repeat; padding-left:22px; font-size:22px; color:#6ca880; margin-bottom:15px; margin-top:40px;}
h3.h3_orangebullet{background:url('/images/sub/orangebullet.jpg') 0 10px no-repeat; padding-left:22px; font-size:22px; color:#ff5f01; margin-bottom:15px; margin-top:40px;}
h3.h3_bluebullet{background:url('/images/sub/bluebullet.jpg') 0 10px no-repeat; padding-left:22px; font-size:22px; color:#193441; margin-bottom:15px; margin-top:40px;}
h4{font-size: 18px; height: 27px; margin-top: 20px;}
h4 span.mint{color:#09acb2;}
ul.bullet-list li{background: url('/images/sub/bullet-list.png') 0 12px no-repeat; padding-left: 10px; font-size: 16px; line-height: 28px;}
.cont18{font-size:18px; line-height:28px; color:#161616; text-align: center; padding: 20px 0; margin-bottom: 50px;}
.sub0102_stroy {background:#fffae0; text-align: center; padding:70px 0;}
.sub0102_stroy .cont18 {font-weight: 900; font-size: 20px; line-height: 34px;}


/* 교육문의 히히호호도구세트*/
.sub_productset{}
.sub_productset dl{}
.sub_productset dt{font-size:20px; color:#eab82a; font-weight:bold; line-height:30px; margin-top:40px;}
.sub_productset dd{font-size:16px; color:#555555; line-height:28px; margin-top:13px;}


/* 커뮤니티 - 우리아이 사진방 */
#sub_contents table tbody tbody tbody tr td {width:280px; height:230px;}
#sub_contents table tbody tbody tbody tr td a {display:block;}
#sub_contents table tbody tbody tbody tr td a img {width:280px; height:230px; object-fit: cover;}

/* 커뮤니티 - 공식 SNS */
#sub_contents .bbs_categ td {background:#ec7766; border:none; text-align: center;}
#sub_contents .bbs_categ td a{color:#fff;}
#sub_contents .bbs_categ td a span {color:#fff !important;}

/* 문의하기 - 그룹모집 */
.community_group {text-align: center;padding: 50px 0; color:#161616;}
.community_group h2 {font-size:34px; margin-bottom:50px; font-weight: normal;}
.community_group h2 strong {font-weight: 900;}
.community_group .community_shape {font-size: 20px; background: #fffae0; padding-top:50px; width:1920px; margin-left: -380px;}
.community_group .community_shape strong {font-weight: 900;}
.community_group .community_shape img {margin:70px 0;}

























/* sub */
#sub_visual_wrap { position:relative;}
#sub_visual_wrap .txt_wrap { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; line-height:1;}
#sub_visual_wrap .txt_wrap h2 { margin-bottom:30px; font-size:40px; color:#fff; font-weight:600;}
#sub_visual_wrap .txt_wrap .sub_list { display:flex;align-items:center;gap:46px;justify-content: center;}
#sub_visual_wrap .txt_wrap .sub_list li { position:relative;font-size:17.5px; color:#fff; font-weight:400;}
#sub_visual_wrap .txt_wrap .sub_list li::before { content:''; position:absolute; right:-25px; top:5px;width: 4px;height: 4px;border-radius: 50%;background: #fff;}
#sub_visual_wrap .txt_wrap .sub_list li:last-child::before{display: none;}

#location{/* height:170px; */ border-top:1px solid #dddddd; text-align:center; position:relative; margin-bottom: 25px;}
#location span.path{font-size:18px; color:#4b4b4b; position:absolute; left:50%; margin-left:-600px; top:25px; line-height: 40px; font-weight: 900;}
#location span.path img{margin-right: 30px;}
#location span.path img.path_next {vertical-align: middle; margin-left:30px;}
#location span.path strong{color:#4b4f57; padding: 0px 20px 0 5px; font-weight: 900;}
#location h3.page_title{font-size: 30px; color: #eab82a; font-weight: bold; line-height: 40px; text-align: left;/* font-size:40px; color:#4b4f57; padding-top:55px; */ display:none;}
#location h3.page_title span{display:block; font-size:14px; color:#777777; font-weight:normal; margin-top:2px;}

.quick_wrap.sub_quick_wrap a{position: fixed;bottom: 180px;right: 50px;}


#sub_contents{padding: 100px 0;}
#sub_contents.inner_none > .inner{width: 100%;}
/* shopping cart */
.cart_bg{background:#E4E4E4; padding-block:30px; height:auto; display:flex; justify-content: center; align-items: center;}
.cart_wrap{display: flex; width: 1660px; min-width: 1200px; padding: 100px 0; flex-direction: column; align-items: center; gap: 80px; background:#fff;}
.tit_wrap h3{color: #333; font-family: Pretendard; font-size: 48px; font-style: normal; font-weight: 700; line-height: 48px;}

.item_wrap{display: flex; width:100%; max-width: 1280px; flex-direction: column; align-items: flex-start; gap: 10px;}
.item_list{width: 100%; max-width: 1280px; border-top: 2px solid #111;}
.item_list tr{text-align: center; border-bottom:1px solid #eee;}
.item_list tr th{padding:20px 0; color: #333; font-family: Pretendard; font-size: 14px; font-weight: 400; line-height: 14px; }
.item_list tr td{padding:15px 0; color: #333; font-family: Pretendard; font-size: 14px; font-weight: 400; line-height: 14px;}
.item_list .img_wrap{max-width:100px;}
.item_list .img_wrap img{width:100%; object-fit:cover;}
.item_list tr td:nth-child(3){padding:15px; text-align: left;}
.item_list tr td:nth-child(5),
.item_list tr td:nth-child(8){font-weight: 700;}
.item_list tr td:nth-child(6){color: #DA120D;}
.item_list tr td:nth-child(7){color: #067DFD;}
.item_list tr td span{font-weight:400;}

.num_check{width:100%; position: relative; display: inline-block; margin: 0 1px 0 0; text-align: left;}
.num_check a {width:25px; height: 28px; display: inline-block; border: 1px solid #ddd; float: left; line-height: 26px; text-align: center; font-size:14px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; box-sizing: border-box; position: relative; left: 0; bottom: 0; text-decoration: none;}
.num_check input[type="tel"] {width: calc(100% - 50px); height: 28px; text-align: center; font-size: 14px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; border: 1px solid #ddd; float: left; border-left: 0; border-right: 0; box-sizing: border-box;}

.btn02_wrap{display: flex; justify-content: space-between; align-items: center; align-self: stretch;}
.btn02_wrap button{color: #333; font-family: Pretendard; font-size: 14px; display: flex; padding: 10px 20px; justify-content: center; align-items: center; gap: 10px; border: 1px solid #CCC; background: #FFF;}

.price_wrap{width: 100%; max-width: 1280px; border-top: 2px solid #111;}
.price_wrap tr{text-align: center; border-bottom:1px solid #eee;}
.price_wrap tr th{padding: 20px 15px; font-family: Pretendard; color: #333; font-size: 14px; font-weight: 400; line-height: 14px;}
.price_wrap tr td{padding: 20px 15px; font-family: Pretendard; color: #333; font-size: 24px; font-weight: 700; line-height: 24px;}
.price_wrap tr td span{font-size:18px;}
.price_wrap tr td:nth-child(2){color: #DA120D;}
.price_wrap tr td:nth-child(3){color: #067DFD;}
.price_wrap tr td:last-child{position: relative;}
.price_wrap tr td:last-child::after{content:''; position: absolute; left:0; top: 50%; transform:translateY(-50%); background: url('/assets/images/sub/equal_sign.svg')center no-repeat; background-size:cover; width: 30px; height:30px;}

.btn01_wrap{display: flex; align-items: flex-start; gap: 10px;}
.btn01_wrap button{display: flex; width: 200px; height: 60px; justify-content: center; align-items: center; color: #FFF; font-size: 16px; font-weight: 700;}
.btn01_wrap button:nth-child(1){border-radius: 5px; border: 1px solid #CCC; background: #FFF; color: #333;}
.btn01_wrap button:nth-child(2){border-radius: 5px; background: #F2AB00;}