/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/* 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:13px; line-height:1.6; font-family: 'Pretendard'; 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;}

.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;}


:root {
  --co01: #5c73fb;
  --co02: #4e4637;
  --co03: #7d7464;
}

::selection{background: var(--co01); color: #fff;}

.fn{font-family: "Noto Sans KR", sans-serif;}

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

/*header*/
#header{position: relative; line-height: 1;z-index: 7000;}
#header .inner{display: flex;justify-content: space-between;align-items: center;height: 90px;}
#header h1{position: relative; z-index: 10;}
#header ul.gnb{position: relative;z-index: 7;display: flex;gap:60px;padding: 35px 0;}
#header ul.gnb li{position: relative;}
#header ul.gnb li span a{font-size: 17px; color: #333; font-weight: 500;}
#header ul.gnb li .sub_menu{display: none;position: absolute;top: 55px; left: 50%;transform:translateX(-50%); padding-top: 30px;}
#header ul.gnb li .sub_menu li:not(:last-child){margin-bottom: 25px;}
#header ul.gnb li .sub_menu li a{display: block;font-size: 16px; font-weight: 500;text-align: center;color: #666;width: max-content;margin: 0 auto;transition:.3s;}
#header ul.gnb li .sub_menu li:hover a{color: var(--co01);}
#header .gnb_bg{display: none;position: absolute;top: 90px;left: 0; width: 100%;height: 280px; background: rgba(255,255,255,.95);z-index: 1;}
#header button{position: relative;width: 40px; height: 12px;}
#header button::after{content:'';position: absolute;top: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
#header button::before{content:'';position: absolute;bottom: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}

#header button.on::after{transform:rotate(45deg);top: 5px;}
#header button.on::before{transform:rotate(-45deg);bottom: 5px;}

/* visual_wrap */
#visual_wrap{position: relative; line-height: 1;}
#visual_wrap .txt_wrap{position: absolute; width: 100%;bottom: 50px;}
#visual_wrap .txt_wrap .icon{margin-bottom: 15px;}
#visual_wrap .txt_wrap p{font-size: 40px; color: #fff; font-weight: 700; line-height: 54px;}
#visual_wrap .txt_wrap span{display: block;font-size: 18px; color: #fff; line-height: 30px;margin-top: 20px;}
#visual_wrap .vis_arr{position: absolute; bottom: 60px; right: 320px;display: flex;gap:2px;}

.nav_btn{display: none;}
.navigation{display: none;}

