/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@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'); 
 }

/* Common **********************************************************************/ 
html,body {width:100%; }
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:12px; line-height:1.6;    font-family: 'Noto Sans KR';color:#555555;} 

a:link,a:active,a:visited{color:#555555; text-decoration:none; border:0px;}
a:hover,a:focus{color:#555555; 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{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*/


/*멤버스킨*/
.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;}

/*main*/
.f_left{float:left;}
.f_right{float:right;}
.t_center{text-align:center;}

/*로그인스킨*/
.mobile_loginWrap{}
.mobile_loginWrap th{height:35px; background-color:#f0f0f0; font-size:13px; color:#333333; font-weight:bold; }
.mobile_loginWrap td{height:35px;background-color:#f0f0f0; }
input.input_mobile_login{width:85%; height:22px; color:#666666;background-color:#ffffff; border:1px solid #DFDFDF; -webkit-border-radius:0px;  -webkit-appearance:none; }
.btn_login_mobileWrap{text-align:center;}
.login_btn_mobile{width:80%; height:35px; font-size:14px; font-weight:bold; color:#ffffff; background:#333333; border:0 none; }

/*회원가입 스킨*/
.inWrap {width:98%;   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:12px;}
.btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; }
.btnWrap input{font-family:"Nanum Barun Gothic"; color:#fff;}


#wrap{width:100%; min-width:320px; position:relative; overflow:hidden;}

/* ==main== */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

#header{border-bottom: 1px solid #ddd; padding: 20px 0;}
#header .inner{position:relative;}
#header h1 a{display: flex; width: 190px;}
#header .nav_btn{position: absolute; right: 2.6%;	top: 50%; transform:translateY(-50%); background: url(/images/main/main_ham_mob.png)center no-repeat; background-size:cover; width: 20px; height: 14px;}

/* navigation */
#header.on .nav_btn{position: absolute; top: 50%; transform:translateY(-50%); right: 2.6%;display: block; background: url(/images/main/main_close_mob.png)center no-repeat; width: 18px; height: 19px; background-size: cover;}
.navigation{position: absolute;left: 0;top: 63px;width: 100%;height: 100%;z-index: 3500; display:none;}
.navigation .lnb{position:absolute; top: 0px; z-index:5000; width:60%;background-color:#fff;height:100%; right: 0px; }
.navigation.on{display:block;}
.navigation .login_wrap{display: flex; justify-content: center; gap:15px; padding: 12px 0; border-bottom: 1px solid #ddd;}
.navigation .login_wrap a{font-size: 11px; color: #4d4d4d; border: 1px solid #ddd; border-radius:5px; padding: 4px 20px;}
.navigation h3{width:100%;}
.navigation h3.active a:after{background:url(/images/sub/main_navi_arw_mob_on.png)center no-repeat; background-size:cover; width: 14px; height: 8px;}
.navigation h3 a{position: relative;line-height: 45px;width:100%; display: flex;align-items: center;padding: 0 10px;color:#222222;font-size:13px; font-weight: 400; border-bottom:1px solid #dddddd;}
.navigation h3 a:after{content:"";position: absolute;top: 50%;transform:translateY(-50%);right: 10px;width: 14px;height: 8px;background:url(/images/main/main_navi_arw_mob.png)center no-repeat;background-size:cover ;}
.navigation ul{display: block; padding:10px 0;background:#f6f6f6;}
.navigation ul li a{color:#666;font-size:12px;font-weight: 400;margin-left: 10px; word-break:keep-all;line-height: 30px;}
.navigation ul li:hover a{font-weight:600 ; color: #222222; border-bottom:1px solid #222222;}
.navigation ul li a.on{color: #222;}
.navigation ul li a:after{display: none;}
.navi_bg{display: none;position: absolute;top: 63px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1000;} 

#section01 #visual_wrap{position: relative;}

.visual_txt{position:absolute; top:80px; padding-left: 50px;}
.visual_txt em{display: block; line-height: 1; font-size:35px; color:#fff; font-weight: 700;}
.visual_txt p{font-size:20px; color:#fff; line-height: 1; margin-top: 35px;}

.visual_item{position: absolute;display: flex; align-items: center; left:50%; transform:translateX(-50%); bottom: 24px; font-size: 0; z-index: 300;}
.visual_item .pager{display: flex; margin-right: 15px;}
.visual_item .pager a{position:relative; display: block; width:5px; height: 5px; border-radius: 4.5px; margin-right: 8px; background-color: #fff; opacity: 0.5;}
.visual_item .pager a:last-child{margin-right: 0;}
.visual_item .pager a.active{width:13px; opacity: 1;}
.visual_item .auto{position:Relative; width: 10px; height: 10px;}
.visual_item .play{position:absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/main/main_visual_play.png)center no-repeat;}
.visual_item .pause{position:absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/main/main_visual_pause.png)center no-repeat; -webkit-background-size: cover;
background-size: cover;}

#section01 .con01{padding: 35px 0;}
#section01 .con01 .member_box{height:213px; border-radius:5px; border: 1px solid #ddd; padding: 26px 24px 0;}
#section01 .con01 .member_box .tit{display: flex; align-items: flex-end;}
#section01 .con01 .member_box .tit em{display: block; line-height: 1; font-size:24px; font-weight: 700; color:#111; margin-right: 10px;}
#section01 .con01 .member_box .tit span{display: block; line-height: 1; font-size:14px; color:#aaa;}
#section01 .con01 .member_box .input_wrap{display: flex; justify-content: space-between; margin-top: 19px;}
#section01 .con01 .member_box .input_wrap .input_box{width:204px; }
#section01 .con01 .member_box .input_wrap .input_box input{display: block; height: 40px; width:100%; border-radius:5px; border: 1px solid #ddd; padding:0 15px}
#section01 .con01 .member_box .input_wrap .input_box input:last-child{margin-top: 5px;}
#section01 .con01 .member_box .input_wrap .input_box input::placeholder{font-size: 14px; color:#aaa}
#section01 .con01 .member_box .input_wrap .input_box input::-webkit-input-placeholder{font-size: 14px; color:#aaa}
#section01 .con01 .member_box .input_wrap .input_box input:-ms-input-placeholder{font-size: 14px; color:#aaa}
#section01 .con01 .member_box .input_wrap button{display: block; width:85px; height:85px; font-size: 14px; color:#fff; font-weight: 500; border-radius:5px; background-color: #444444; text-align: center; line-height: 85px;}
#section01 .con01 .member_box .member_link{display: flex; align-items: center;  margin-top: 12px;}
#section01 .con01 .member_box .member_link a{font-size: 14px; color:#999999}
#section01 .con01 .member_box .member_link span{display: block; width: 1px; height: 10px; background-color: #c3c3c3; margin: 0 10px}

#section01 .login_member_wrap{position:relative; height: 213px; border-radius: 5px; border: 1px solid #ddd; padding: 0px 20px 0;}
#section01 .login_member_wrap .wrap_tit{position:absolute; left: 0; top: 0; width: 100%; height:45px; border-radius: 5px; background-color: #f8f8f8;}
#section01 .login_member_wrap .wrap_tit em{display: block; line-height: 45px; font-size:16px; color:#888; padding-left: 22px;}
#section01 .login_member_wrap .mem_all{display: flex; justify-content: flex-start; align-items: center; }
#section01 .login_member_wrap .mem_all .img_wrap{padding:15px; border:1px solid #ddd; border-radius:50%; }
#section01 .login_member_wrap .mem_all .txt_wrap{padding:10px; margin-top:20px;}
#section01 .login_member_wrap .mem_all .txt_wrap p{font-size:20px; color:#222; font-weight:600;}
#section01 .login_member_wrap .mem_all .txt_wrap p span{font-size:15px;font-weight: normal;}
#section01 .login_member_wrap .mem_all .txt_wrap em{font-size:14px; color:#555;}
#section01 .login_member_wrap .logout_btn{ margin-top:15px; padding: 30px 0; width:100%;background: #e5eef8; display:flex; justify-content: center; gap:10px; border-radius:5px;}
#section01 .login_member_wrap .logout_btn a.my{font-size:14px; color:#fff; background:#023c81; padding:10px 30px;}
#section01 .login_member_wrap .logout_btn a.log{font-size:14px; color:#fff; background:#323232;padding:10px 30px;}

#section01 .con01 .link_wrap{display: flex; justify-content: space-between;gap: 5px;}
#section01 .con01 .link_wrap a{position:relative; display: block; overflow: hidden; width: 30%;}
#section01 .con01 .link_wrap a .link_con{position: absolute; top: 20px; left: 10px;}
#section01 .con01 .link_wrap a .link_con img{padding-top: 15px;}
#section01 .con01 .link_wrap a em{position:relative; display: block; font-size: 15px; font-weight: 700; color:#fff; z-index: 10;}
#section01 .con01 .link_wrap a em:after{content:''; position:absolute; right:-25px; top: 50%; transform:translateY(-50%); width:18px; height: 18px; border-radius:50%;}
#section01 .con01 .link_wrap a:hover:before{transform: scale(1.1);}
#section01 .con01 .link_wrap a:nth-child(1) em:after{background: url(/images/main/main_more01.png)center no-repeat #fff;}
#section01 .con01 .link_wrap a:nth-child(3) em:after{background: url(/images/main/main_more01.png)center no-repeat #fff;}
#section01 .con01 .link_wrap a:nth-child(2) em:after{background: url(/images/main/main_more02.png)center no-repeat #fff;}

#section02{padding:40px 0; background-color: #f7f7f7;}
#section02 .inner{display: flex; flex-direction: column;}
#section02 .con01{border: 1px solid #ddd; background-color: #fff; padding: 22px 18px 0; border-radius:10px;}
#section02 .tit{position:relative; border-bottom: 1px solid #ddd; padding-bottom: 23px;}
#section02 .tit:before{content:''; position:absolute; left: 0; bottom: -1px; width:80px; height:2px; background-color: #f89200;}
#section02 .tit em{display: block; line-height: 1; font-size:18px; font-weight: 700; color:#111}
#section02 .tit a{position:Absolute; right: 0; bottom: 23px; line-height: 24px; font-size:12px; color:#999999;}
#section02 .con01 .top{display: flex; align-items: center; padding:20px 0; border-bottom:1px solid #ddd;}
#section02 .con01 .top .date{display: flex; justify-content: center; align-items: center; flex-direction: column; width:90px; height: 90px; border-radius:50%; padding-bottom: 3px;border: 1px solid #ddd; text-align: center;}
#section02 .con01 .top .date b{display: block; line-height: 1; font-size: 26px; color:#0357b9; font-weight: 700;}
#section02 .con01 .top .date span{display: block; line-height: 1; font-size:14px; color:#0357b9; margin-top: 5px;}
#section02 .con01 .top .txt{width: calc(100% - 90px); padding-left: 18px;}
#section02 .con01 .top .txt em{display: block; font-size:17px; font-weight: 500; line-height: 21px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#section02 .con01 .top .txt em a{ color:#222;}
#section02 .con01 .top .txt p{font-size: 15px; line-height:24px; height: 48px; margin-top: 7px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; }
#section02 .con01 .top .txt p a{color:#777777;}
#section02 .con01 ul{padding: 15px 0;}
#section02 .con01 ul li{position:relative; display:flex; padding-left: 12px; margin-top: 12px;}
#section02 .con01 ul li:first-child{margin-top: 0;}
#section02 .con01 ul li:before{content:''; position:absolute; left: 0; top:0; bottom: 0; margin: auto 0; width: 3px; height:3px; border-radius:50%; background-color: #0357b9;}
#section02 .con01 ul li em{display: block; width: calc(100% - 110px); font-size: 12px; line-height: 20px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#section02 .con01 ul li em a{color:#222222;}
#section02 .con01 ul li span{display: block; text-align: right; font-size:16px; color:#999999; line-height: 20px; width: 110px;}

#section02 .con02{padding-top: 35px;}
#section02 .con02 .sec02_slider{margin-top: 20px;}
#section02 .con02 .sec02_slider ul .slick-list{width: calc(100% + 20px)}
#section02 .con02 .sec02_slider ul li{margin-right: 20px;}
#section02 .con02 .sec02_slider ul li .img_wrap{position:relative; padding-bottom: 76%;}
#section02 .con02 .sec02_slider ul li .img_wrap img{position:absolute; left: 0; top: 0; bottom: 0; right:0; margin: auto; width: auto; height: auto; max-width:100%; max-height:100%}
#section02 .con02 .sec02_slider ul li em{display: block; font-size:16px;  line-height: 20px; margin-top: 12px; font-weight: 500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#section02 .con02 .sec02_slider ul li em a{color:#222222;}
#section02 .con02 .sec02_slider .slick-dots{display: flex; font-size: 0; justify-content: center; margin-top: 28px;}
#section02 .con02 .sec02_slider .slick-dots li{width: 9px; height:9px; border-radius:50%; margin: 0 7px; background-color: #eeeeee;}
#section02 .con02 .sec02_slider .slick-dots li.slick-active{background-color: #0357b9;}
#section02 .con02 .sec02_slider .slick-dots li button{text-indent:-999em}

/* #section02 .con02 { display: flex;flex-wrap:wrap;flex-direction:column;} */
#section02 .con02 ul{display:flex; justify-content: space-between;}
#section02 .con02 ul:nth-child(1){margin-bottom:35px; gap:20px;}
#section02 .con02 ul:nth-child(1) li{width: 48%;}
#section02 .con02 ul:nth-child(1) li a img{width: 100%;}
#section02 .con02 li p{font-size:18px; font-weight:600; color:#fff;line-height: 1.2;}
#section02 .con02 li:nth-child(3){}
#section02 .tit2{display:flex; justify-content: space-between; padding: 0 10px;}
#section02 .tit2 em{display: block;line-height: 1;font-size: 18px;font-weight: 600;color:#111;}
#section02 .tit2 a{font-size:12px;color:#999999;}
#section02 .con02 li a:hover p{transform: scale(1.05);}
#section02 .con02 ul.box02{width: 85%; margin: 0 auto; display:flex; padding-top: 25px;}

#section03{padding: 40px 0;}
#section03 .sec03_slider{position:relative; padding: 0 30px}
#section03 .sec03_slider .prev{position:absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width:11px; height: 20px; background: url(/images/main/main_prev01_mob.png)center no-repeat;}
#section03 .sec03_slider .next{position:absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width:11px; height: 20px; background: url(/images/main/main_next01_mob.png)center no-repeat;}
#section03 .sec03_slider .slick-list{margin: 0 -15px;}
#section03 .sec03_slider ul li{margin: 0 15px;}
#section03 .sec03_slider ul li a{display: block; border:1px solid #ddd;}
#section03 .sec03_slider ul li .img_wrap{position:relative; padding-bottom: 28.71%;}
#section03 .sec03_slider ul li .img_wrap img{position:Absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width:100%; max-height:100%;}

#footer{padding:33px 0 40px ; background-color: #2b313e; font-size: 0;}
#footer .inner{position:relative; display: flex; flex-direction: column; align-items: center;}
#footer .f_nav{display: flex; align-items: center; gap:20px; padding-top: 20px;}
#footer .f_nav a{display: block; font-size:14px; color:#eaeaea; line-height: 1; opacity: 0.5;}
#footer .f_nav span{display: block; width: 1px; height:13px; background-color: #6b6f78; margin: 0 13px;}
#footer a.foot_logo img{width: 185px; height:100%;}
#footer address{font-size:12px; color:#eaeaea; font-weight: 300; line-height: 24px; text-align:center; padding-top: 20px;}
#footer address span{display: inline-block; margin: 0 13px; width: 1px; height:11px; background-color: #555a65;}
#footer p.copyright{font-size:12px; color:#999999; line-height: 1; font-weight: 300; margin-top: 22px;}
#footer .family{position: relative;	width: 200px; margin-top: 25px;}
#footer .family em{display: block; line-height: 40px; padding-left:20px; color:#f2f2f2; font-size: 12px; background: url(/images/main/main_arrow.png)center right 19px no-repeat #4b505b; cursor:pointer}
#footer .family.on em{background: url(/images/main/main_arrow_on.png)center right 19px no-repeat #4b505b;}
#footer .family ul{position:absolute; display: none; width: 100%; left: 0; bottom: 100%; background-color: #4b505b; border: 1px solid #ddd; padding: 10px 19px;}
#footer .family ul li a{display: block; font-size: 12px; line-height: 26px; color:#f2f2f2}

/* sub_visual */
#sub_visual_wrap{position: relative;}
#sub_visual_wrap .sub_visual_txt{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%;}
#sub_visual_wrap .sub_visual_txt em{display: block; text-align: center; font-size: 13px;}
#sub_visual_wrap .sub_visual_txt em b{color: #0357b9;}
#sub_visual_wrap .sub_visual_txt span{color: #f89200;}

/* tab_menu */
.tab_menu { position: absolute; bottom: -45px; left: 0; width: 100%; display: block; height: 45px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } 
.tab_menu .inner { position: relative; display: flex; width: 100%; height: 100%; background: #fff; margin: 0 auto; padding: 0; } 
.tab_menu .menu { display: flex; width: 100%; height: 100%; } 
.tab_menu .menu > li { position: relative; min-width: initial; flex: 1; height: 100%; } 
.tab_menu .menu > li::after { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(/images/sub/sub_tab_arw_mob.png) center no-repeat; width: 10px; height: 6px; background-size: cover;transition: .3s;} 
.tab_menu .menu > li.on::after{transform:translateY(-50%) rotate(180deg); }
.tab_menu .menu > li.menulink01::before{content:'';position: absolute; right: 0px; top: 50%; transform:translateY(-50%); width: 1px; height: 100%; background: #ddd;}
.tab_menu .menu > li > a { display: flex; align-items: center; padding: 0 10px; width: 100%; height: 100%; font-size: 13px; color: #222; line-height: 1.2; box-sizing: border-box; word-break: keep-all; } 
.tab_menu .menu > li ul { display: none; position: absolute; width: 100%; top: 100%; left: -1px; padding: 15px 0; box-sizing: content-box; background-color: #f7f7f7; z-index: 10; } 
.tab_menu .menu > li ul li ~ li { margin-top: 15px; } 
.tab_menu .menu > li ul li a { display: flex; align-items: center; position: relative; width: 100%; font-size: 13px; color: #222; padding: 0 10px; box-sizing: border-box; line-height: 1.2; transition: .3s; }

#sub_contents{padding: 100px 0 75px;}
#sub_contents .contop{padding-bottom: 30px;}
#sub_contents .contop h3{font-size: 24px;  text-align: center; color:#222;}
.customer_center{display: flex; justify-content: center; flex-direction: column; align-items: center; gap:18px; border-top:2px solid #f89200; padding: 20px 0;}
.customer_center .customer_top{display: flex; align-items: center;}
.customer_center .customer_top .img_wrap{display: flex; align-items: center; justify-content: center; padding: 5px; margin-right: 10px; border: 1px solid #ddd; border-radius: 50%;  width: 25px; height: 25px;}
.customer_center strong{font-size: 13px;}
.customer_center .txt_wrap{font-size: 11px;}
.customer_center .txt_wrap strong{color: #f89200;}
.customer_center .txt_wrap ul li{display: flex; gap:45px;}
.customer_center .txt_wrap ul li p{font-size: 10px;}

/* depth03 */
.depth03{margin-bottom:50px;}
.depth03 .inner{display:flex; flex-wrap:wrap;}
.depth03 h3{width:calc(100% / 3); height:40px; border:1px solid #ddd;}
.depth03 h3 a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:14px; font-weight:400; color:#555;}
.depth03 h3.on,
.depth03 h3.active{background:#0357B9;}
.depth03 h3.on a,
.depth03 h3.active a{color:#fff;} 

/* 공통 */
.sub_tit{padding-left:22px; position: relative; font-size: 15px; font-weight: 500; color:#222; margin-bottom:10px;}
.sub_tit::before{position: absolute; content:""; width: 13px; height: 13px;background:url(/images/sub/sub0104_icon.png)center no-repeat; top: 5px;; left: 0;}

table.tb_01{border-top:2px solid #f89200;margin-top:15px;width: 100%;margin-bottom: 20px;}
table.tb_01 tr th{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
table.tb_01 tr th.tb_bg{padding:10px;border:0;border-bottom:1px solid #ddd; background:#f8f8f8; }
table.tb_01 tr td{padding:10px; text-align: center;border-bottom:1px solid #ddd;}
table.tb_01 tr td.tb_line{border-right:1px solid #ddd; }
#sub_contents .table_wrap{width: 100%; overflow-x:scroll;}
#sub_contents .table_wrap tbody tr td:not(:last-child) table{margin-right: 10px;}

/* sub0102 */
.sub0102_wrap{}
.sub0102_wrap .tit{font-size: 13px; text-align: center; color: #3e3e3e; margin: 23px 0; font-weight: 600;}
.sub0102_wrap .con1{position: relative; padding-bottom: 25px;}
.sub0102_wrap .con1:after{content:''; position: absolute; bottom: 0; left: 50%; transform:translateX(-50%); width: 20px; height: 2px; background: #f89200;}
.sub0102_wrap .con1 p{font-size: 13px; text-align: center; color: #3e3e3e; font-weight: 700;}
.sub0102_wrap .con2{padding-top: 20px;}
.sub0102_wrap .con2 .img_wrap{display: flex; flex-direction: column; align-items: center;}
.sub0102_wrap .txt_wrap{background: #f8f8f8; padding: 45px 0;}
.sub0102_wrap .txt_wrap p{font-size: 12px; line-height: 26px; color: #555555; text-align: center;}

/* sub0101 */
.sub0101_wrap .con1{display:flex; justify-content: space-between; align-items: center; flex-direction:column;}
.sub0101_wrap .con1 .txt_wrap {margin-top:30px;}
.sub0101_wrap .con1 .txt_wrap ul li{padding-bottom:15px; line-height:1.7;}
.sub0101_wrap .con1 .txt_wrap ul li strong{font-size:14px; color:#e06666; font-weight:500;}
.sub0101_wrap .con1 .txt_wrap ul li span{position:relative; font-size:12px; color:#222; font-weight:500;}
.sub0101_wrap .con1 .txt_wrap ul li span::before{position:absolute; content:""; width:110px; height:10px; background:rgba(248, 146, 0, 0.2); top:6px; left:0; z-index:-1;}
.sub0101_wrap .con1 .txt_wrap ul li:nth-child(3) span::before{width:145px;}

.sub0101_wrap .con2{margin-top:50px;}
.sub0101_wrap .con2 h3 {font-size: 18px;font-weight: 700;line-height: 1;color: #222; border-bottom: 1px solid #ddd; padding-bottom:23px;}

/* sub0106 */
.sub0106_wrap table{width:100%;}
.sub0106_wrap table thead tr th{padding:10px 0; border-top:2px solid #f89200;  border-bottom:1px solid #f89200; }
.sub0106_wrap table tbody tr td{padding:10px 0;  border-bottom:1px solid #ddd; color:#333;text-align:center; font-weight:400;}
.sub0106_wrap table tbody tr td:nth-child(1) {border-right: 1px solid #ddd;} /* 연도 열에 세로선 추가 */
.sub0106_wrap table tbody tr td:nth-child(3) {border-left: 1px solid #ddd;} /* 비고 열에 세로선 추가 */

/* sub0104 */
.sub0104_wrap .txt_wrap{padding:10px 0;}
.sub0104_wrap .txt_wrap li{position: relative; padding-left:20px; font-size: 12px;}
.sub0104_wrap .txt_wrap li::before{position:absolute; content:""; width:4px; height:4px; background:#f89200; border-radius:50%; top:10px; left:25px; }
.sub0104_wrap .txt_wrap ul li span{font-weight: 500;}
.sub0104_wrap .con5 p{padding:20px 0; color:#333; font-size:12px;}
.sub0104_wrap .con5 img{margin-top:20px;}

/* sub0105 */
.sub0105_wrap .con1 .map_wrap{margin-bottom:20px;}
.sub0105_wrap .con1 .txt_wrap{margin-bottom:20px;}
.sub0105_wrap .con1 .txt_wrap table{width:100%; border-top:2px solid #f89200; text-align:center;}
.sub0105_wrap .con1 .txt_wrap table tr th{padding:10px;background:#f8f8f8; border:1px solid #ddd; border-right:0; border-left:0;font-size:14px; color:#222;}
.sub0105_wrap .con1 .txt_wrap table tr td{padding:10px; border:1px solid #ddd; border-right:0; font-size:12px; text-align:left; color:#222;}
.sub0105_wrap .con1 .move_all .move_list li{display:flex; align-items: center; border-bottom:1px solid #ddd; padding-bottom:20px;}
.sub0105_wrap .con1 .move_all .move_list li:last-child{border:0; padding-top:20px; padding-bottom:0;}
.sub0105_wrap .con1 .move_all .move_list li div.img_wrap{padding: 0 15px;}
.sub0105_wrap .con1 .move_all .move_list li div.move_txt p{margin-bottom:5px; font-size:16px; font-weight:700;}
.sub0105_wrap .con1 .move_all .move_list li div.move_txt ul li{padding:0; line-height:2; border:0;}

/* sub0201 */
.sub0201_wrap .con1{margin-bottom:20px; }
.sub0201_wrap table{width:100%; margin-top:15px;}
.sub0201_wrap table thead tr th{padding:10px 0 ;color:#111;border-top:2px solid #f89200;background:#fef4e5; border-bottom:1px solid #f89200; border-right:1px solid #fcd399;}
.sub0201_wrap table thead tr th:last-child{ border-right:none;}
.sub0201_wrap table tbody tr td{padding:10px; text-align:center; border:1px solid #fcdeb2;}
.sub0201_wrap table tbody tr td ul.ul_st01 li{position:relative; padding-left:10px;}
.sub0201_wrap table tbody tr td ul.ul_st01 li:before{position:absolute; content:""; background:#f89200; width:4px; height:4px; top:7px; left:0;}
.sub0201_wrap .inn{margin-top:20px;}
.sub0201_wrap .inn li{margin-bottom:7px;}

/* sub0202 */
table.tb_02{border-top:2px solid #f89200;margin-top:10px;width: 100%;margin-bottom: 15px;}
table.tb_02 tr:hover{background:#f8f8f8;}
table.tb_02 tr th{padding:10px 0; background:#f8f8f8; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
table.tb_02 tr th:last-child{border-right:0;}
table.tb_02 tr td{padding:8px 0; text-align: center;border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
table.tb_02 tr td:last-child{border-right:0;}
table.tb_02 tr td a:hover{color:#f89200; }

.paging_btn{text-align:center; box-sizing:border-box;}
.paging_btn:before, .paging_btn:after{box-sizing:inherit;}
.paging_btn ul{display:inline-block; font-size:0; }
.paging_btn ul li{display:inline-block; margin:0 2px; vertical-align:middle; }
.paging_btn ul li img{vertical-align: -webkit-baseline-middle;}
.paging_btn ul li a{display:block; width:30px; height: 30px; border:1px solid #ddd;  font-size:10px; color:#555; line-height:30px; font-weight:500; }
.paging_btn ul li.page_arrow a {display: flex; align-items: center; justify-content: center;}
.paging_btn ul li.on{background:#f89200; }
.paging_btn ul li.on a{color:#ffffff; border:1px solid #f89200; }

/* sub0302 */
.sub0302_wrap ul {margin-top:15px;}
.sub0302_wrap ul > li{margin-bottom:5px;}
.sub0302_wrap ul.inn02 {margin-bottom: 5px; padding-left:5px;} 

/* sub0303 */
.sub0303_wrap .left_05_view{width:100%;}
.sub0303_wrap .left_05_view .img_wrap{position:relative; width: 100%; height: 0;padding-bottom:81.95%; background-color: #f7f7f7; overflow: hidden;}
.sub0303_wrap .left_05_view .img_wrap img{position: absolute;left: 50%; top: 50%;  transform: translate(-50%, -50%);width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
.sub0303_wrap .li_dot{width:100%; background:#f7f7f7; margin-top:35px;}
.sub0303_wrap .li_dot li{padding-left:85px; color:#888; margin-top:5px; font-size:15px;}
.sub0303_wrap .li_dot li:nth-child(1){margin-top:0;}
.sub0303_wrap .li_dot li span{color: #222;font-weight: 500;}

.sub0303_wrap .tbl_calender_wrap{overflow:hidden;}
.sub0303_wrap .tbl_calender{width:100%; border:1px #ddd solid; border-left:none; border-right:none;   }
.sub0303_wrap .tbl_calender th{height:49px; font-weight:bold;color:#222; background:#f7f7f7;text-align:center; font-size:15px; padding:10px; border-bottom:1px solid #fff;font-weight:500; }
.sub0303_wrap .tbl_calender th.month {font-size:24px; height:65px;}
.sub0303_wrap .tbl_calender th.month span{font-size:12px;}
.sub0303_wrap .tbl_calender td{ font-size:15px; line-height:18px; border-top:1px solid #ddd; color:#222; padding:16px;  word-break:keep-all; text-align:center;     cursor: pointer;}

.sub0303_wrap .tbl_calender .top_sun { color:red;}
.sub0303_wrap .tbl_calender .top_sat { color:blue;}
.sub0303_wrap .tbl_calender td.none_day{background:#dedede;font-weight:500;text-align:center; vertical-align:middle;}
.sub0303_wrap .tbl_calender td.on_day{text-align:center; vertical-align:middle; background:#f89200;font-weight:500; }
.sub0303_wrap .tbl_calender td.onday{text-align:center; background:#f89200; color:#ffffff; font-weight:500;}
.sub0303_wrap .tbl_type5{width: 100%;border-top: 2px solid #f89200; border-left: 1px solid #ddd;}
.sub0303_wrap .tbl_type5 th{border-bottom: 1px solid #ddd;border-left: 1px solid #ddd; border-right: 1px solid #ddd;  background: #f7f7f7;font-size: 12px;  color: #222; font-weight: 500;    padding: 5px 0;}
.sub0303_wrap .tbl_type5 td{ cursor: pointer;padding: 5px 2px;border-right: 1px solid #ddd; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;background: #fff; text-align: center;    font-size: 0;}

.sub0303_wrap .color_dot{margin:28px 0 15px;font-size:0;}
.sub0303_wrap .color_dot li{font-size:16px; color:#222;float:left;margin-right:10px;line-height: 1;}
.sub0303_wrap .color_dot li:last-child{margin-right:0;}
.sub0303_wrap .color_dot li span{width:13px; height:13px;display: inline-block;margin-right:5px;}
.sub0303_wrap .today_span{background:#fff3c4}
.sub0303_wrap .sel_span{background:#f89200}
.sub0303_wrap .none_span{background:#DEDEDE;}
.sub0303_wrap .today_span3{background:#fff;border:2px solid #f89200}
.sub0303_wrap .today_span2 span{background:#fff;border:2px solid #f89200;width:25px; height:25px;display: inline-block;}
.sub0303_wrap .today_span2 span.on{background:url("/images_bak/sub/cheak_on.png")no-repeat;width:25px; height:25px;display: inline-block;background-size:cover;    border: 0;}

.sub0303_wrap .sel_span2 span{background:#263e58;width:25px; height:25px;display: inline-block;}
.sub0303_wrap .none_span2 span{background:#DEDEDE;width:25px; height:25px;display: inline-block;}
.sub0303_wrap .mt0{margin-top: 0 !important;}

.sub0303_wrap .amount {width: 100%;  height: 40px;text-align: center;  font-size: 0;  border: 1px solid #ddd; position: relative;  overflow: hidden;}
.sub0303_wrap .amount span{display: inline-block; width: 100%;  height: 40px;  font-size: 16px; color: #222; line-height: 40px;}
.sub0303_wrap .amount a {display: inline-block; width: 40px;  height: 40px;  background-color: #f7f7f7;font-size: 16px;line-height:38px;color: #222;    position: absolute;}
.sub0303_wrap .btn_bottom{width:100%; height: 40px; background:#f89200;text-align:center; line-height:40px; margin-top: 10px;border-radius:50px;}
.sub0303_wrap .btn_bottom a{display:block; color:#fff; font-size:16px;}
.sub0303_wrap #smart_editor2{ width: 100%;min-width: 170px !important;}
.sub0303_wrap .p_text{color:#222;font-size:16px; position:relative;margin: 28px 0 15px;line-height:1;padding-left: 6px;font-weight:500;}
.sub0303_wrap .p_text:before{    position: absolute;left: 0px;background: #304d6b;  content: ''; width: 3px;height: 3px;top: 8px;}
.sub0303_wrap .amount input{text-align: center;outline: 0; border: 0;  line-height: 40px; font-size: 16px; color: #222; }


.sub0303_wrap .agreements li{font-size:0}
.sub0303_wrap .agreements li span{font-size:15px;margin:0 1%;    vertical-align: -8px;}
.sub0303_wrap .agreements .input_width{width:100%;border: 1px solid #ddd; outline: 0;  padding: 5px 10px;margin-top:10px;height:40px;}
.sub0303_wrap .agreements .input_width3{width: 31.2%;}
.sub0303_wrap .agreements .agreement{ margin-top: 10px;color:#555;font-size:15px;}
.sub0303_wrap .agreements p{color:#ff0000;margin-top:20px;font-size:15px;}
.sub0303_wrap .agreements p.select_time {font-size: 25px; font-weight:700;}

#rv_calendar .box01{display:flex; justify-content: space-between;align-items: center; padding:10px 0;}
#rv_calendar .box01 a{ text-align: center;width: 120px;background: #3578c7;color: #fff;line-height: 1.2;padding: 6px 0; font-size:14px;}

/* sub0402 */
.sub0402_wrap .con1{margin-bottom:30px; }
.sub0402_wrap .con1 p{margin-bottom:25px; word-break: keep-all; font-size:12px;}
.sub0402_wrap .con1 ul{display: flex; justify-content: space-between; flex-direction:column;}

/* sub0403 */
.sub0403_wrap .con1 > .inn li{letter-spacing:-0.4px; margin-bottom:5px; }
.sub0403_wrap em.color_r {color: #ff0000;}


/* sub0404 */
.sub0404_wrap .con1 > .tb_01 th:last-child{border-right:0;}
.sub0404_wrap .con1 > .tb_01 td{border-right:1px solid #ddd;}
.sub0404_wrap .con1 > .tb_01 td:last-child{border-right:0;}
.sub0404_wrap .con2{margin-bottom:30px;}
.sub0404_wrap .con1 .con_top{display:flex; justify-content: space-between;}
.sub0404_wrap .con1 .con_top .down{text-align:center; width:150px; background:#3578c7; color:#fff; line-height:1.2; padding:6px 0;}

/* sub0601 */
.sub0601_wrap .con1{margin-bottom:15px;}
/* .sub0601_wrap h2{margin-bottom:15px;} */
.sub0601_wrap p{margin-bottom:15px;}
.sub0601_wrap ul li{padding-left:15px; position:relative;}
.sub0601_wrap ul li:before{position:absolute; content:""; width:4px;height:4px;border-radius:10px; background:#f89200; top:8px; left:0;}