/*section*/
.section{padding-bottom: 80px;line-height: 1;}
.section .sec_tit{display: flex;align-items: center;justify-content: space-between; margin-bottom: 40px;} 	
.section .sec_tit .tit{display: flex;align-items: center;gap:16px;}
.section .sec_tit .tit p{font-size: 35px; color: #333; font-weight: 700;}
.section .sec_tit a.more_btn01{display: flex;align-items: center;gap:10px;font-size: 17px; color: #999; font-weight: 500;}
.section .sec_tit a.more_btn01 img{transform: translateY(-1px);}

.tab_slide{display: none;}
.mob_slide{display: none;}

.list_wrap01{display: flex;flex-wrap:wrap;gap:30px;}
.list_wrap01 .list{width: calc((100% - 120px) / 5);}
.list_wrap01 .list .img_wrap{position:relative; width:100%; padding-bottom:129.31%;}
.list_wrap01 .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.list_wrap01 .list .txt_wrap{margin-top: 20px;}
.list_wrap01 .list .txt_wrap p{font-size: 17px; color: #333; line-height: 22px;font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.list_wrap01 .list .txt_wrap span{display: block;font-size: 16px; color: #999; margin-top: 12px;}

/*section01*/
#section01{padding-top: 80px;}
#section01 .sec01_item{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}
#section01 .sec01_item .arr_wrap{display: flex;gap:2px;}
#section01 .sec01_item .arr_wrap button{display: block;}
#section01 .progress{position:relative; width:calc(100% - 120px); height:3px; background:#eee;}
#section01 .progress .slider__label{position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:#333; transition:0.5s;}

#banner_wrap img{width: 100%; border-radius:12px;}

/*section02*/
#section02 .slick-track{margin: 0;}
#section02 .slide_wrap{position: relative;}
#section02 .slide_wrap .slick-list{width: calc(100% + 50px);}
#section02 .list_wrap01{display: block;}
#section02 .list_wrap01 .list{width: calc((100% - 150px) / 4); margin-right: 50px;}
#section02 .list_wrap01 .list .img_wrap{padding-bottom: 100%;}
#section02 .sec02_prev{position: absolute;top: 40%;left: 0;transform:translateY(-50%);}
#section02 .sec02_next{position: absolute;top: 40%;right: 0;transform:translateY(-50%);}

/*section03*/
#section03 .list_wrap01{gap:35px;}
#section03 .list_wrap01 .list{width: calc((100% - 105px) / 4);}
#section03 .list_wrap01 .list .img_wrap{padding-bottom: 52.18%;}
#section03 .list_wrap01 .list .txt_wrap p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
#section03 .list_wrap01 .list .txt_wrap span{display: block;font-size: 15px; color: #999; margin-top: 12px;}

/*section04*/
#section04 .box_wrap{display: flex;gap:10px;}
#section04 .box_wrap .box{width: calc((100% - 10px) / 2); background: #eae5db; border-radius:12px; overflow: hidden;}
#section04 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:31.496%;}
#section04 .box_wrap .box .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%; object-fit:cover;}

/*section05*/
#section05 .con_wrap{display: flex;align-items: center;gap:30px;}
#section05 .con_wrap .con{width: calc((100% - 30px) / 2);}
#section05 .con_wrap .con ul{border-top: 2px solid #333;}
#section05 .con_wrap .con ul li{border-bottom: 1px solid #ddd;}
#section05 .con_wrap .con ul li a{display: flex;padding: 20px 10px;}
#section05 .con_wrap .con ul li .txt_wrap{width: calc(100% - 80px);}
#section05 .con_wrap .con ul li .txt_wrap p{font-size: 17px; color: #333; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section05 .con_wrap .con ul li .txt_wrap span{display: block;font-size: 15px; color: #999; margin-top: 15px;}
#section05 .con_wrap .con ul li .txt_wrap span em{font-size: 12px; color: #ddd;margin: 0 8px;}	  
#section05 .con_wrap .con ul li .arr{display: flex;align-items: center;width: 80px;}
#section05 .con_wrap .con ul li .arr img{margin-left: auto;}

/*.quick_menu*/
.quick_menu{position: fixed;right: 10px;top: 50%;transform:translateY(-50%);z-index: 5000; line-height: 1;}
.quick_menu .q_btn{display: none;}
.quick_menu .box{width: 180px; background: #fff; box-shadow: 3px 3px 10px rgba(64,63,63,.25);}
.quick_menu .box:not(:last-child){margin-bottom: 16px;}
.quick_menu .box .tit{display: flex;align-items: center; justify-content: center;height: 40px; background: var(--co02);}
.quick_menu .box .tit p{font-size: 17px; color: #fff; font-weight: 700;}
.quick_menu .box .box_con{padding: 20px 16px;}
.quick_menu .box .icon{margin-bottom: 20px;}
.quick_menu .box .icon img{margin: 0 auto;}
.quick_menu .box p{font-size: 20px; color: var(--co02); font-weight: 700;text-align: center;letter-spacing: -0.3px;}
.quick_menu .box span{display: block;font-size: 15px; color: #666;text-align: center;}
.quick_menu .box .btn_wrap{margin-top: 20px;}
.quick_menu .box .btn_wrap a{display: flex;align-items: center; justify-content: center;width: 100%; height: 36px; background: var(--co02);font-size: 15px;color: #fff; font-weight: 700; border-radius:4px;}
.quick_menu .box .btn_wrap a:not(:last-child){margin-bottom: 5px;}
.quick_menu .box .btn_wrap a.btn02{background: #bba987;}

.quick_menu .box01 .txt01 p{margin-bottom: 12px;}
.quick_menu .box01 .txt01 p a{color: var(--co02);}
.quick_menu .box01 .txt02{margin-top: 12px;}
.quick_menu .box01 .txt02 span{line-height: 24px;}

.quick_menu .box02 .tit{background: var(--co03);}
.quick_menu .box02 .txt01 span{text-align: left;line-height: 24px;letter-spacing: -0.1px;}
.quick_menu .box02 .txt01 strong{position: relative;display: block;font-size: 16px; color: #333; line-height: 24px; margin-top: 5px; padding-left: 26px;font-weight: 400;}
.quick_menu .box02 .txt01 strong::after{content:'';position: absolute;left: 0; top: 7px;background: url(/assets/images/main/arr_icon01_pc.png)center no-repeat; width: 15px; height: 11px; background-size: cover;}
.quick_menu .box02 .btn_wrap a{background: var(--co03);}
.quick_menu .box02 .txt02{margin-top: 10px;}
.quick_menu .box02 .txt02 span{letter-spacing: -0.7px; line-height: 22px;}

/* footer */
#footer{position: relative;padding: 60px 0;line-height: 1; border-top: 1px solid #ddd;}
#footer .top_btn{position: absolute;top: 0; right: 320px;}
#footer .f_logo{display: flex;align-items: center;gap:17px; margin-bottom: 40px;}
#footer .f_logo span{display: block;font-size: 24px;color: #333;}
#footer .f_logo p{font-size: 35px; color: #333; font-weight: 700; margin-top: 15px;}
#footer address p{font-size: 17px; color: #666; line-height: 28px;} 
#footer address p i{display: inline-block;width: 25px;}
#footer address p.copy{color: #999; margin-top: 20px;}
#footer address p a{color: #666; }

/* ====sub============================================== */
#header.sub_header{border-bottom: 1px solid #ddd;}
#sub_visual_wrap{padding: 80px 0;line-height: 1;}
#sub_visual_wrap .txt_wrap span{display: block;font-size: 20px; color: #999;font-weight: 500;text-align: center;}
#sub_visual_wrap .txt_wrap p{font-size: 48px; color: #333; font-weight: 700;text-align: center; margin-top: 20px;}

/* tab_menu */
.tab_menu_pc{width: fit-content;padding: 10px; background: #f8f6f3; border-radius:16px;margin: 40px auto 0;}
.tab_menu_pc em{display: none;}
.tab_menu_pc ul{display: flex;align-items: center; justify-content: center;}
.tab_menu_pc ul li a{display: flex;align-items: center; height: 54px; padding: 0 35px; color: #7d7464; border-radius:10px; font-size: 18px;  font-weight: 500;}
.tab_menu_pc ul li.on a{background: var(--co02);color: #f6e8ce; font-weight: 700;}

#sub_contents .conbody{border-top: 1px solid #ddd;padding: 80px 0;}
#sub_contents.no_pb .conbody{padding-bottom: 0;}
#sub_contents img{max-width: 100%;}

ul.list_wrap02{display: flex;flex-wrap:wrap;gap:60px;}
ul.list_wrap02 li{width: calc((100% - 60px) / 2);}
ul.list_wrap02 li a{display: flex;align-items: center;gap:30px;}
ul.list_wrap02 li .img_box{width: 196px;}
ul.list_wrap02 li .img_wrap{position:relative; width:100%; padding-bottom:142.85%;}
ul.list_wrap02 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%;}

ul.list_wrap02 li .txt_box{width: calc(100% - 226px);}
ul.list_wrap02 li .txt_box p{font-size: 24px; line-height: 36px; color: #333;font-weight: 700;}
ul.list_wrap02 li .txt_box em{display: block;font-size: 20px; color: #999;font-weight: 500; margin-top: 15px;}
ul.list_wrap02 li .txt_box span{display: block;font-size: 18px; color: #666; line-height: 28px;margin-top: 25px;}

h3.h3_tit01{position: relative;font-size: 24px; color: #333;  font-weight: 700; padding-left: 30px;}
h3.h3_tit01::after{content:'';position: absolute;left: 0; top: 2px; background: url(/assets/images/sub/txt_icon01.png)center no-repeat; width: 17px; height: 17px; background-size: cover;}

.sub_tit01.center{text-align: center;}
.sub_tit01 p{font-size: 40px; color: #333; font-weight: 700;}
.sub_tit01 p b{color: var(--co01);font-weight: 700;}
.sub_tit01 span{display: block;font-size: 24px; color: #333; font-weight: 600; line-height: 40px; margin-top: 25px;}
.sub_tit01 span.span02{font-size: 18px;font-weight: 500; line-height: 36px;}

.con01_st01{padding: 77px 60px;background: url(/assets/images/sub/sub0101_bg01.png)center no-repeat var(--co02); border-radius:12px; background-size: cover;}
.con01_st01 p{font-size: 40px; line-height: 60px; color: #fff;font-weight: 700;}
.con01_st01 p b{position: relative;font-weight: 700;z-index: 1;}
.con01_st01 p b::after{content:'';position: absolute;left: 50%; bottom: 0px;transform:translateX(-50%);z-index: -1;width: calc(100% + 16px); height: 12px;background: var(--co03);}
.con01_st01 p em{font-weight: 700;}

.txt_wrap_st01 .tit{font-size: 32px; color: #333; font-weight: 700; line-height: 48px; margin-bottom: 45px;}
.txt_wrap_st01 .tit em{font-weight: 700; }
.txt_wrap_st01 p{font-size: 18px; color: #333; line-height: 36px;font-weight: 500;white-space: pre-wrap;}
.txt_wrap_st01 p:not(:last-child){margin-bottom: 40px;}
.txt_wrap_st01 p strong{font-size: 20px;font-weight: 700;}

.txt_wrap_st02{margin-bottom: 70px;}
.txt_wrap_st02 p{font-size: 24px; color: #333;font-weight: 600;}
.txt_wrap_st02 span{display: block;font-size: 18px; color: #666; line-height: 28px;font-weight: 500; margin-top: 15px;}

table.tbl01{table-layout: fixed;width: 100%;border-top: 1px solid #ddd;}
table.tbl01 tr{border-bottom: 1px solid #ddd;}
table.tbl01 th{padding: 12px;font-size: 18px; color: #333; font-weight: 600; background: #eef1ff;}
table.tbl01 td{padding: 12px;font-size: 16px; color: #333; font-weight: 500; line-height: 28px;text-align: center;}
table.tbl01 td.left{text-align: left;}

.con01_st02{padding-bottom: 80px;}
.con01_st02 .txt p{font-size: 24px;color: #333;font-weight: 600;line-height: 1.6;}	
.con01_st02 .txt p b{font-weight: 800;}
.con01_st02 .txt span{display: block;font-size: 18px; line-height: 28px;color: #333;font-weight: 500; margin-top: 20px;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .txt_wrap_st01 p{white-space: initial;}

.sub0101_wrap .con02{padding: 80px 0;background: url(/assets/images/sub/sub0101_bg02.png)bottom right no-repeat; }

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con_wrap{display: flex;gap:80px;}
.sub0102_wrap .con_wrap .txt_wrap_st01{width: calc(100% - 680px);}
.sub0102_wrap .con_wrap .img_wrap{width: 600px;}

/* sub0103 */
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .con_wrap{gap:50px;}
.sub0103_wrap .con_wrap .txt_wrap_st01{width: calc(100% - 650px);}
.sub0103_wrap .con_wrap .txt_wrap_st01 p{letter-spacing: -0.2px;}

/* sub0104 */
.sub0104_wrap{line-height: 1;}
.sub0104_wrap .box_wrap{position: relative;display: flex;flex-wrap:wrap;justify-content: center;gap:40px;padding: 120px 0 60px; z-index: 1;}
.sub0104_wrap .box_wrap::after{content:'';position: absolute;top: 53%; left: 50%;transform:translate(-50%,-50%);background: url(/assets/images/sub/sub0104_bg01.png)center no-repeat;z-index: -1; width: 1070px; height: 640px;}
.sub0104_wrap .box_wrap .box{padding: 40px;width: 400px; height: 240px; background: #fff;transition:.3s; box-shadow: 0px 0px 30px rgba(0,0,0,0.05);}
.sub0104_wrap .box_wrap .box p{font-size: 40px; font-weight: 800; color: var(--co02);transition:.3s;}
.sub0104_wrap .box_wrap .box span{display: block;font-size: 16px; color: #666; line-height: 28px; font-weight: 500; margin-top: 40px;transition:.3s;}
.sub0104_wrap .box_wrap .box:hover{background: var(--co01);}
.sub0104_wrap .box_wrap .box:hover p{color: #fff;}
.sub0104_wrap .box_wrap .box:hover span{color: #fff;}

/* sub0105 */
.sub0105_wrap{padding-bottom: 80px;line-height: 1; background: url(/assets/images/sub/sub0105_bg01.jpg)center bottom no-repeat; background-size: 100%;}
.sub0105_wrap .con01_st01{background: url(/assets/images/sub/sub0105_bg01.png)center no-repeat #f3ebdb;}
.sub0105_wrap .con01_st01 p{color: var(--co02);}
.sub0105_wrap .box_wrap{display: flex;gap:80px;margin-top: 70px;}
.sub0105_wrap .box_wrap .txt_wrap_st01{width: calc((100% - 80px) / 2);letter-spacing: -0.1px;}

/* sub0106 */
.sub0106_wrap{background: url(/assets/images/sub/sub0106_img02.jpg)left bottom no-repeat;line-height: 1;}
.sub0106_wrap .con{display: flex;margin-top: 80px;}
.sub0106_wrap .con .txt_box_wrap{width: calc(100% - 640px);}
.sub0106_wrap .con .txt_box{padding-left: 60px;}
.sub0106_wrap .con .txt_box strong{display: block;font-size: 32px; color: #333; font-weight: 700; margin-bottom: 40px;}
.sub0106_wrap .con .txt_box ul li{display: flex;align-items: center;}
.sub0106_wrap .con .txt_box ul li:not(:last-child){margin-bottom: 12px;}
.sub0106_wrap .con .txt_box ul li p{display: flex;align-items: center;justify-content: center;width: 90px; height: 32px;font-size: 16px; color: var(--co02); font-weight: 500; background: #fff;margin-right: 15px; border-radius:16px; border:1px solid #faf3e6;}
.sub0106_wrap .con .txt_box ul li em{display: flex;align-items: center; justify-content: center;width: 32px; height: 32px; font-size: 16px; color: #333; font-weight: 500; background: #ddd; border-radius:50%;margin-right: 20px;}
.sub0106_wrap .con .txt_box ul li span{font-size: 18px; color: #333;font-weight: 600;	}
.sub0106_wrap .con .txt_box ul li span b{font-weight: 700; color: var(--co01);}

.sub0106_wrap .con .txt_box01{background: #fcf8f0;padding: 45px 60px 45px 50px;margin-bottom: 65px;}
.sub0106_wrap .con .txt_box02:last-child{margin-top: 80px;}
.sub0106_wrap .con .txt_box02 strong{font-size: 24px; margin-bottom: 30px;}

/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .con01{padding-bottom: 80px;}
.sub0201_wrap .con01 .txt p{font-size: 24px;color: #333;font-weight: 600;}
.sub0201_wrap .con01 .txt p b{font-weight: 800;}
.sub0201_wrap .con01 .txt span{display: block;font-size: 18px; line-height: 28px;color: #333;font-weight: 500; margin-top: 20px;}

.sub0201_view_wrap{line-height: 1;}
.sub0201_view_wrap .top{display: flex;align-items: center;border:1px solid #ddd;}
.sub0201_view_wrap .top .img_box{width: 320px;}
.sub0201_view_wrap .top .img_wrap{position:relative; width:100%; padding-bottom:133.12%;}
.sub0201_view_wrap .top .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%;min-width: 280px;}

.sub0201_view_wrap .top .txt_box{position: relative;padding: 50px;width: calc(100% - 320px);border-left: 1px solid #ddd;}
.sub0201_view_wrap .top .tit p{font-size: 40px; color: #333; font-weight: 700; line-height: 1.5;}
.sub0201_view_wrap .top .tit span{display: block;font-size: 24px; color: #333; font-weight: 500; line-height: 1.6; margin-top: 10px; }
.sub0201_view_wrap .top .tit.mob_tit{display: none;}
.sub0201_view_wrap .top .txt_box ul{margin-top: 50px;}
.sub0201_view_wrap .top .txt_box ul li{position: relative;display: flex;padding-left: 20px;}
.sub0201_view_wrap .top .txt_box ul li::after{content:'·';position: absolute;left: 0; top: 0;font-size: 20px; font-weight: 700; color: var(--co01);}
.sub0201_view_wrap .top .txt_box ul li:not(:last-child){margin-bottom: 20px;}
.sub0201_view_wrap .top .txt_box ul li p{width: 90px;font-size: 20px; color: #333; font-weight: 700;}
.sub0201_view_wrap .top .txt_box ul li span{display: block;width: calc(100% - 90px);font-size: 20px; color: #666;}
.sub0201_view_wrap .top .txt_box a{position: absolute;bottom: 50px; right: 50px;display: flex;align-items: center; justify-content: space-between;width: 200px; height: 60px; background: var(--co03);font-size: 20px; color: #fff; font-weight:	700;padding: 0 20px;z-index: 10;}

.sub0201_view_wrap .con01{padding: 30px; background: #f5f5f5; margin-top: 60px;}
.sub0201_view_wrap .con01 .txt_wrap{font-size: 16px; color: #666; line-height: 28px;font-weight: 500;white-space: pre-wrap; margin-top: 25px;}

.sub0201_view_wrap .con02{margin-top: 80px;}
.sub0201_view_wrap .con02 .tab-menu-wrap{display: flex;border-top: 1px solid #ddd;border-left: 1px solid #ddd; margin-bottom: 30px;}
.sub0201_view_wrap .con02 .tab-menu-wrap a{display: flex;align-items: center; justify-content: center;flex:1; height: 65px;font-size: 20px; color: #666; font-weight: 500; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.sub0201_view_wrap .con02 .tab-menu-wrap a.on{color: #333;font-weight: 700;border-bottom: 0;}
.sub0201_view_wrap .con02 .tab-con img{max-width: 100%;}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .list_wrap01 .list{width: calc((100% - 90px) / 4);}
.sub0301_wrap .list_wrap01 .list .img_wrap{padding-bottom: 52.18%;}

/* sub0401 */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .mob_tbl{display: none;}
.sub0401_wrap .col01{width: 130px;}
.sub0401_wrap .col02{width: 280px;}
.sub0401_wrap .col03{width: 140px;}
.sub0401_wrap .col04{}

.sub0401_wrap .search_box{display: flex; align-items:center;width: 500px; height: 50px;margin: 0 auto 80px; border-bottom: 3px solid #333;}
.sub0401_wrap .search_box .select{position: relative;height: 100%;}
.sub0401_wrap .search_box .select em{position: relative;display: flex;align-items: center;width: 120px; height: 100%;font-size: 17px; padding: 0 15px;color: #333;cursor:pointer;}
.sub0401_wrap .search_box .select em::after{content:'';position: absolute; right: 15px; top: 50%; transform:translateY(-50%); background: url(/assets/images/sub/basic_bd01_icon01.png)center no-repeat; width: 10px; height: 7px; background-size: cover;}
.sub0401_wrap .search_box .select em.on::after{transform:translateY(-50%) rotate(180deg); }
.sub0401_wrap .search_box .select ul{display: none;position: absolute; left: 0; top: 47px;width: 100%;border: 3px solid #333;z-index: 100;}
.sub0401_wrap .search_box .select ul li{font-size: 13px; color: #555; font-weight: 500;padding: 10px 15px;background: #fff;width: 100%; cursor:pointer;transition:.4s;}
.sub0401_wrap .search_box .select ul li.on{background: #eee;}
.sub0401_wrap .search_box .select ul li:hover{background: #eee;}
.sub0401_wrap .search_box .input_wrap{display: flex;width: calc(100% - 120px);}
.sub0401_wrap .search_box .input_wrap input{border:0;width: calc(100% - 50px);padding: 0 15px;font-size: 17px;color: #555;}
.sub0401_wrap .search_box .input_wrap input::placeholder{font-size: 17px;color: #555;}
.sub0401_wrap .search_box .input_wrap input:focus{outline:none;}
.sub0401_wrap .search_box .input_wrap button{width: 50px; height: 100%;}

/* sub0402 */
.sub0402_wrap{line-height: 1;}
.sub0402_wrap .list_wrap01 .list{width: calc((100% - 90px) / 4);}
.sub0402_wrap .list_wrap01 .list .img_wrap{padding-bottom: 100%;}

/* sub0501 */
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .con{padding: 80px 0;}

.sub0501_wrap .con01{padding-top: 0;padding-bottom: 120px;}
.sub0501_wrap .con01 .box_wrap{display: flex;padding: 40px 60px;background: #eef1ff;}
.sub0501_wrap .con01 .box_wrap .left{width: 50%;padding-top: 15px;}
.sub0501_wrap .con01 .box_wrap .left p{font-size: 32px; color: #333; font-weight: 700;line-height: 48px;}
.sub0501_wrap .con01 .box_wrap .left span{display: block;font-size: 18px; line-height: 32px; color: #333; margin-top: 20px;}

.sub0501_wrap .con01 .box_wrap .right{width: 50%;}
.sub0501_wrap .con01 .box_wrap .right p{font-size: 20px; color: var(--co01);color: var(--co01);font-weight: 700; margin-bottom: 27px;}
.sub0501_wrap .con01 .box_wrap .right .tag_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.sub0501_wrap .con01 .box_wrap .right .tag_wrap span{display: flex; align-items: center; height: 32px;font-size: 16px; color: #666; font-weight: 500; padding: 0 13px; background: #fff; border-radius:16px;}

.sub0501_wrap .con02{background: url(/assets/images/sub/sub0501_bg01.jpg)center no-repeat; background-size: cover;}
.sub0501_wrap .con02 .sub_tit01{margin-bottom: 60px;}
.sub0501_wrap .con02 .txt_wrap{display: flex;gap:40px;}
.sub0501_wrap .con02 .txt_wrap .txt{width: calc((100%  - 40px) / 2);}
.sub0501_wrap .con02 .txt_wrap .txt p{font-size: 16px; color: #333; line-height: 32px;font-weight: 500; white-space:pre-wrap;}
.sub0501_wrap .con02 .txt_wrap .txt p:not(:last-child){margin-bottom: 30px;}

.sub0501_wrap .con02 .txt_wrap .txt .box{padding: 25px;border:1px solid #ddd; border-radius:12px; margin-bottom: 15px;}
.sub0501_wrap .con02 .txt_wrap .txt .box p{margin-bottom: 15px;text-align: center;}
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap{width: 410px; margin: 0 auto; }
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap span{display: block;font-size: 16px; color: #666;  font-weight: 500;}
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap span:not(:last-child){margin-bottom: 15px;}
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap span img{display: inline-block; margin: 0 12px;}

.sub0501_wrap .con03{padding-top: 120px;}
.sub0501_wrap .con03 .img{margin-bottom: 75px;}
.sub0501_wrap .con03 .img img{display: block;margin: 0 auto;}

.sub0501_wrap .con03 .txt_box_wrap .txt_box{display: flex;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box:not(:last-child){margin-bottom: 40px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box strong{display: block;width: 320px;font-size: 32px; color: #333; font-weight: 700;transform: translateY(5px);}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap{width: calc(100% - 320px);	}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap p{font-size: 24px; color: #333; font-weight: 700; line-height: 40px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap p em{color: var(--co03);font-weight: 700;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt{margin-top: 15px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt span{display: block;font-size: 16px; color: #666; line-height: 32px;font-weight: 500;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt span:not(:last-child){margin-bottom: 20px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt ul li{display: flex;gap:12px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt ul li:not(:last-child){margin-bottom: 10px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt ul li em{display: flex;align-items: center; justify-content: center;width: 28px; height: 28px; background: #ddd; border-radius:50%;font-size: 16px; color: #666; font-weight: 500;}

.sub0501_wrap .con04{padding: 0;}
.sub0501_wrap .con04 .txt_box_wrap{padding: 60px; border-radius:12px; overflow: hidden; background: url(/assets/images/sub/sub0501_bg02.jpg)center no-repeat #fcf8f0;}
.sub0501_wrap .con04 .txt_box_wrap strong{display: block;font-size: 32px; color: #333; font-weight: 700; margin-bottom: 30px;}
.sub0501_wrap .con04 .txt_wrap{display: flex;flex-wrap:wrap; width: 580px;gap:10px 35px;}
.sub0501_wrap .con04 .txt_wrap .txt{display: flex;align-items: center;gap:10px; }
.sub0501_wrap .con04 .txt_wrap .txt span{display: flex; align-items: center;justify-content: center; width: 100px; height: 32px; background: #fff; border-radius:16px;font-size: 18px; font-weight: 500; border-radius:16px;color: var(--co03);}
.sub0501_wrap .con04 .txt_wrap .txt p{font-size: 18px; color: #333; font-weight: 500;}
.sub0501_wrap .con04 .txt_wrap .txt:last-child{width: 100%;}
.sub0501_wrap .con04 .txt_box_wrap em{display: block;font-size: 20px; font-weight: 600; color: var(--co02);font-weight: 600; margin-top: 30px;}

/* sub0502 */
.sub0502_wrap{line-height: 1;}

.sub0502_wrap .con02 .box_wrap{display: flex;gap:40px;align-items: center;}
.sub0502_wrap .con02 .box_wrap:nth-child(2n){flex-direction: row-reverse;}
.sub0502_wrap .con02 .box_wrap:not(:last-child){margin-bottom: 60px;}
.sub0502_wrap .con02 .box_wrap .img_box{width: 620px;}
.sub0502_wrap .con02 .box_wrap .img_wrap{position:relative; width:100%; padding-bottom:64.51%;}
.sub0502_wrap .con02 .box_wrap .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;filter: grayscale(1);transition:.4s;}

.sub0502_wrap .con02 .box_wrap .txt_box{width: calc(100% - 660px);}
.sub0502_wrap .con02 .box_wrap .txt_box .tit{display: flex;align-items: center;gap:14px; margin-bottom: 30px;}
.sub0502_wrap .con02 .box_wrap .txt_box .tit em{display: flex; align-items: center; justify-content: center;width: 48px; height: 48px; background: url(/assets/images/sub/sub0502_tag02.png)center no-repeat; background-size: cover;font-size: 28px; color: #fff;font-weight: 700;transition:.4s;}
.sub0502_wrap .con02 .box_wrap .txt_box .tit p{font-size: 32px; color: #333; font-weight: 700;}
.sub0502_wrap .con02 .box_wrap .txt_box .txt p{font-size: 16px; color: #666; line-height: 32px;font-weight: 500;transition:.4s;}
.sub0502_wrap .con02 .box_wrap .txt_box .txt p:not(:last-child){margin-bottom: 15px;}
.sub0502_wrap .con02 .box_wrap .txt_box .txt p b{font-weight: 500;color: #666;transition:.4s;}

.sub0502_wrap .con02 .box_wrap.on .img_wrap img{filter: grayscale(0);}
.sub0502_wrap .con02 .box_wrap.on .txt_box .tit em{background: url(/assets/images/sub/sub0502_tag01.png)center no-repeat; background-size: cover;}
.sub0502_wrap .con02 .box_wrap.on .txt_box .txt p b{color: var(--co01);}

/* sub0503 */
.sub0503_wrap{line-height: 1;}
.sub0503_wrap table.tbl01{width: 1080px;margin: 0 auto; max-width: 100%;}
.sub0503_wrap table.tbl01 .col01{width: 360px;}
.sub0503_wrap table.tbl01 td p{width: fit-content;margin: 0 auto;}
.sub0503_wrap table.tbl01 td em{display: inline-block;color: #999;margin: 0 12px;}
.sub0503_wrap .sub_txt{margin-top: 40px;}
.sub0503_wrap .sub_txt span{display: block;font-size: 16px; color: #666; line-height: 32px;font-weight: 500;}
.sub0503_wrap .sub_txt span b{color: var(--co01);font-weight: 500;}