/* ========== Sub head 기준 (추후 삭제할수도있음)==========*/
.header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.1);}
.header .logo{filter: none}
.header .menuwrap .menu li a,.header .aside a,.header .st_tel i {color: #333;}
.header .aside li+li:after{background-color:#bbb;}
.header .st_btn ,.header .st_btn:after ,.header .st_btn:before{background:#000 !important}
    /* Active 됬을때, */
    #subPage,#Borderwrap,#Membership{padding-top:5rem}

/* ========== SubColor ========== */
.sub-bg1{background: var(--subColor);}
.sub-bg2{background: var(--subColor2);}
.sub-bg3{background: var(--subColor3);}

.sub-color1{color: var(--subColor);}
.sub-color2{color: var(--subColor2);}
.sub-color3{color: var(--subColor3);}

.bg-mint{background:  var(--mintcolor)}
.color-mint{color:  var(--mintcolor);}

.half_pointbg{background: linear-gradient(to bottom, transparent 50%, var(--pointcolor) 50%);z-index: 1}
.right_pointbg{background: linear-gradient(to right, transparent 70%, var(--pointcolor) 30%);z-index: 1}
@media (max-width:768px) {
    .right_pointbg{/* background: linear-gradient(to right, transparent 85%, var(--pointcolor) 30%); */ background:#fff; z-index: 1}
}

.slogan{font-size:30px;letter-spacing:-0.6px;line-height:34px;color:#444;}
@media (max-width:768px) {
	p.slogan{font-size:24px !important}
}
ul.bullet{}
ul.bullet li{padding-left:10px;background:url(../img/icon_spot.gif) no-repeat 0 12px}
@media (max-width:768px) {
	ul.bullet li {font-size:16px}
}

.info_box{border:1px dotted #aaa;padding:20px 25px;background-color:#fbfbfb;}


.p_txt  {
        font-size: 16px;
        color: #666;
    }


/* =========================== sub - common =========================== */
.sub .section{background-color:#fff;z-index: 0;}
.sub .white-color .point-color{color: #abdaff!important;}
img{max-width: 100%; display: inline-block;
    border: none;
    vertical-align: top;
   
}
/* =========================== sub - common =========================== */

/* 이미지확대보기 */
.img-zoom {position:relative;width:100%}
.img-zoom img {max-width:100%}
.img-zoom .btn-zoom {display:none}
@media all and (max-width:640px){
	.img-zoom .btn-zoom {position:absolute;bottom:0;right:0;display:block;width:45px;height:45px;background:url("../img/btn_zoom.png") no-repeat;z-index:100}
	.img-zoom-wr .img-zoom {float:none;width:auto;}
	.img-zoom-wr .img-zoom:first-child {margin-right:0;margin-bottom:20px;}
}


/* =========================== subTop =========================== */
.subTop {position: relative;top: 0;left: 0;z-index: 10;}
.subTop .subTopImg {width: 100%;height:500px;background-repeat: no-repeat;background-size: cover;}
.subTop .subTop_txt {position: absolute;top: 54%;left: 50%;transform: translate(-50%,-50%);width: 90%;}

@media(max-width:990px){
    .subTop .subTopImg{height: 400px;}
}
@media(max-width:768px){
    .subTop .subTopImg{height: 300px;}
}
/* =========================== subTop =========================== */



/* SUB LAYOUT :: 서브메뉴(스타일2) */
#topMenu02{position:relative; width:100%;height:80px; }
#topMenu02 .side-menu-inner{text-align:center; width:100%; height:79px; border-bottom:1px solid #ddd; background-color: #fff;}
#topMenu02 .side-menu-inner > ul{/* display:inline-block; *display:inline;*zoom:1;  width: 100%;*/}
#topMenu02 .side-menu-inner ul li{
	/* float:left; */ 
	display:inline-block; 
	width: 16.66%; max-width:197px;
	margin-left:-3px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
	-webkit-transition:all 0.4s; 
	transition:all 0.4s;
}
#topMenu02 .side-menu-inner ul li:first-child { margin-left:0}
#topMenu02 .side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:79px; 
	line-height:1.2; 
	color:#171a1e; 
	font-size:20px; 
	letter-spacing:-0.5px; 
	font-weight:400; 
	word-break:keep-all;
	-webkit-transition:all 0.4s; 
	transition:all 0.4s;
}
#topMenu02 .side-menu-inner ul li > a:before{
	position:absolute;
	bottom:-1px;
	left:50%;
	width:0;
	height:3px;
	background-color:#e29035;
	content:"";
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
#topMenu02 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 15px; }
#topMenu02 .side-menu-inner ul li > a > span br {display:none;}
#topMenu02 .side-menu-inner ul li > a:hover:before, 
#topMenu02 .side-menu-inner ul li.on > a:before {width:100%; width:calc(100% + 1px); margin-left:-50%;}
.ie-browser #topMenu02 .side-menu-inner ul li.on > a:before,
.ie-browser #topMenu02 .side-menu-inner ul li > a:hover:before {width:100%; left:0; margin-left:0; }

#topMenu02 .side-menu-inner ul.sub-menu-product {display:flex; justify-content:center;}
#topMenu02 .side-menu-inner ul.sub-menu-product li {max-width:none; width:auto; min-width:16.66%;}

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1025px){
	.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}


@media all and (max-width:800px){
/*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
	#topMenu01,
	#topMenu02,
	#topMenu03{display:none}
	
	/*  SUB LAYOUT :: 서브메뉴 모바일 (스타일1) */
	#topMenuM01{display:block; position:relative; height:50px; }
	#topMenuM01 .side-menu-inner{height:49px; border-bottom:1px solid #ddd; }
	#topMenuM01 .menu-location{position:relative; float:left; width:50%; text-align:center; }
	#topMenuM01 .menu-location > .cur-location{position:relative; display:block; width:100%; height:49px; padding:0 30px 0 10px; border-left:1px solid #ddd;}
	#topMenuM01 .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:49px; color:#171a1e; font-weight:400; font-size:15px; text-transform:uppercase;}
	#topMenuM01 .menu-location > .cur-location span br {display:none;}
	#topMenuM01 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-10px; font-size:20px;}
	#topMenuM01 .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); margin-top:-10px;}
	#topMenuM01 .menu-location .location-menu-con{display:none; position:absolute; top:44px; left:0px; width:calc(100% - 2px); border:1px solid #ddd; border-top:0; background-color:#fff; z-index:11; }
	#topMenuM01 .menu-location.location1 .location-menu-con{width:calc(100% - 1px)}
	#topMenuM01 .menu-location .location-menu-con li a{display:block; padding:7px 30px 7px 10px; font-size:14px; line-height:1.5; word-break:keep-all;}
	#topMenuM01 br {display:none;} 
	#topMenuM01 .menu-location .location-menu-con li.on{position:relative;}
	#topMenuM01 .menu-location .location-menu-con li.on a{color:#26ad5f; font-weight:500;}
}

/* ========== sub layout  ========== */
.sub .titwrap [data-aos^=cssAnimaion] span:last-child{color:var(--pointcolor2);}

.sub .SubTab{display: flex;justify-content: flex-end;}
.sub .SubTab li+li{margin-left:1.5em}
.sub .SubTab li a{display: block;opacity: 0.3}
.sub .SubTab li a.on{color:var(--pointcolor);opacity: 1}

@media (max-width:500px) {
    .sub .SubTab{flex-wrap:wrap;justify-content: space-between}
    .sub .SubTab li{width: 49%; margin-top:2%;text-align:center;background:rgba(0,0,0,0.1);color: #fff;}
    .sub .SubTab li:nth-child(-n+2){margin-top:0}
    .sub .SubTab li+li{margin-left:0}
    .sub .SubTab li a{padding:0.2em}
    .sub .SubTab li a.on{background:var(--pointcolor);opacity: 1;color: #fff;}
}
/* ========== Style ========== */
.line-tit{padding-left:0.8em;border-left:0.2em solid var(--pointcolor)}
.line-bar{width: 100%;height: 1px;}
/* ========== ul_list01 ========== */
.ul_list01{counter-reset: number 0;}
.ul_list01 li{display: flex}
.ul_list01 li::before{content:'-';margin-right:0.5em}
.ul_list01 li.none::before{content:'';display: none;}
.ul_list01 li.cir::before{content:'·';}
.ul_list01 li.num::before{counter-increment: number 1;content: counter(number)'.';}
.ul_list01 li.pointNum::before{width:1.2em;counter-increment: number 1;content: counter(number,decimal-leading-zero);font-family: var(--pointfont);font-weight: bold}
.ul_list01 li+li{margin-top:0.4em}

.ul_list01.box_wrap2 .box:nth-child(2) ~ .box{margin-top:0.4em}
@media (max-width:768px) {
    .ul_list01.wrap-xs100 .box:nth-child(1)~.box{margin-top:0.4em}
}
@media (max-width:500px) {
    .ul_list01.wrap-xxs100 .box:nth-child(1)~.box{margin-top:0.4em}
}

/* ========== ul_list02 ========== */
.ul_list02 {display: flex;justify-content: space-between;align-items: center}
.ul_list02 .leftbox{flex-shrink: 0;}
.ul_list02 .rightbox{padding-left: 5%}

@media (max-width:1240px) {
    .ul_list02.block-md{display: block;}
    .ul_list02.block-md .leftbox{width: 100%;}
    .ul_list02.block-md .rightbox{margin-top: 3rem;padding-left:0;width: 100%;}
}
@media (max-width:768px) {
    .ul_list02.block-xs{display: block;}
    .ul_list02.block-xs .leftbox{width: 100%;}
    .ul_list02.block-xs .rightbox{margin-top: 3rem;padding-left:0;width: 100%;}
}

.orgLabelBox .box .img img{width: 100%;display: block;}
.orgLabelBox .box .label{padding:5px 10px;background-color: var(--pointcolor);color: #fff;width: 100%;}

/* ========== table-style01 ========== */
.table-style01 {border-collapse:collapse;border-spacing:0;vertical-align:middle;border:1px solid #ddd}
.table-style01 tr+tr{border-top:1px solid #ddd}
.table-style01 tr.bd-none{border:none}

.table-style01 td{padding:1em 2em;position: relative;}
.table-style01 td.table-tit{padding:1em 0.5em}
.table-style01 td.table-tit:after{position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 70%;background:#ddd;content:'';}
.table-style01 td.dashed:after{position: absolute;left:50%;top: 0;transform:translateX(-50%);width: calc(100% - 4em);height: 1px;border-top:1px dashed #ddd;content:'';}

/* ========== table-style02 ========== */
.table-style02 {border-collapse:collapse;border-spacing:0;vertical-align:middle;}
.table-style02 td{padding:1em;border-top: 1px solid #fff;}
.table-style02 .table-center{border-left: 0.4rem solid #fff;border-right: 0.4rem solid #fff;border-top:none;font-weight: 400;padding: 0.4em;}

.table-style02 .table-top td{padding:0.4em;border-top:none}
.table-style02 .table-top .table-center{font-weight: 700}

@media (max-width:768px) {
    .table-style02 tr{display: flex;flex-wrap:wrap}
    .table-style02 td{width: 50%;display: flex;justify-content: center;align-items: center;padding:1em 0.5em;}
    .table-style02 .table-center{order:-1;width: 100%;border:none;padding: 10px;}
    .table-style02 .table-top td{margin-bottom: 5px;padding: 10px;}
}

/* ========== border-style01 ========== */
.border-style01 li.box{margin-top:1rem;border:1px solid #ddd;padding:2em;min-height: 5em;position: relative;}
.border-style01 li.box::before{position: absolute;width:0.2em ;height: 100%;background:var(--pointcolor);content:'';left:0;top: 0;}
.border-style01 li.box.line-bottom::before{width:100% ;height: 0.2em;top: auto;bottom:0}
.border-style01 li.box.line-top::before{width:100% ;height: 0.2em;top: 0;}
.border-style01 li.bd-none{border:none}
    /* 한개일때 */
    .border-style01.alone{}
    .border-style01.alone li.box{margin-top:2em;min-height: auto}
    .border-style01.alone li.box:nth-child(1){margin-top:0}
    /* circle number 붙는 경우 */
    .border-style01.circle-num li.box{padding:1em 1em 2em}
    .border-style01.circle-num li .Numbering{width: 2.5em;height: 2.5em;border-radius: 50%;transform: translateY(-50%);margin: auto;}


@media (max-width:768px) {
    .border-style01.wrap-xs100 li.box:nth-child(1) ~ .box{margin-top:1rem}
}
/* ========== border-style02 ========== */
.border-style02{border:1px solid #ddd;padding:2em;}

/* ========== radius-box ========== */
.radius-box{border-radius: 10em;padding:0.5em 1em}


/* ========== vs_list ========== */
.vs_list {display: flex;justify-content: space-between;}
.vs_list .vs_box{width: 50%;display: flex; align-items: center;justify-content: center;}
.vs_list .vs_box_ct{min-width:10rem;margin:0 4px;max-width:10rem;padding:0.4em}

.vs_list_txt .vs_box{display: flex;align-items: center;border-bottom: 1px solid #fff;padding: 1em;min-height: 4em;}
.vs_list_txt .vs_box_ct{position: relative;display: flex;align-items: center;justify-content: center;background: #4d4d4d;color: #fff;flex-shrink: 0;font-weight: 400}

@media (max-width:768px) {
    .vs_list{flex-wrap:wrap}
    .vs_list .vs_box_ct{width: 100%;max-width:none;order:-1;margin:0;padding: 10px}
    .vs_list_top {margin-bottom:5px}
    .vs_list_top .vs_box{padding: 10px;}
    .vs_list_top .vs_box_ct{border-radius:10px 10px  0 0 ;display: none}
    .vs_list_txt .vs_box{padding: 1em 0.5em;}
}

/* ========== btween_Topbox ========== */
.btween_Topbox{display: flex;}
.btween_Topbox .txtBox{width: 50%;padding-top:5rem;align-self: baseline;z-index: 1}
.btween_Topbox .imgBox{height: 60vw;max-height:40rem;width: 95%;margin-left:-45%;background-color:#f4f4f4}
.btween_Topbox .imgBox .imgwrapbox{width: 100%;height: 100%;background-position: right center;background-size:cover;}
.btween_Topbox .imgBox .rotate_cir{position: absolute;bottom: 0;left: 0;transform:translate(-50%,50%);max-width:25%}
.btween_Topbox .imgBox .rotate_cir img{animation: rotate 20s 0.5s infinite linear normal;max-width:100%;display: block;}

@media (max-width:990px) {
    .btween_Topbox{flex-wrap:wrap}
    .btween_Topbox .txtBox{padding-top:0;width: 100%;padding-right:5%}
    .btween_Topbox .imgBox{width: 100%;margin-left:0;margin-top:5rem;}
}
/* rotate_cirWrap */
.sub .rotate_cirWrap{position: relative;}
.sub .rotate_cirWrap .rotate_cir{position: absolute;top: 0;right: 30vw;transform:translate(50%,-50%);max-width:15%; pointer-events: none;}
.sub .rotate_cirWrap .rotate_cir img{animation: rotate 20s 0.5s infinite linear normal;max-width:100%;display: block;filter: brightness(0);}
.sub.equipment .rotate_cirWrap .rotate_cir{transform:translate(50%,0);}


@media (min-width:1921px) {
    .sub .rotate_cirWrap .rotate_cir{right: 35%;}
}
@media (max-width:768px) {
    .sub .rotate_cirWrap .rotate_cir{right: 15vw}
}



/* ========== foldbox ========== */
.foldbox{counter-reset: number 0;}
.foldbox dl{background: var(--subColor2);padding: 1.5em}
.foldbox dl+dl{margin-top:0.8rem}
.foldbox dt:before{counter-increment: number 1;content: 'STEP 'counter(number,decimal-leading-zero);font-family: var(--pointfont);font-weight: 700;width:5em;color:var(--pointcolor)}
.foldbox dt{display: flex;align-items: center;position: relative;cursor: pointer}
.foldbox dt .foldbtn{display: inline-block;position: relative;overflow: hidden;width: 6em;height: 2em;line-height: 2em;transition: all 0.5s;margin-left:auto;text-align: right}
.foldbox dt .foldbtn:before, .foldbox .foldbtn:after{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all 0.3s}
.foldbox dt .foldbtn:before{content:'자세히 보기';transform: translateY(0)}
.foldbox dt .foldbtn:after{content:'닫기';transform: translateY(100%)}

.foldbox dd{padding-left: 7.5rem;margin-top:1rem;display: none}

.foldbox dl.on{background: var(--mintcolor)}
.foldbox dl.on .foldbtn:before{transform: translateY(-100%)}
.foldbox dl.on .foldbtn:after{transform: translateY(0)}

@media (max-width:768px) {
    .foldbox dd{padding-left:0}
}

/* ========== point_chk ========== */
.point_chk .box{border-bottom:1px solid #c8c8c8;padding:0 0 1em}
.point_chk .box .chk_icon{width:2rem}

point_chk.box_wrap5 .box{padding-left:0;padding-right:0} 

@media (max-width:500px) {
    .point_chk.wrap-xxs100 {justify-content: center}
    .point_chk.wrap-xxs100 .box{display: flex;text-align: left}
    .point_chk.wrap-xxs100 .box .chk_icon{flex-shrink: 0;margin-bottom: 0;margin-right:1em;align-self: baseline;}
}
/* ========== chk_list ========== */
.chk_list{display: flex;justify-content: center;}
.chk_list li{display: flex;align-items: center}
.chk_list li+li{margin-top:1em}
.chk_list li .chk_icon{flex-shrink: 0;align-self: baseline;margin-right:0.5em;width: 1.2em;padding-top:0.2em}
.chk_list li .chk_num{flex-shrink: 0;align-self: baseline;margin-right:1em;width: 1.8em;height: 1.8em;line-height: 1.8em}

    /* ==> 2개씩일때*/
    .checkbox{padding:5rem 3rem;border-width:0.5em}
    .chk_list .box_wrap2 .box{margin-top: 0.8em}
    .chk_list .box_wrap2 .box:nth-child(-n+2){margin-top:0}

@media (max-width:768px) {
    .checkbox{padding:2rem}
    .chk_list .box_wrap2 .box{width: 100%;}
    .chk_list .box_wrap2 .box:nth-child(1)~.box{margin-top:10px}
}
/* ========== stage_box ========== */
.stage_box{counter-reset: number 0;}
.stage_box li{display: flex;flex-direction: column;position: relative;}
.stage_box li:before{display: block;content: '';counter-increment: number 1;font-family: var(--pointfont);font-weight: 700;color:var(--pointcolor);margin:1em 0 0.5em;line-height: 1}
.stage_box li.numcount:before{content: 'STEP 'counter(number,decimal-leading-zero);}
.stage_box li.kindcount:before{content: 'KIND 'counter(number,decimal-leading-zero)}

.stage_box li.numcount .imgbox,.stage_box li.kindcount .imgbox{order: -1}
.stage_box li+li:after{position: absolute;font-family:'Material Icons Round';content: 'arrow_forward_ios';top: 30%;left:-1.4em;color: var(--pointcolor);font-size:1.5em}

    /* 화살표 없을 때*/
    .stage_box.arr_none li:after{display: none}
    /* 화살표 있을 때 */
    .stage_box.box_wrap3 li{width:calc((100% - 7em) / 3);margin-right:2.5em}
    .stage_box.box_wrap4 li{width:calc((100% - 9.5em) / 4);margin-right:2.5em}


@media (max-width:1240px) {
    .stage_box.wrap-md{max-width:768px;margin: auto;}
    .stage_box li{width: 48% !important;margin-right:0  !important;margin-left:0  !important;}
    .stage_box li+li:after{display: none}
}
/* ========== step_box ========== */
.step_box .imgbox{position: relative;}
.step_box .imgbox .name{position: absolute;bottom: 0;left:50% ;transform:translateX(-50%);background: #000;color: #fff;border-radius: 0.8em 0.8em 0 0;padding:0.3em 1.2em}
.step_box .txtbox{padding:1em 2em}

/* ====================== toggleSlide  ====================== */
.toggleSlide{display: flex}
.toggleSlide .txtbox{position: relative;text-align: left;bottom: 0;}
.toggleSlide .txtbox li{padding:1em 0;width: 100%;height: auto;display: block;background: none;border-radius: 0}
.toggleSlide .txtbox li p{display: none;}



@media (max-width:991px) {
    .toggleSlide{flex-wrap:wrap}
    .toggleSlide .imgbox{width: 100%;}
    .toggleSlide .txtbox{padding-left:0;width: 100%;}
}
/* ====================== Img_row_card_box  ====================== */
.img_row_card_box {display: flex;align-items: center;flex-wrap:wrap}
.img_row_card_box .img_card_box{}
.img_row_card_box .txt_card_box{padding-left:5%;}


@media (max-width:1024px) {
    .img_row_card_box .img_card_box{width: 100%;}
    .img_row_card_box .txt_card_box{width: 100%;padding:5rem 5% 0;}
}
/* ====================== typeWrapbox  ====================== */
    .typeWrapbox .List-up{position: relative;bottom:auto;font-weight: 500}
    .typeWrapbox .List-up .swiper-pagination-bullet {width:100%;height:auto;display: block;border-radius: 0;margin:0;opacity: 1;background:#fafafa;color: #bfbfbf;padding:1em 0.5em}
    .typeWrapbox .List-up .swiper-pagination-bullet-active{background:var(--pointcolor);color: #fff;}

@media (max-width: 1240px) {
    .typeWrapbox .List-up{display: flex;}
}
@media (max-width: 768px) {
    .typeWrapbox .List-up{flex-wrap:wrap}
    .typeWrapbox .List-up .swiper-pagination-bullet{width:50%}
    .typeWrapbox .typeswiper .Imgbox,.typeWrapbox .typeswiper .Txtbox{width:50%}
}
@media (max-width: 500px) {
    .typeWrapbox .typeswiper .Imgbox{width:100%}
    .typeWrapbox .typeswiper .Txtbox{width:100%;padding:0;margin-top:1.5rem}
}


/* ====================== step-timeline ====================== */
.step-timeline{display: flex;}
.step-timeline li{width:calc(100% / 9);transition: all 0.3s}
.step-timeline li .dotbox{position: relative;padding:1.5em 0}
.step-timeline li .line-bar{background:#fff;position: absolute;top:50%;transform:translateY(-50%);width: 100%;left: 0;}
.step-timeline li .dot{display: inline-block;width: 8px; height: 8px; background:#fff; border-radius: 50%; position: relative;z-index: 2}
.step-timeline li .dot:before{position: absolute; content: ""; top: -5px; left: -5px; width: 18px; height: 18px;border:1px solid; border-radius: 50%;z-index: -1}
.step-timeline li .dot:after{position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; animation: bigger 1.5s ease-in-out infinite;}

    /* action 됬을때 */
    .step-timeline li.action{color:var(--pointcolor);font-weight: 500;}
    .step-timeline li.action .dot:after{content:''}
    .step-timeline li.action .dot,.step-timeline li.action .dot:after{background:var(--pointcolor);}

@media (max-width:1024px) {
    .step-timeline {flex-wrap:wrap}
    .step-timeline li{width:33%;}
    .step-timeline li:nth-child(3)~li{margin-top:1em}
}
@media (max-width:500px) {
    .step-timeline {flex-wrap:wrap}
    .step-timeline li{width:50%}
    .step-timeline li:nth-child(2)~li{margin-top:1em}
}

/* ====================== plus box ======================*/
.plus-box .box{position: relative;padding:1rem}
.plus-box .box + .box{border-left:1px solid #ddd}
.plus-box .box + .box:before{position: absolute;width: 2.5em;height:2.5em;background: var(--pointcolor);content: "\f067" ;font-family: FontAwesome;top: 50%;left: 0;transform: translate(-50%,-50%);border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size:1rem}

@media (max-width:768px) {
    .plus-box .box{width:100% !important;max-width:200px;margin:auto !important;padding:2rem}
    .plus-box .box + .box:before {top:0;left:50%;}
    .plus-box .box:nth-child(1)~.box{border-top:1px dashed #ddd;border-left:none}
}

/* ====================== logo-story ======================*/
.logo-story{background:var(--pointcolor) url(../img/sub/About/value/logoStory.jpg) no-repeat center center / cover}
.logo-story .topLogo{max-width:300px;}
.logo-story .bottomLogo .box{display: flex;flex-direction: column;}
.logo-story .bottomLogo .svg_box{margin-top:auto}
.logo-story .bottomLogo .line-vertical{width: 0.1em;height: 2em;background: #fff;margin: 2em auto;}

    /* svg-effect */
    .logo-story .icon_svg svg path{fill:none;-webkit-transition: 300ms; transition: 300ms;}

    .logo-story .icon_svg2 path{fill:rgba(255,255,255,0.25)}
    .logo-story .icon_svg2 .draw{fill:none;stroke:none}

@media (max-width:768px) {
    .logo-story .bottomLogo.wrap-xs100 > .box:nth-child(1) ~ .box{margin-top:3rem;border-top:1px dashed rgba(255,255,255,0.5);padding-top:3rem}
}

/* equipment 페이지 5개 */
.pageChange_list{display: flex;justify-content: space-between;flex-wrap:wrap}
.pageChange_list li{width:25%}
.pageChange_list li a{display: block;color: #ddd;border:1px solid;padding:15px 0; font-size:17px}
.pageChange_list li a.on{background: #000;color: #fff;border-color: #000}

.eq_page{display: none}
.eq_page.active{display: block}
.eq_page .eq_list .box{border-top:none;width: 49%; display: flex;flex-wrap:wrap}
.eq_page .eq_list .box .imgbox{align-self: center}
.eq_page .eq_list .box.line-top::before{background:#000}

@media (max-width:768px) {
    .pageChange_list li{width:50%}
    .pageChange_list li:nth-child(-n+2) a{border-bottom:none}
    .pageChange_list li:nth-child(odd) a{border-right:none}
}
@media (max-width:500px) {
    .eq_page .eq_list .box{width:100%}
    .eq_page .eq_list .box ~ .box{margin-top:2rem}
    .eq_page .eq_list .box .imgbox{width:70%;margin: auto;}
}

/* Special_section */
.speial_sc{background:url(../img/sub/special_bg.png) no-repeat right top 1rem / 30rem ; }
.speial_sc .special_list{}
.speial_sc .special_list li{padding:1.5em 0;cursor: pointer;border-bottom: 1px solid #999;}
.speial_sc .special_list li h4{display: flex;align-items: center;}
.speial_sc .special_list li .plus{position: relative;width: 1.2em;height: 1px;background: #111;margin-left: auto;}
.speial_sc .special_list li .plus:after{position: absolute;left: 50%;transform: translateX(-50%) rotate(-90deg);content: '';width: 95%;height: 1px;background: #111;transition: 0.35s ease all;}
.speial_sc .special_list li:nth-child(1) ~ li .special_content{display: none}
.speial_sc .special_list li.active h4{color:var(--pointcolor)}
.speial_sc .special_list li.active .plus:after{transform: translateX(-50%);width: 100%;}

@media (max-width:768px) {
.speial_sc{background-size: 20rem}
}

/* ==========================================================
    page별 style 적용
========================================================== */
/* 0) 게시판 BorderTop */
.BorderTop .btween_Topbox .imgBox{max-height: 25rem}
/* .BorderTop .btween_Topbox .imgBox .imgwrapbox{filter: grayscale(1) brightness(2); background-position: center} */

/* 1) 의료진 소개 */
.sub.value .imgwrapbox img{min-height: 250px;object-fit: cover;object-position: 60%}

/* 2) 의료진 소개 */
.sub.doctor .pop_btn{padding:0.5em 2em;display: inline-block;}
.sub.doctor .pop_btn i{vertical-align: bottom}

.doc_data .imgbox{position: relative;margin-top:-10%}
.doc_data .imgbox:after{position: absolute;width:calc(100% + 2em);height: 100%;right: 0%;top: 0;content:'';background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, #fff);background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 50%, #fff);pointer-events:none}
.doc_data .imgbox img{filter:drop-shadow(-1.8em -3px 1px var(--mintcolor));}

    /* ==> 관련 팝업 */
    .sub.doctor .docPopup{display: none;position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background-color:rgba(0,0,0,0.2);z-index: 9}
    .sub.doctor .docPopup .inner{background:#fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-height: 900px;max-height: 70%;max-width:900px;padding:3rem;overflow-y: auto;box-shadow: 4px 4px 1rem rgba(0,0,0,0.05)}
    .sub.doctor .docPopup .line-tit{padding-left:0.4em;    border-left-color: #000;}
    .sub.doctor .docPopup .close{position: absolute;right: 1em;top: 1em;padding: 0.5em;width: 2.5em;height: 2.5em;border-radius: 50%;background: var(--mintcolor);display: table;}
    .sub.doctor .docPopup .close i{font-size: inherit;display: table-cell;vertical-align: middle}

@media (max-width:1024px) {
    .sub.doctor .imgBetweenbox{flex-direction: column;}
    .sub.doctor .imgBetweenbox .txtbox{width: 100%;order:-1;padding-top: 0}

    .doc_data .imgbox{margin:2rem auto 0;padding:0;width:70%;}
    .doc_data .imgbox img{max-height:600px;}
}

/* 3) 치과둘러보기 */
.interiorSlide .swiper-slide{overflow: hidden}
.interiorSlide .swiper-slide .parallax-slide img{object-fit: cover;width: 100%;height: 100%;}

.interiorSlide .slidebtnbox{display: flex;align-items: center}

.interiorSlide .swiper-pagination{position: relative;bottom: 0;flex-shrink: 0;margin-right: 1.5em;width: auto}
.interiorSlide .swiper-pagination .swiper-pagination-current{color:var(--pointcolor)}
.interiorSlide .swiper-scrollbar{height: 3px;position: relative;}
.interiorSlide .swiper-scrollbar-drag{background:var(--pointcolor)}

/* 4) 오시는길 */
.sub.info .mapwrap{max-height: 600px;min-height: 300px;height: 40vw}
.sub.info .mapwrap .map{width: 100% !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important;border: 0 !important;}

/* 이부분은 맵 잡다한 부분 삭제처리 */
.sub.info .root_daum_roughmap .wrap_btn_zoom{z-index: 1}
.sub.info .root_daum_roughmap .wrap_controllers {display: none}
.sub.info .root_daum_roughmap .wrap_map{height: 100% !important;}
.sub.info dl{display: flex;}
.sub.info dl+dl{margin-top:0.5em}
.sub.info dt{flex-shrink: 0;width:8em;margin-right:1em}



.sub_section {padding:100px 0}

/* =========================== sub - info =========================== */
#hospitalInfo{background-color: var(--pointcolor);color: #fff;background-position: top 10% center;background-repeat: no-repeat;background-image: url(../img/main/main06_bg.png); background-size:100px;}
#coreValue {position:relative;top:0;left:0}
#coreValue .inner{position: relative;top: 0;left: 0;z-index: 10;}
#coreValue:before {display: block;content:"";clear:both;width: 100%;height: 39rem;background-color: #f4f4f4;position: absolute;bottom:0;left:0;z-index: 0;}
#coreValue .txtbox{order:1}
#coreValue .imgbox{order:0}
#coreValue .imgbox img{width: 100%;}
#coreValue .lineBar{padding:5rem 0;position: relative;top: 0;left: 0;}
#coreValue .lineBar li{padding-left: 50px;display: flex;position:relative;top:0;left:0;}
#coreValue .lineBar:After{display: block;content: "";clear: both;width: 2px;height: 100%;background: linear-gradient(to top, transparent, var(--pointcolor) 30%, var(--pointcolor) 70%, transparent);position: absolute;top: 0;left: 4px;}
#coreValue .lineBar li+li{margin-top:50px;}
#coreValue .lineBar .dot{width: 8px;height: 8px;border-radius: 50%;background: var(--pointcolor);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#coreValue .lineBar .dot:before {display:block;content:"";clear: both;width: 20px;height: 20px;border:1px solid rgba(var(--pointcolor-rgb), 0.5);border-radius: 50%; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

#doctor .container_mini{background-image: url(/img/sub/logo_icon.png);background-position: bottom right;background-repeat: no-repeat;background-size: auto;}
#doctor .dc_list li+li{margin-top:10px}
#doctor .box.img{padding:0 50px;}
#doctor .box.img img{width: 100%;}

#interior .container{padding-right:34px;padding-left: 34px;}
#interior .swiper-slide img{width: 100%;display: block;}
#interior .interior1_wrap{position: relative;top: 0;left: 0;order:2;width:100%}
#interior .interior2_wrap{position: relative;top: 0;left: 0;order:1;width:100%}
#interior .interior1{margin-top:10px}
#interior .interior1 .swiper-slide{cursor: pointer;}
#interior .interior1 .swiper-slide-active{border:2px solid var(--pointcolor)}
#interior .swiper-button-next, #interior .swiper-button-prev{width: 68px;height: 68px;background-position: center;background-repeat: no-repeat;background-size: 100%;}
#interior .swiper-button-next::after, #interior .swiper-button-prev::after{content: "";}
#interior .swiper-button-next{background-image: url(/img/sub/arrow_r.jpg);left: auto;right: -34px;}
#interior .swiper-button-prev{background-image: url(/img/sub/arrow_l.jpg);right: auto;left: -34px;}

#map{position: relative;padding-bottom: 80px;}
#map .mapBox{height:500px;width: 100%;}
#map .mapInfo .map_tit{display: flex;align-items: center;justify-content: space-between;}
#map .mapInfo{width: 480px;position: absolute;bottom: 0;right: calc((100% - var(--layoutwidth)) / 2);background: var(--pointcolor);color: #fff;padding:60px 40px;z-index: 90;}
#map .timeBox li{display:flex;flex-wrap:wrap;width:100%;align-items: center;}
#map .timeBox li+li{margin-top: 30px;}
#map .timeBox li .date{width:40%;display: flex;justify-content: space-between;line-height: 1;font-weight: 500;}
#map .timeBox li .time{width:60%;padding-left: 30px;font-family: var(--subfont),sans-serif;font-size: 0.8em;line-height: 1;}

#locatoin .titBox{display: flex;justify-content: space-between;}
#locatoin .titBox > h2{width: 50%;}
#locatoin .titBox > ul{width: 40%;}
#locatoin .titBox li {display: flex;align-items: center;}
#locatoin .titBox li+li {margin-top: 20px;}
#locatoin .titBox li .icon{width: 45px;}
#locatoin .titBox li .txt{width: calc(100% - 45px);padding-left: 15px;}


#knowhow .swiper-pagination-progressbar{display: none;position: relative;}
/* =========================== sub - info =========================== */

/* =========================== sub common section =========================== */
.lineCircle .circle{width: 231px;aspect-ratio: 1/1;border:8px solid var(--pointcolor);border-radius: 50%;background-color: #fff;margin:auto;color: var(--pointcolor);display: flex;align-items: center;justify-content: center;}

.stepBorder{position: relative;top:0;left: 0;/*margin-top: 80px;*/overflow: hidden;z-index: 1;}
.stepBorder .box{position: relative;}
 
.marker{display:inline-block;padding: 0 40px;position: relative;top:0;left: 0;margin-left:auto;margin-right: auto;}
.marker::after, .marker::before{display:block;content: "";clear: both;width: 26px;height:26px;background-position: center;background-size: auto;background-repeat: no-repeat;position: absolute;top:50%;transform: translateY(-50%);}
.marker::after{left:0;background-image: url(/img/sub/marker_start.png);}
.marker::before{right:0;background-image: url(/img/sub/marker_end.png);}

.orangeLabelBox .box .img img{width: 100%;display: block;}
.orangeLabelBox .box .label{padding:5px 10px;background-color: var(--pointcolor);color: #fff;width: 100%;}

.radiusBox .box{padding:20px 40px;background-color: #fff;border-radius: 150px;background-color: #fff;border-radius: 150px;align-items: center;font-weight: 400;}
.radiusBox .box .num{max-width: 45px;min-width: 45px;text-align: center;}
.radiusBox .box > div:nth-child(2){margin-left: 15px;width: calc(100% - 60px);}

.whiteBox .box{padding: 30px 20px;background-color: #fff;}
.min-box{width: 66.6666%;margin-right: auto;margin-left: auto;}
.min-box1{width:75%;margin-right: auto;margin-left: auto;}

.orangeHalfBox .box{border-radius: 150px;overflow: hidden;display: flex;align-items: stretch;border:2px solid var(--pointcolor)}
.orangeHalfBox .box > div{padding: 20px 30px;display: flex;align-items: center;width: 70%;}
.orangeHalfBox .box .orange{width: 30%;background-color: var(--pointcolor);text-align: center;color: #fff;display: flex;align-items: center;justify-content: center;}


.whiteRadiusBox .box{width:100%;display:flex;align-items: center;}
.whiteRadiusBox .box+.box{margin-top:30px;}
.whiteRadiusBox .box .whiteBox{width: 230px;margin-right: 30px;padding: 15px 20px;border-radius: 150px;background-color: #fff;color: var(--pointcolor);}
.whiteRadiusBox .box .txt{width:auto;text-align: left;margin-right: 30px;max-width: calc(100% - 260px);}
.whiteRadiusBox .box .txt:last-child{margin-right: 0;}
.whiteRadiusBox.orange .box .whiteBox{background-color: var(--pointcolor);color: #fff;}
.whiteRadiusBox .list li+li{margin-top: 5px;}



.blueBox .box {align-items: center; border:5px solid rgba(226, 144, 53, .3); text-align:center; padding:50px 10px}


/* num*/
.num {font-family: var(--subfont),sans-serif;font-size: 1.875rem;position:relative;top:0;left:0}
.num.st1{font-weight: 600;color: var(--pointcolor)}
.num.st2{font-weight: 400;color: #000;font-size: 1.500rem;}
.num > span{position: relative;top: 0;display: inline-block;line-height: 1;}
.num.st2 > span{padding-bottom: 3px;}
.num > span::after{display: block;content: "";clear: both;width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;}
.num.st1 > span::after{background-color: #e29035;}
.num.st2 > span::after{background-color: #2f2f2f;}

.titBar{position: relative;top:0;left:0;padding-top: 20px;}
.titBar:after{display: block;content: "";clear:both;width: 80px;height: 4px;background-color: var(--pointcolor);position:absolute;top:0;left:0;}
.titBar.center:After{left: 50%;transform: translateX(-50%);}

.tb_wrap table{width: 100%;border-spacing: 0;}
.tb_wrap thead th{border-bottom: 1px solid #fff;background-color: #ffecd7;border-right:1px solid #fff}
.tb_wrap th.th1{background-color: #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.tb_wrap th.th2{background-color: var(--pointcolor);color: #fff;border-bottom:1px solid #e8e8e8;}
.tb_wrap tbody th{background-color: #ffecd7;border-bottom:1px solid #fff}
.tb_wrap tbody td{border-bottom:1px solid #e8e8e8}
.tb_wrap th{font-weight:500;font-size: 1.1em;}
.tb_wrap th{padding:20px 10px;}
.tb_wrap td{padding:25px 10px; background:#fff}
.tb_wrap td img{max-width: 100%;margin:auto}
.tb_wrap td {border-right:1px solid #e8e8e8}
.tb_wrap td:first-child, .tb_wrap td.bd-left{border-left: 1px solid #e8e8e8;}
.tb_wrap .bd-point{position: relative;top: 0;left: 0;}
.tb_wrap .bd-point:after {display: block;content: "";clear: both;width: 100%;height: 100%;border: 5px solid var(--pointcolor);position: absolute;top: 0;left: 0;}
.bfafBox {position: relative;}
.bfafBox:after{display: block;content: "";clear: both;z-index: 100;width: 68px;height: 68px;background-image: url(/img/sub/bfaf_arrow.png);background-position: center;background-repeat: no-repeat;background-size: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.bfafBox > div{position: relative;}
.bfafBox > div .label{position: absolute;bottom:0;left:0;width:100%;text-align: center;padding: 10px 0;z-index: 100;}
.bfafBox > div.login_bg{width: 50%;position: absolute;top: 0;right: 0;height: 100%;z-index: 90;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.9);}

.underBar{width:100%;height:2px;background-color: var(--pointcolor);}
.moreView{display: inline-block;padding:18px 80px;position: relative;background-color: var(--pointcolor);color: #fff;border-radius: 150px;}
.moreView span{position: absolute;top:50%;transform: translateY(-50%);right: 40px;}

.check_list li{padding-left: 45px;position:relative;top:0;left:0}
.check_list li+li{margin-top:30px;}
.check_list li::after{display: block;content: "";clear:both;width: 32px;height: 32px;background-image: url(/img/sub/check.png);background-position: center;background-repeat: no-repeat;background-size: 100%;position:absolute;top:0;left:0}

.step .step_list{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;height: 370px}
.step .step_list::before{position: absolute;top:50%;width:100%; height: 1px;border-top:3px dotted var(--pointcolor);content:'';left:50%;transform:translate(-50%,-50%)}
.step .step_list li{position: relative;text-align: center;display: flex;flex:1 1 25%;flex-direction: column;height: 150px;}

.step .step_list li:nth-child(even){align-self: flex-start;}
.step .step_list li:nth-child(even){align-self: flex-start;display: flex;justify-content: flex-end;flex-direction: column}
.step .step_list li:nth-child(odd){align-self: flex-end;}
.step .step_list li .num{position: absolute;width: 50px;height: 50px;font-size: 1.250rem;background-color: #fff;border-radius: 50%;left:50%;transform:translate(-50%);display:flex;align-items: center;justify-content: center;border:5px solid var(--pointcolor);color: var(--pointcolor);font-weight: 600;}
.step .step_list li:nth-child(odd) .num{top: -60px;}
.step .step_list li:nth-child(even) .num{bottom:-60px;top:auto}
.step .step_list.mini {height: 250px;}
.step .step_list.mini li{height: 90px;}

/* =========================== sub common section =========================== */


.orgHalfBox .box{border-radius: 150px;overflow: hidden;display: flex;align-items: stretch;border:2px solid var(--pointcolor)}
.orgHalfBox .box > div{padding: 20px 30px;display: flex;align-items: center;width: 70%; background:#fff;}
.orgHalfBox .box .org{width: 30%;background-color: var(--pointcolor);text-align: center;color: #fff;display: flex;align-items: center;justify-content: center;}



/* =========================== sub common bg =========================== */
.fixed_bg{position: relative;z-index: -1;}
.fixed_bg .bg_wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height:90vh;}
.fixed_bg .bg {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100vh;background-size: cover;background-position: center center; background-image: url(../img/sub/fixed_bg.jpg); transform: translateZ(0);
    will-change: transform; }
	 
.fixed_bg .container{position: relative;}

.orange_bg{background-color: var(--pointcolor);}
.gray_bg{background-color: #f5f5f5;}
/* =========================== sub common bg =========================== */

@media (min-width:768px) {
.stepBorder .box{margin-top:80px}
.stepBorder .box:nth-child(-n+3){margin-top:0}
.stepBorder .box_wrap3 .box:nth-child(3n+1)::after{z-index:-1;display: block;content: "";clear: both;width: 200vw;top:125px;height: 1px;border-top:5px dotted var(--pointcolor);position: absolute;left: 50%;transform: translateX(-50%);}

.stepBorder .box_wrap4 .box:nth-child(4n+1)::after{z-index:-1;display: block;content: "";clear: both;width: 200vw;top:125px;height: 1px;border-top:5px dotted var(--pointcolor);position: absolute;left: 50%;transform: translateX(-50%);}

}
@media (max-width:1440px) {
    #map .mapInfo{right: 5%;width: 450px;}
    #intro .txt2{padding-left: 5%!important;}
    .lineCircle .circle{width:200px}
    .stepBorder .box_wrap3 .box:nth-child(3n+1)::after{top:100px}
    .stepBorder .box_wrap4 .box:nth-child(4n+1)::after{top:100px}

    .whiteRadiusBox.width80{width: 100%;}
}
@media (max-width:1024px) {
    #map{padding-bottom: 0;}
    #map .mapInfo{width: 100%;position: relative;right: 0;}
    #map .timeBox li .date{width: 20%;}
}

@media(max-width:990px){
    #interior .container{padding: 0}
    #interior .swiper-button-next, #interior .swiper-button-prev{width: 50px;height: 50px;}
    #interior .swiper-button-next{right: 0;}
    #interior .swiper-button-prev{left: 0;}

    #locatoin .titBox{flex-wrap: wrap;}
    #locatoin .titBox > h2, #locatoin .titBox > ul{width: 100%;}
    #locatoin .titBox > ul{margin-top:30px;}
    #map .mapBox{height: 380px;}

    
    #knowhow .swiper-pagination-progressbar{display: block;margin-top: 30px;}
    #knowhow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--pointcolor);}

    #intro .txt2{order:1!important}
    #intro .img{order:2!important}

    
    .check_list{padding-left: 5%;}
    .check_list li{padding-left: 30px;}
    .check_list li:after{width:20px;height:20px}
    .check_list li+li{margin-top: 20px;}
 
    #care .txt h2{padding-left: 5%;text-align: left;}


    .lineCircle .circle{width:160px}
    .stepBorder .box_wrap3 .box:nth-child(3n+1)::after{top:80px}
    .stepBorder .box_wrap4 .box:nth-child(4n+1)::after{top:80px}
}

@media(max-width:768px){
    .lineCircle .box{width: 48%;margin-right: 4%;margin-top: 2rem;}
    .lineCircle .box:nth-child(-n+2){margin-top:0;}
    .lineCircle .box:nth-child(2n){margin-right: 0;}

    .lineCircle .circle{border-width:5px;}
    .stepBorder .box_wrap3{justify-content: center;}
    .stepBorder .box:nth-child(3){margin-top:2rem!important}
    .stepBorder .box:nth-child(4){margin-top:2rem!important}
    .stepBorder .box:nth-child(2n+1)::after{z-index:-1;top:80px!important;display: block;content: "";clear: both;width: 5000px;height: 1px;border-top:3px dotted var(--pointcolor);position: absolute;left: 50%;transform: translateX(-50%);}

 
    .radiusBox .box{width: 100%;margin-right: 0;padding: 15px 20px;}
    .radiusBox .box:nth-child(2n){margin-top: 2%;}

    .orangeHalfBox .box{width: 100%;margin-right: 0;border-radius: 0;margin-top: 2%;}
    .orangeHalfBox.box_wrap2 .box:nth-child(2){margin-top: 2%;}
    .orangeHalfBox .box > div{padding: 10px 20px;}

    .min-box{width: 100%;}
    .min-box1{width: 100%;}
    .whiteBox {justify-content: space-between;}
    .whiteBox .box{width: 49%;margin-right: 0;padding: 15px;}
    .whiteBox .box+.box{margin-top: 2%;}
    .whiteBox .box:nth-child(2){margin-top: 0;}

    #vision {padding-bottom: 80px!important;}

    #coreValue {background-color: #f4f4f4;}
    #coreValue .inner{padding-left: 5%;}
    #coreValue .imgBetweenbox{flex-wrap: wrap;}
    #coreValue .txtbox{width: 100%;order:0;}
    #coreValue .imgbox{width: 100%;order:1;padding-right: 0;}
    #coreValue .lineBar li+li{margin-top:30px}


    #specialSlide .imgBetweenbox {flex-wrap: wrap;}
    #specialSlide .tit_box{width: 100%;position: static;top: 0;}
    #specialSlide .imgbox2{width: 100%;padding-left: 0;margin-top: 5rem;}
    #specialSlide .navigation {position: static;top: 0;margin-top: 0;}
    #specialSlide .swiper-button-prev, #specialSlide .swiper-button-next {position: absolute;top: 60%;}
    #specialSlide .swiper-button-next {right: 5%;}
    #specialSlide .swiper-button-prev {left: 10%;}

    #doctor .box.img{order:2;padding:0;margin-top:30px;width: 100%;}
    #doctor .box.txt{order:1;width: 100%;}
    
    .marker::after, .marker::before{width:16px;height:16px;background-size: 100% auto;}
    .orangeLabelBox .box {width:49%!important;margin-right:2%!important;margin-top:2%!important}
    .orangeLabelBox .box:nth-child(2n){margin-right:0!important}
    .orangeLabelBox .box:nth-child(-n+2){margin-top: 0!important;}

    .fixed_bg .bg{width: 750px;}
    #map .mapInfo .map_tit img{height: 40px;}

    .bfafBox:after{width: 45px;height: 45px;}

    .step .step_list {height: auto;align-items: center;}
    .step .step_list::before {width: 1px;height: 100%;left: 23px;border-top: 0;border-left: 3px dotted var(--pointcolor);}
    .step .step_list li {flex: auto;width: 100%;align-items: center;flex-direction: column;text-align: left;justify-content: center;height: 100px;width: 100%;padding-left: 70px;flex-wrap: wrap;}
    .step .step_list li .num {width: 45px;height: 45px;left: 0;right: auto;top: 50%!important;transform: translateY(-50%);bottom: auto!important;}
    .step .step_list li h3{width:100%}
    .step .step_list li p{width: 100%;}
    .step .step_list li:nth-child(odd) {align-self: center;justify-content: center;}
    .step .step_list li:nth-child(even) {justify-content: center;align-self: center;}

    .step .step_list.mini {height: auto;}
    .step .step_list.mini li{height: 90px;}

    .whiteRadiusBox .box .whiteBox{width: 180px;margin-right: 15px;}
    .whiteRadiusBox .box .txt{max-width:calc(100% - 195px)}

}

@media(max-width:500px){
    .orangeLabelBox .box {width:100%!important;margin-right:0!important;margin-top:2rem!important}
    .orangeLabelBox .box:nth-child(2){margin-top:2rem!important;}
 
    .lineCircle .circle{width:120px}
    .stepBorder .box:nth-child(2n+1)::after{top:60px!important;}

    #interior .interior1_wrap{display: none;}
    #interior .swiper-button-next, #interior .swiper-button-prev{width: 30px;height: 30px;}

    #map .timeBox li .date{width: 40%;}
    #map .mapBox{height: 300px;}

    .whiteRadiusBox .box{flex-wrap: wrap;justify-content: center;}
    .whiteRadiusBox .box+.box{margin-top:15px;}
    .whiteRadiusBox .box .whiteBox{width: 80%;margin-right: 0;padding: 10px 20px;margin: auto;}
    .whiteRadiusBox .box .txt{width:100%;margin-top: 10px;text-align: center;padding-top: 0;margin-right: 0;max-width: 100%;}
}


.service-intro .left-img{position:absolute; left:0; width:50%; max-height:500px;}
.service-intro .right-tit{padding-left:55%; min-height:380px; position:relative; display:grid} 
.service-intro .right-tit small{font-size:20px; color:#ccc; display:block; margin:120px 0 10px;}
.service-intro .right-tit h2{color:#333;   position:relative; line-height:1.3;}
.service-intro .right-tit h2:before{content:''; width:120%; height:3px; background:#e29035; position:absolute; right:0; bottom: -15px;}
.service-intro .right-tit p{color:#333;}


@media screen and (max-width:768px){
.service-intro .left-img{width:94%; position:relative;}
.service-intro .right-tit{ margin:0 0 30px; padding:30px;  width:100%; min-height:auto;}
.service-intro .right-tit small{margin:10px 0;}
.service-intro .right-tit h2:before{width:110%;}
}

.ols_1{counter-reset:sign-num; list-style:none; padding:0; margin:0; }
.ols_1 li {padding-left:2em; margin-bottom:2em; font-size:22px}
.ols_1 li:before {counter-increment:sign-num; content:'0'counter(sign-num); display:inline-block; width:1.7em;height:1.7em;  margin-left:-2em; border-radius:50%;background-color:#e29035;color:#fff;font-size:1em;letter-spacing:-0.6px;line-height:1.7em;text-align:center;margin-right:.3em;}



#inquire_form .row {display: flex; flex-wrap: wrap; justify-content: space-between;}
#inquire_form .row dl {position: relative; width: 48%; margin-bottom: 20px; padding-left: 120px;box-sizing: border-box;}
#inquire_form .row dl dt {font-size: 18px; color: #212121; line-height: 60px; font-family: 'MICEGothic Bold'; position: absolute; top: 0; left: 0;}
#inquire_form .row dl.full {width: 100%;}

#inquire_form textarea {width: 100%; border: 1px solid #f1f1f1; box-sizing: border-box; border-radius: 30px; background: #fff; padding: 20px; font-size: 18px; color: #212121; height: 200px;}
.brand_intro input[type='text'] {width: 100%; height: 60px; border-radius: 15px; border: 1px solid #f1f1f1; background: #fff; box-sizing:border-box; padding: 0 20px; font-size: 18px;}
.brand_intro input[type='text'].addr {width: 460px;}
.brand_intro input[type='text'].full {margin-top: 10px;}
.brand_intro button {width: 260px; border-radius: 50px; height: 70px; background: #ff9c4c; color: #fff; font-size: 21px; border: 0; margin: 60px auto 0 auto; display: block; font-family: 'MICEGothic Bold';}
.brand_intro select {width: 100%; height: 60px; border-radius: 15px; border: 1px solid #f1f1f1; background: #fff; box-sizing:border-box; padding: 0 20px; font-size: 18px; background:url("/images/sub/arrow-open.png") no-repeat right 15px top 50%, #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-size: 18px;}
.brand_intro select::-ms-expand { display:none; }
/* 게시판
========================================================================================== */
.bbs_head {display: flex; justify-content: flex-end;margin-bottom: 20px;}
.bbs_head button {font-size: 15px; color: #fff; background: #212121;  border: none; width: 100px; height: 40px; cursor: pointer}

.bbs_list {width: 100%; border-top: 2px solid #222;}
.bbs_list .bbsBox {width: 100%; display: table;  border-bottom: 1px solid #ddd; table-layout: fixed; }
.bbs_list .bbsBox div {display: table-cell; padding: 35px 10px;; font-size: 18px; color: #747474; text-align: center; vertical-align: middle; font-weight: 400;}
.bbs_list .bbsBox .num {width: 7%}
.bbs_list .bbsBox .condition {width: 8%; padding-left: 0; padding-right: 0;}
.bbs_list .bbsBox .condition span {background: #f1f1f1; padding: 2px 5px; font-size: 18px !important;}
.bbs_list .bbsBox .condition.on span {background: #555; color: #fff;}
.bbs_list .bbsBox .title {text-align: left; width: 70%; box-sizing: border-box; padding-left: 30px;  font-size: 18px; font-weight: normal;}
.bbs_list .bbsBox .title i {margin-left: 5px;}
.bbs_list .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.bbs_list .bbsBox .title a:hover {color: #5e80c0;}
.bbs_list .bbsBox .date {width: 11%}
.bbs_list .bbsBox .writer {width: 12%}



@media screen and (max-width: 768px) {
	.bbs_list .bbsBox {padding-left: 55px; padding-top: 13px; padding-bottom: 13px;}
	.bbs_list .bbsBox .num {font-size: 14px; width: 55px !important; margin-top: -8px;}
	.bbs_list .bbsBox .title {font-size: 14px; margin-bottom: 5px;}
	.bbs_list .bbsBox .date {font-size: 12px;}
	.bbs_list .bbsBox .writer {font-size: 12px;} 
	.bbs_list .bbsBox .part {font-size: 12px;} 
    
}
@media screen and (max-width: 1200px) {
    .bbs_list.online_counsel .bbsBox .num {width:7%;}
    .bbs_list.online_counsel .bbsBox .doctor {width:15%;}
    .bbs_list.online_counsel .bbsBox .title {width:47%;}
    .bbs_list.online_counsel .bbsBox .part {width:10%}
    .bbs_list.online_counsel .bbsBox .writer {width:10%}
    .bbs_list.online_counsel .bbsBox .date {width:10%;}
}

@media screen and (max-width: 980px) {
    #search_ver #search input[type="text"] {height: 55px; line-height: 55px; font-size: 15px;}
	#search_ver #search button {width: 55px; height: 55px;}
    
	.bbs_list .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
	.bbs_list .bbsBox div { padding: 0;}
	.bbs_list .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px !important; display: block;}
	.bbs_list .bbsBox .title {padding-left: 0; width: 100%; font-size: 15px; display: block;}	
	.bbs_list .bbsBox .date {width: auto; text-align:left; display: block;}
	.bbs_list .bbsBox .writer {width: auto; text-align:left; display: block; float: left; padding-right:12px;}
    
    .bbs_list.online_counsel .bbsBox .doctor {font-size: 16px; width: 100px; float: left; padding-left: 0; margin-bottom: 10px; text-align: left;}
    .bbs_list.online_counsel .bbsBox .title {width:calc(100vw - 250px); float: left; margin-bottom: 10px; padding-left: 0}
    .bbs_list.online_counsel .bbsBox .part,
    .bbs_list.online_counsel .bbsBox .date,
	.bbs_list.online_counsel .bbsBox .writer {width: auto; text-align:left; display: block; float: left; padding-right:12px; font-size: 14px;}
    .bbs_list.online_counsel .bbsBox .part {clear: both;}
    
}

@media screen and (max-width: 768px) {
    #search_ver {display: block;}
	#search_ver #resutl_shop_num {width: 100%; margin-bottom: 10px; padding-top: 0; font-size: 15px;}
	#search_ver #search {width: 100%;}
	#search_ver #search input[type="text"] { height: 50px; line-height: 50px; font-size: 14px;}
	#search_ver #search button {background-size: 20px; width: 50px; height: 50px;}
    
	.bbs_list .bbsBox {padding-left: 55px; padding-top: 13px; padding-bottom: 13px;}
	.bbs_list .bbsBox .num {font-size: 14px; width: 55px !important; margin-top: -8px;}
	.bbs_list .bbsBox .title {font-size: 14px; margin-bottom: 5px;}
	.bbs_list .bbsBox .date {font-size: 12px;}
	.bbs_list .bbsBox .writer {font-size: 12px;} 
	.bbs_list .bbsBox .part {font-size: 12px;} 
    
    
    .bbs_list.online_counsel .bbsBox .doctor {width: 95px;}
    .bbs_list.online_counsel .bbsBox .title {width:calc(100vw - 210px);}
    .bbs_list.online_counsel .bbsBox .doctor, .bbs_list.online_counsel .bbsBox .title {font-size: 14px; margin-bottom: 5px;}
    .bbs_list.online_counsel .bbsBox .part,
    .bbs_list.online_counsel .bbsBox .date,
	.bbs_list.online_counsel .bbsBox .writer {font-size: 12px; padding-right: 7px;}
}

/*페이징*/
#paging {width: 100%; display: flex; justify-content: center; margin: 50px 0; flex-wrap: wrap;}
#paging a {display:block; width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 18px; color: #212121; margin: 0 10px; box-sizing: border-box;}
#paging a.on {color: #fff; border-radius: 100%; background:#e29035}
#paging a.btn {text-indent: -99999px;  background-position: center; background-repeat: no-repeat; background-image: url("/images/icon/ico_arrow-thin-b.svg"); background-size: 25px;}
#paging a.btn.prev {transform:rotate(180deg)}
#paging a.btn.next {}


@media screen and (max-width: 768px) {
    #paging  {margin: 30px 0}
	#paging a {font-size: 12px; margin: 0 2px;}
    #paging a.btn {background-size: 45%;}
}




.dlw{ position:relative;  display: -webkit-flex; display: flex;}
.dlw.jc{justify-content:center} /* 양쪽정열 */
.dlw.js{justify-content:space-between} /* 양쪽정열 */
.dlw.br{flex-flow:wrap;}/* 줄바꿈 */
.dlw > dt{position:relative;    }
.dlw > dd{position:relative; margin-bottom:50px }
.dlw.fg1 > dt,
.dlw.fg1 > dd{ width:0;  flex-grow:1; } /* 너비통일 */
.dlw > .vc{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }/*수직센터정열*/
.dlw.vc > dt{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }/*수직센터정열*/
.dlw.vc > dd{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }/*수직센터정열*/
.dlw > .vb{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:flex-end; }/* 하단정열*/
@media (min-width:736px){
	.dlw.dtr > dt{ order:2; }
}



	.eq_wrap02 .container{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}
	.eq_wrap02 .a_tit{margin-bottom:2%;text-align:center;}
	.eq_wrap02 li{width:49%; margin-bottom:2%;padding:5px;border:1px solid #dedede;border-top:4px solid #f18b00;
	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;
	-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;
	}
	.eq_wrap02 li:nth-child(even){margin-right:0;}
	.eq_wrap02 li .imgdiv{width:45%;}
	.eq_wrap02 li .txt{width:50%;padding-left:5%;padding-top:3%;text-align:left;}
	@media(max-width:768px){

	.eq_wrap02 li{width:100%;margin-right:0%;}
	}
	@media(max-width:500px){

		.eq_wrap02 li .txt{margin-top:0;}
		.eq_wrap02 li{flex-direction:column;}
		.eq_wrap02 li .imgdiv{width:100%;}
		.eq_wrap02 li .txt{width:100%;padding:3% 3% 0;}
	}
	
	
	
	
	
	
.doctor_sec .imgbox{
	display: flex;
	justify-content: space-between;
}

.doctor_sec .imgbox .box{
	width: 50%;
}

.doctor_sec .imgbox .box > img{
	width: 100%;
}

@media (max-width: 768px){
	.doctor_sec .imgbox{
		flex-direction: column;
	}

	.doctor_sec .imgbox .box{
		width: 100%;
	}
}


/* sub layout 05 */
#sub .adv-list li{border-bottom:1px solid #ddd; padding:60px 0; position:relative; padding-left:25%;  }
#sub .adv-list strong{position:absolute; left:0; top:80px; color:#333; font-size:30px; font-weight:500; width:22%;}
#sub .adv-list strong small{line-height:1.3; font-size:22px; display: inline-block; font-weight:400; vertical-align:middle; }
#sub .adv-list li h3:nth-child(2){margin:0 0 5px;}
#sub .adv-list li h3{font-size:24px; color:#333; font-weight:bold; margin:30px 0 5px; text-align:left}
#sub .adv-list li p{ padding:15px 0 15px 22px; position:relative; font-weight:500; font-size:24px; color:#333; text-align:left}
#sub .adv-list li p:after{content:''; width:12px; height:12px; border-radius:50%; position:absolute; left:0; top:28px; background:#fff; border:2px solid #e29035}
#sub .adv-list li p small{display:block; color:#666; font-weight:500; font-size:18px; padding:10px 0; line-height:1.5}
#sub .adv-list h4.blue-t{font-size:20px; font-weight:500; margin:0 0 5px;}
#sub .adv-list dl{overflow:hidden; margin:20px 0;}
#sub .adv-list dt{float:left; }
#sub .adv-list dd{float:right; width:calc(100% - 350px); font-weight:300;}
#sub .adv-list dd h4{font-size:22px; color:#333; font-weight:500; margin:0 0 10px;}
#sub .adv-list .btn{display:block; margin:20px 0 0; padding:10px 0; max-width:150px; text-align:center; border-radius:50px; font-size:15px; background:#eee; color:#222; transition: all ease .5s; -webkit-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s;}
#sub .adv-list .btn:hover{background:#014099; color:#fff;}

@media (max-width: 768px){
 
	#sub .adv-list strong{top:30px; width:100%; font-size:20px;} 
	#sub .adv-list strong br{display:none;}
	#sub .adv-list li{padding:80px 0 30px;}
	#sub .adv-list dt{width:45%;}
	#sub .adv-list dd{width:50%;} 
	
	#sub .adv-list li p small{display:block; color:#666; font-weight:500; font-size:16px; }
 
}


.tb {table-layout:fixed;border-top:1px solid #d8d8d8;margin-top:10px;width:100%;}
.tb th {background-color:#f7f7f7;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;padding:5px 0 3px 0;color:#656565;text-align:center;}
.tb td {border:1px solid #d8d8d8;padding:5px 0 3px 0;text-align:center;}
.tb th.none {background-color:#fff;border:1px solid #d8d8d8;padding:5px 0 3px 0;color:#7b7b7b;text-align:center;}
.tb th.none2 {background-color:#fff;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:left;}
.tb th.none3 {background-color:#fff;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:center;font-weight:normal;}
.tb th.none4 {background-color:#f2f2f2;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:center;font-weight:bold;}
.tb .align_left {text-align:left;padding:5px 20px;}
.tb .align_left2 {text-align:left;padding:5px 10px;}
.tb .align_right {text-align:right;padding:5px 10px;}
.tb .border_line {border-bottom:1px solid #d6d6d6;}
.tb .bg {background-color:#f2f2f2;font-weight:bold;}
.tb .bg2 {background-color:#f2f2f2;font-weight:bold;}

.tb1 {table-layout:fixed;border-top:1px solid #d8d8d8;margin-top:10px;width:100%;}
.tb1 th {background-color:#f7f7f7;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;padding:5px 0 3px 0;color:#656565;text-align:center;}
.tb1 td {border:1px solid #d8d8d8;padding:5px 0 3px 0;text-align:left;;padding:8px 10px;}
.tb1 th.none {background-color:#fff;border:1px solid #d8d8d8;padding:5px 0 3px 0;color:#7b7b7b;text-align:center;}
.tb1 th.none2 {background-color:#fff;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:left;}
.tb1 th.none3 {background-color:#fff;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:center;font-weight:normal;}
.tb1 th.none4 {background-color:#f2f2f2;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:center;font-weight:bold;}
.tb1 .align_left {text-align:left;padding:5px 20px;}
.tb1 .align_left2 {text-align:left;padding:5px 10px;}
.tb1 .align_right {text-align:right;padding:5px 10px;}
.tb1 .border_line {border-bottom:1px solid #d6d6d6;}
.tb1 .bg {background-color:#f2f2f2;font-weight:bold;}
.tb1 .bg2 {background-color:#f2f2f2;font-weight:bold;}


.tb2 {table-layout:fixed;border-top:1px solid #d6d6d6;width:100%;line-height:1.6em;}
.tb2 th {background-color:#f2f2f2;border-bottom:1px solid #d6d6d6;padding:5px 5px 3px 5px;font-weight:normal;text-align:center;}
.tb2 td {border-bottom:1px solid #d6d6d6;padding:5px 5px 3px 5px;text-align:left;}
.tb2 td.align_center {text-align:center;}

.tb3 {table-layout:fixed;width:100%;border-top:1px solid #e2e2e2;line-height:1.6em;}
.tb3 th {background:url(/web/20190205033832im_/http://hyung-ju.co.kr/html/homepage/images/mypage/mypage_th_bg.gif) repeat-x top left;border-bottom:1px solid #e2e2e2;padding:5px 5px 3px 5px;font-weight:normal;text-align:center;}
.tb3 td {border-bottom:1px solid #d6d6d6;padding:5px 5px 3px 5px;text-align:center;}
.tb3 td.subject {text-align:left;}
.tb3 .first {border-left:1px solid #e2e2e2;}
.tb3 .last {border-right:1px solid #e2e2e2;}
.tb3 .none {background:none !important;}

.tb_none {border:none !important;width:100%;}
.tb_none th {background:none !important;border-bottom:none !important;padding:2px 0 !important;}
.tb_none td {border-bottom:none !important;padding:2px 0 !important;}


.tb0 {table-layout:fixed;border-top:1px solid #d8d8d8;margin-top:5px;width:100%;}
.tb0 th {background-color:#f7f7f7;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;padding:5px 0 3px 0;color:#656565;text-align:center;}
.tb0 td {border:1px solid #d8d8d8;padding:5px 0 3px 0;text-align:center;vertical-align:middle;}
.tb0 th.none {background-color:#fff;border:1px solid #d8d8d8;padding:5px 0 3px 0;color:#7b7b7b;text-align:center;}
.tb0 th.none2 {background-color:#fff;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:left;}
.tb0 th.none3 {background-color:#fff;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:center;font-weight:normal;}
.tb0 th.none4 {background-color:#f2f2f2;border:1px solid #d6d6d6;padding:5px 10px;color:#7b7b7b;text-align:center;font-weight:bold;}
.tb0 .align_left {text-align:left;padding:5px 20px;}
.tb0 .align_left2 {text-align:left;padding:5px 10px;}
.tb0 .align_right {text-align:right;padding:5px 10px;}
.tb0 .border_line {border-bottom:1px solid #d6d6d6;}
.tb0 .bg {background-color:#f2f2f2;font-weight:bold;}
.tb0 .bg2 {background-color:#f2f2f2;font-weight:bold;}



table.list{clear:both;width:100%; border-collapse:collapse; border-top:solid 2px #acbdd7; border-bottom:solid 1px #dbe3ee; margin-bottom:10px; font:12px/16px Dotum,"µ¸¿ò",sans-serif;}
table.list tr.total {color:#666666; font-weight:bold; padding:6px 0 6px 0; border-bottom:solid 1px #dbe3ee; border-right:solid 1px #dbe3ee; background-color:#f4f6fa;}
table.list thead th {text-align:center;}
table.list th {color:#516676; padding:6px 0 6px 0; border-bottom:solid 1px #dbe3ee; border-right:solid 1px #dbe3ee; background-color:#f4f6fa; text-align:center;}
table.list td {color:#666666; padding:6px 0 6px 0; line-height:160%; border-right:solid 1px #dbe3ee; border-bottom:solid 1px #dbe3ee; text-align:center;}
table.list .none {border-right:solid 1px #ffffff;}
table.list .left {text-align:left; padding-left:10px;}
table.list .left2 {text-align:left; padding-left:20px;}
table.list .right {text-align:right; padding-right:10px;}
table.list td input {border-collapse:collapse;border:solid 1px #b7b6b6; height:18px; color:#666666; padding-left:5px;}
table.list td textarea {border-collapse:collapse;border:solid 1px #b7b6b6; color:#666666; padding-left:5px;}
table.list tfoot td {color:#666666; font-weight:bold; padding:8px 0 8px 0; border-bottom:solid 1px #dbe3ee; border-right:solid 1px #dbe3ee; background-color:#f4f6fa;}

table.list2{clear:both;width:100%; border-collapse:collapse; border-top:solid 2px #6481ae; border-bottom:solid 1px #cdd6e3; margin-bottom:10px; font:12px/16px Dotum,"µ¸¿ò",sans-serif;}
table.list2 th {color:#666666; padding:8px 0 8px 0; border-bottom:solid 1px #cdd6e3; border-right:solid 1px #cdd6e3; background-color:#edf2f7;}
table.list2 th.none {border-right:solid 1px #ffffff;}
table.list2 td {color:#666666; padding:8px 0 8px 0; line-height:180%; border-right:solid 1px #cdd6e3; border-bottom:solid 1px #cdd6e3; text-align:center;}
table.list2 td.none {border-right:solid 1px #ffffff;}
table.list2 td.left {text-align:left; padding:8px 0 8px 10px;}
table.list2 td input {border-collapse:collapse;border:solid 1px #b7b6b6; height:18px; color:#666666; padding-left:5px;}
table.list2 td input.none {border:solid 1px #ffffff;}
table.list2 td textarea {border-collapse:collapse;border:solid 1px #b7b6b6; color:#666666; padding-left:5px;}

table.list3{clear:both;width:100%; border-collapse:collapse; border-top:solid 2px #acbdd7; border-bottom:solid 1px #dbe3ee; border-left:solid 1px #dbe3ee; border-right:solid 1px #dbe3ee; margin-bottom:10px; font:12px/16px Dotum,"µ¸¿ò",sans-serif;}
table.list3 th {color:#516676; padding:8px 0 8px 0; border-bottom:solid 1px #dbe3ee; border-right:solid 1px #dbe3ee; background-color:#f4f6fa;}
table.list3 td {color:#666666; padding:8px 0 8px 0; line-height:180%; border-right:solid 1px #dbe3ee; border-bottom:solid 1px #dbe3ee; text-align:center;}
table.list3 td.left {text-align:left; padding:8px 0 8px 10px;}
table.list3 td.right {text-align:right; padding:8px 10px 8px 0;}




/* 점 블릿 */
span.bull { font-weight:bold; font-size:2em !important; vertical-align:top; color:#24a889; }

/* 숫자 */
.num_01 { display:block; float:left; margin:4px 10px 0 0; background:#24a889; text-align:center; width:20px; height:20px; line-height:20px; font-family:'Arial'; font-weight:bold; font-size:14px; color:#fff; border-radius:100%;}
.num_02 { display:block; float:left; margin:4px 10px 0 0; background:#777; text-align:center; width:20px; height:20px; line-height:20px; font-family:'Arial'; font-weight:bold; font-size:14px; color:#fff; border-radius:100%;}
.num_03 { display:block; float:left; margin:-3px 10px 0 0; background:#24a889; text-align:center; width:30px; height:30px; line-height:30px; font-family:'Arial'; font-weight:bold; font-size:14px; color:#fff; border-radius:100%;}

/* 정답해설 ========================================================================================================================================================*/
/* 1) 라운드박스 */
.tit_r { display:block; float:left; width:70px; height:30px; line-height:26px; background:#18a756; text-align:center; color:#fff; font-weight:bold; border-radius:30px;}
.tit_r_clear { clear:both; margin-top:15px; }

.tit_rr { display:inline-block; height:30px; line-height:30px; padding:0 20px; margin:20px 0; background:#24a889; text-align:center; color:#fff; font-weight:bold; border-radius:30px;}

.tit_r2 { display:block; float:left; cursor:pointer; width:100px; height:30px; line-height:26px; margin-right:5px; background:#18a756; text-align:center; color:#fff; font-weight:bold; border-radius:30px;}

/* BOX ========================================================================================================================================================*/
/* con-box */
.con_box { padding:0 0 30px; }
.con_box2 { padding:25px 0 28px; background:url('../images/common/dot_line.gif') repeat-x left bottom; }
.con_box3 { padding:0 0 10px; margin-bottom:30px; background:url('../images/common/dot_line.gif') repeat-x left bottom; }

/* box 정렬 */
.box_w { overflow:hidden; }
.box_w_left { width:48%; float:left; line-height:1.5; }
.box_w_right { width:48%; float:right; line-height:1.5; }
.box_w_cen { margin:27px 0 6px; line-height:1.5; }

/* 질문 BOX ========================================================================================================================================================*/
/* 테두리 박스 */
.q_box0 { background:#eee; padding:18px; margin-top:30px; }
.q_box1 { background:#eee; padding:18px; }
.q_box2 { background:#eee; padding:45px 60px; margin-top:30px; }
.q_box3 { background:#f2faf8; padding:5px 10px 7px; margin-top:10px; }
.q_box3 div.con { display:block; padding:2px 0 0 30px; line-height:1.3; }
.q_box4 { background:#eee; padding:45px 50px; margin-top:30px; }
.q_box5 { background:#eee; padding:0 60px 60px 60px; }
.q_box6 { background:#f7f7f7; margin:20px 0 0; padding:10px 10px 12px; }
.q_box7 { background:#eee; padding:20px 50px 45px; margin-top:30px; text-align:center; }

/* 테두리 박스 제목 */
.q_box7 p { display:inline-block; height:70px; padding:12px 0 0 45px; background:url('../images/common/icon_pencil.png') no-repeat 0 12px; 
text-align:center; font-size:30px; color:#333; font-weight:bold; }

/* 안쪽 박스 */
.q_box_in1 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; padding:65px 0 45px 60px; border-radius:5px; }
.q_box_in2 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; padding:45px 60px; border-radius:5px; }
.q_box_in3 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; padding:45px 45px; border-radius:5px; }
.q_box_in4 { overflow:hidden; background:#fff; padding:0px 55px 60px; border-radius:5px; }
.q_box_in5 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; padding:30px; border-radius:5px; text-align:left; }

.q_box1_left { float:left; width:400px; }
.q_box1_right { float:left; width:500px; }

/* 박스안의 글씨 */
.q_box1 p { text-align:center; font-size:30px; color:#333; font-weight:bold; line-height:45px; padding-bottom:20px; }
.q_box1_tit { display:table; padding:0 0 35px; }
.q_box1_tit dt { display:table-cell; vertical-align:top; font-size:36px; color:#333; font-weight:bold; letter-spacing:-1px; }
.q_box1_tit dd { display:table-cell; vertical-align:bottom; padding:10px 0 0 30px; font-size:14px; color:#4d4d4d; }

/* 선택 BOX ========================================================================================================================================================*/
/* 선택 박스1 */
.a_box1 { padding:0 0 0 30px; }
.a_box1 * { vertical-align:middle; }
.a_box1_1 { padding:0 0 0 50px; }

/* 선택 박스2 */
.a_box2 { padding:5px 0 0 30px; }
.a_box2 * { vertical-align:middle; }

/* 선택 박스3 */
.a_box3 { padding:20px 0 0 55px; }
.a_box3 * { vertical-align:middle; }
.a_box3 input { padding-top:5px; }
.a_box3 div.con { display:block; padding:2px 0 0 48px; line-height:1.3; }
.a_box3 div.con1 { font-weight:bold; padding-left:90px; }
.a_box3 .num { float:left; }

/* 선택 박스4 */
.a_box4 { padding:0 0 13px 50px; }

/* 선택 박스5 */
.a_box5 { padding:10px 0 13px 40px; }

/* 결과 BOX ========================================================================================================================================================*/
/* 결과박스1 */
.r_box0 { background:#eee; padding:18px; text-align:center; }
.r_box1 { background:#eee; padding:18px; margin-top:30px; text-align:center; }
.r_box1_1 { background:#eee; padding:18px; margin-top:30px; text-align:center; }
.r_box_in1 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; padding:45px 60px 32px 60px; border-radius:5px; text-align:left; }
.r_box_in2 { overflow:hidden; background:#fff; margin:0 40px 30px; padding:50px; text-align:left; }
.r_box_in3 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; padding:45px 60px; border-radius:5px; }
.r_box_in4 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; padding:45px 45px; border-radius:5px; text-align:left; }
.r_box_in5 { overflow:hidden; background:#fff; border:1px solid #e1e1e1; margin-top:30px; padding:45px 45px; border-radius:5px; text-align:left; }

/* 결과박스1 제목 */
.r_box0 p { display:inline-block; height:auto; min-height:70px; padding:12px 0 0 45px; background:url('../images/common/icon_pencil.png') no-repeat 0 12px; 
text-align:center; font-size:30px; color:#333; font-weight:bold; line-height:1.5; overflow:hidden; }
.r_box1 p { display:inline-block; height:70px; padding:12px 0 0 45px; background:url('../images/common/icon_pencil.png') no-repeat 0 12px; 
text-align:center; font-size:30px; color:#333; font-weight:bold; }

/* 결과박스2 */
.r_box2 { background:#f7f7f7; padding:20px 20px 26px; border-radius:5px; }
.r_box2 div.con { line-height:1.3; padding:3px 0 0 85px; }

/* 결과박스3 */
.r_box3 { background:#f2faf8; padding:18px 18px 30px; margin-top:30px; }
.r_box3_h { min-height:375px; }

/* 결과박스4 - 마음다이어리 */
.r_box4 { background:#f7f7f7; padding:20px; margin:15px 0 0; }

/* 결과박스5 */
.r_box5 { background:#fff; padding:20px; margin:15px; }

/* 진단결과 ========================================================================================================================================================*/

/* 진단결과 왼쪽 */
.score_dot { display:inline-block; width:14px; height:14px; border-radius:100%;}
.color_green { background:#24a889; }
.color_orange { background:#ffb43e; }
.color_red { background:#ff5e5e; }

.score_box_in { margin-top:30px; overflow:hidden; background:#f2faf8; padding:60px; }
.score_box_in1 { margin-top:30px; overflow:hidden; background:#f2faf8; padding:45px 60px; }
.score_box_in2 { margin-top:30px; overflow:hidden; background:#fffbf5; padding:45px 60px; }
.score_box_in3 { margin-top:30px; overflow:hidden; background:#fff7f7; padding:45px 60px 20px; }

.score_box_left { width:50%; float:left; }
.score_box_right { width:50%; float:right; }
.score_box_cen { width:460px; margin:0 auto; text-align:center; }
.score_box_cen2 { width:436px; margin:0 auto; text-align:center; }
.score_box_h { min-height:340px; text-align:center; }
.score_box_h2 { min-height:280px; }

.score_box_img { display:inline-block; background-repeat:no-repeat; background-position:0 0; }
.score_total { padding:45px 0 40px 160px; text-align:center; font-size:36px; font-weight:bold; }
.score_total_txt { margin:0 auto; padding:10px; width:396px; height:auto; min-height:40px; line-height:1.25; border-radius:40px; color:#fff; text-align:center; font-size:20px; font-weight:bold; }

.score_result_info { margin:15px 0 30px; min-height:70px; padding:0 15px; color:#000; padding:0 40px 0 45px; text-align:left }
.score_result_info2 { margin:15px 0 20px; color:#000; text-align:center }
.score_result_info3 { margin:15px 0 30px; min-height:70px; padding:0 15px; color:#000; padding:0 40px 0 45px; text-align:left }

.score_box_cen .score_result_info { height:auto; text-align:center; }

.level_desc1, .level_desc2 { width:300px; margin:0 auto; padding:8px 0; border-top:1px solid #ccc; color:#666; text-align:center; }
.level_desc1 { border-top:1px solid #ccc; }
.level_desc2 { border-bottom:1px solid #ccc; }
.level_desc1 div, .level_desc2 div { display:inline-block; width:80px; text-align:center; }

/* 진단결과 오른쪽 */
.test_total_bar { border-radius:8px; padding:25px; margin:0 20px 20px 20px; background:#fff; border:1px solid #e8e8e8; text-align:center; }
.test_total_bar2 { border-radius:8px; padding:25px; margin:20px 20px 0; background:#fff; border:1px solid #e8e8e8; text-align:center; }
.test_total_bar3 { border-radius:8px; padding:25px; margin:0 20px; background:#fff; text-align:center; }
.test_sub_bar { border-radius:8px; padding:25px; margin:0 20px; background:#fff; border:1px solid #e8e8e8; text-align:center; }
.test_sub_score {padding-bottom:15px;font-size:14px;}
.total_sub { margin-bottom:15px; }
.total_sub ul {}
.total_sub ul li { display:inline-block; margin-right:10px; max-width:133px; font-size:13px; }
.total_sub ul li:last-child { margin-right:0; }
.total_sub ul li p { display:inline-block; text-align:left; background:url('../images/alcohol/bull_10.png') no-repeat 0 10px; padding-left:13px; }


/* ****************** 문의 :: 상담 신청 ********************** */
.inquiry-wrap {
    display: flex; padding-bottom:10px
}

.inquiry-page .inquiry-form-tit {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #121212;
    text-align: right;
    margin-bottom: 1rem;
}

/*** 타이틀 ***/
.inquiry-wrap .inquiry-tit-con {
    width: 50%;
}

.inquiry-wrap .inquiry-tit {
    font-size: 4.8rem;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    color: #121212;
}

.inquiry-wrap .inquiry-tit-con .img-box {
    margin-top: 4rem;
}

.inquiry-wrap .inquiry-tit-con .img-box img {
    max-width: 100%;
}

/*** 폼 ***/
.inquiry-wrap .inquiry-form-con {
    width: 100%;
}

.inquiry-form-con .inquiry-form-tit .essential-icon {
    margin-left: 0;
    margin-right: 0.7rem;
}

.inquiry-wrap .inquiry-form-con .phone-select, .inquiry-wrap .inquiry-form-con .phone-input {
    width: calc(33.333% - 11.9px);
}

.inquiry-wrap .inquiry-style04-box.agree-box {
    margin-top: 2rem;
}

.inquiry-wrap .inquiry-agreement-con {
    border-radius: 25px;
}

.inquiry-wrap .bbs-write-tbl th.topAlign {
    vertical-align: top;
}

/*** 폼 ***/

.inquiry-form-con .inquiry-form-tit .essential-icon {margin-left: 0; margin-right: 0.7rem;}
.inquiry-wrap .inquiry-form-con .phone-select, .inquiry-wrap .inquiry-form-con .phone-input {width: calc(33% - 10.9px);}
.inquiry-wrap .inquiry-style04-box.agree-box {margin-top: 2rem;}
.inquiry-wrap .inquiry-agreement-con {border-radius: 25px;}
.inquiry-wrap .bbs-write-tbl th.topAlign {vertical-align: top;}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
.bbs-write-tbl{width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:16px;}
.bbs-write-tbl th,.bbs-write-tbl td{height:40px; padding:15px 0; letter-spacing:-0.5px;}
.bbs-write-tbl tr:first-child th, .bbs-write-tbl tr:first-child td {padding: 20px 0 10px 0;}
.bbs-write-tbl th{color:#121212; font-size:1.2rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; text-align:left;}
.bbs-write-tbl td{color:#444; font-size:0.875em; padding:0; }
.bbs-write-tbl td input::placeholder, .bbs-write-tbl td textarea::placeholder {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: rgba(18, 18, 18, 0.6);}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea {
    height:3rem;
	width:100%; 
	background-color:#f8f9fb;
	border:none;
	font-size:1em; 
	text-indent:1em;
	vertical-align:middle;
	box-sizing:border-box;
	border-radius: 25px;
	padding: 0 1.5rem;
}
.bbs-write-tbl .write-input:focus,
.bbs-write-tbl .write-select:focus,
.bbs-write-tbl .write-textarea:focus{
	border:1px solid #333; 
	background-color:#fff; 
	outline:none;
}
.bbs-write-tbl .write-textarea{height:200px; resize:none; text-indent:0; padding:2rem; margin: 1rem 0 2rem 0;}


/* 게시판 :: 쓰기,문의폼 :: 기타 */
.bbs-write-tbl .cm-form-fieldset-box{display:flex; align-items:center; justify-content:space-between; max-width:500px; flex-wrap:wrap;}
.bbs-write-tbl td .write-sub-txt{color:#888; margin-left:10px; color:#aaa; letter-spacing:-0.5px;}
.bbs-write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:10px; color:#aaa; letter-spacing:-0.5px;}
.bbs-write-tbl .hypen{display:inline-block; vertical-align:middle; font-size: 16px; color: #121212; text-align:center; margin: 0 2.7px;}
.bbs-write-tbl .email-fieldset .hypen {margin: 0 2.7px;}
.bbs-write-tbl .with-sub-btn-input{width:calc(100% - 116px) !important;}
.bbs-write-tbl .bbs-write-sub-btn{float:left; width:110px; padding:0 10px; height:40px; margin-left:5px; border:1px solid #645c54; vertical-align:middle; text-align:center; color:#645c54; font-size:13px; letter-spacing:-0.5px; font-weight:400; }
.bbs-write-tbl .bbs-write-sub-btn:hover{background-color:#645c54; color:#fff;}
.bbs-write-tbl .bbs-write-sub-btn + .write-input{clear:both;}
.phone-fieldset .write-input,
.phone-fieldset .write-select{width:calc(33.33% - 20px) !important;}
.email-fieldset .write-input, 
.email-fieldset .write-select{width:calc(33.333% - 9.32px) !important;}
.email-fieldset .write-select {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: rgba(18, 18, 18, 0.6); background-position: calc(100% - 21px) 50%;}
.address-fieldset .write-input{display:block; margin-top:6px;  }
.address-fieldset .write-input:first-child{margin-top:0;}

@media all and (max-width: 1280px) {
	.bbs-write-tbl .write-input, .bbs-write-tbl .write-select, .bbs-write-tbl {padding: 0 1rem;}
	.email-fieldset .write-select {font-size: 1.4rem; background-position: calc(100% - 1.5rem) 50%;}
}

@media all and (max-width:800px){
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con .agree-tit{font-size:18px;}
	.inquiry-agreement-con{height:150px; padding:15px}
	
	.inquiry-wrap .inquiry-form-con .phone-select, .inquiry-wrap .inquiry-form-con .phone-input {width: calc(31% - 10.9px);}
	
	

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
	.bbs-write-tbl .write-input, .bbs-write-tbl .write-select, .bbs-write-tbl .write-textarea, .inquiry-wrap .inquiry-agreement-con {border-radius: 0;}
	.bbs-write-tbl{font-size:14px;}
	.bbs-write-tbl tr{display:block; padding:20px 0; border-bottom:1px solid #ddd;}
	.bbs-write-tbl th,.bbs-write-tbl td{display:block; padding:0; height:auto; width:100% !important; border-bottom:0; text-indent:0;}
	.bbs-write-tbl th{font-weight:600;}
	.bbs-write-tbl td{padding-top:10px; font-size:1em;}
	.bbs-write-tbl td .write-textarea{height:120px; margin: 0;}
	.bbs-write-tbl tr:first-child th, .bbs-write-tbl tr:first-child td {padding: 0;}
	.bbs-write-tbl tr:first-child td {padding-top: 10px;}

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.bbs-write-tbl td .write-sub-txt, 
	.bbs-write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:10px; font-size:12px; }
	.bbs-write-tbl .hypen{width:12px;}
	.phone-fieldset .write-input,
	.phone-fieldset .write-select{width:calc(33.33% - 12px) !important;}
	.email-fieldset .write-input, .email-fieldset .write-select {width:calc(33.33% - 8.79px) !important;}
	/* .email-fieldset .write-input{width:calc(50% - 12px) !important;} */
	/* .email-fieldset .write-select{margin-top:5px; width:100% !important;} */
}

@media all and (max-width: 480px) {
	.bbs-write-tbl .write-input, .bbs-write-tbl .write-select {padding: 0 0.5rem;}
	.email-fieldset .write-select {font-size: 1.2rem; background-position: calc(100% - 1rem) 50%;}
}

/* ****************** 게시판 :: 비밀번호입력 ********************** */
.bbs-password-input-con{width:100%; padding:50px 0; text-align:center; border-top:1px solid #333; border-bottom:1px solid #ddd; margin-bottom:50px;}
.password-input-tit{color:#444; font-size:15px; font-weight:400; margin-bottom:30px; }
.password-input-tit b{font-weight:600;}
.password-input-tit br{display:none;}
.bbs-password-input-box{padding:50px 0; border:1px solid #eee; background-color:#fafafa;}
.bbs-password-input-box i{vertical-align:middle; color:#888 }
.bbs-password-input-box label{margin:0 10px 0 5px; font-size:15px; font-weight:600; color:#333; vertical-align:middle;}
.bbs-password-input-box #pwdInput{height:30px; width:30%; max-width:200px; border:1px solid #ddd; text-indent:10px;}

@media all and (max-width:800px){
	/* 게시판 :: 비밀번호입력 */
	.password-input-tit{line-height:24px; font-size:13px;}
	.password-input-tit br{display:block; }
	.bbs-password-input-box label{font-size:13px;}
	.bbs-password-input-box i{font-size:18px}
	.bbs-password-input-box #pwdInput{width:90%; margin-top:10px;}
}



/* ******************   게시판 :: 쓰기, 문의폼(기본1)  ********************** */
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
/* .bbs-inquiry-agree-con{margin-bottom:50px;} */
.bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#222; font-size:20px; letter-spacing:-0.5px; font-weight:500; padding-bottom:15px;}
.inquiry-agreement-con{height:120px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#f8f9fb; box-sizing:border-box; font-size: 1rem; font-weight: 400; letter-spacing: -0.05em; color: rgba(18, 18, 18, 0.6);}
.bbs-inquiry-agree-con .agree-txt{margin-top:10px; font-size:15px; letter-spacing:-0.3px; color:#333;}
.bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.bbs-inquiry-agree-con .agree-txt input{display:none;}
.bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:26px; color: #121212; font-size: 1.2rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em;}
.bbs-inquiry-agree-con .agree-txt label i{position:absolute; top: 0.25rem; left:0px; font-size:1.6rem; color:#ddd;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i{color:#e29035;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:14px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{display: inline-block; border-radius: 50%; width: 5px; height: 5px; background-color: #e29035; margin-left:0.5em; margin-bottom: 0.9rem;}
.bbs-inquiry-agree-con .agree-txt label .essential-icon {margin-left: 0.3rem;}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
.bbs-write-tbl{width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:16px;}
.bbs-write-tbl th,.bbs-write-tbl td{height:40px; padding:15px 0; letter-spacing:-0.5px;}
.bbs-write-tbl tr:first-child th, .bbs-write-tbl tr:first-child td {padding: 20px 0 10px 0;}
.bbs-write-tbl th{color:#121212; font-size:1.2rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; text-align:left;}
.bbs-write-tbl td{color:#444; font-size:0.875em; padding:0; }
.bbs-write-tbl td input::placeholder, .bbs-write-tbl td textarea::placeholder {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: rgba(18, 18, 18, 0.6);}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea{
    height:3rem;
	width:100%; 
	background-color:#f8f9fb;
	border:none;
	font-size:1em !important; 
	text-indent:1em;
	vertical-align:middle;
	box-sizing:border-box;
	border-radius: 25px;
	padding: 0 1.5rem;
}
.bbs-write-tbl .write-input:focus,
.bbs-write-tbl .write-select:focus,
.bbs-write-tbl .write-textarea:focus{
	border:1px solid #333; 
	background-color:#fff; 
	outline:none;
}
.bbs-write-tbl .write-textarea{height:200px; resize:none; text-indent:0; padding:2rem; margin: 1rem 0 2rem 0 ; }
.bbs-write-tbl td input[type="file"]{height:auto; padding:10px 20px; border:0; text-indent:0;}



/* 게시판 :: 쓰기,문의폼 :: 기타 */
.bbs-write-tbl .cm-form-fieldset-box{display:flex; align-items:center; justify-content:space-between; max-width:500px; flex-wrap:wrap;}
.bbs-write-tbl td .write-sub-txt{color:#888; margin-left:10px; color:#aaa; letter-spacing:-0.5px;}
.bbs-write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:10px; color:#aaa; letter-spacing:-0.5px;}
.bbs-write-tbl .hypen{display:inline-block; vertical-align:middle; font-size: 16px; color: #121212; text-align:center; margin: 0 2.7px;}
.bbs-write-tbl .email-fieldset .hypen {margin: 0 2.7px;}
.bbs-write-tbl .with-sub-btn-input{width:calc(100% - 116px) !important;}
.bbs-write-tbl .bbs-write-sub-btn{float:left; width:110px; padding:0 10px; height:40px; margin-left:5px; border:1px solid #645c54; vertical-align:middle; text-align:center; color:#645c54; font-size:13px; letter-spacing:-0.5px; font-weight:400; }
.bbs-write-tbl .bbs-write-sub-btn:hover{background-color:#645c54; color:#fff;}
.bbs-write-tbl .bbs-write-sub-btn + .write-input{clear:both;}
.phone-fieldset .write-input,
.phone-fieldset .write-select{width:calc(33.33% - 20px) !important;}
.email-fieldset .write-input, 
.email-fieldset .write-select{width:calc(33.2% - 9.52px) !important;}
.email-fieldset .write-select {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: rgba(18, 18, 18, 0.6); background-position: calc(100% - 21px) 50%;}
.address-fieldset .write-input{display:block; margin-top:6px;  }
.address-fieldset .write-input:first-child{margin-top:0;}

@media all and (max-width: 1280px) {
	.bbs-write-tbl .write-input, .bbs-write-tbl .write-select, .bbs-write-tbl {padding: 0 1rem;}
	.email-fieldset .write-select {font-size: 1.4rem; background-position: calc(100% - 1.5rem) 50%;}
}

@media all and (max-width:800px){
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con .agree-tit{font-size:18px;}
	.inquiry-agreement-con{height:150px; padding:15px}

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
	.bbs-write-tbl .write-input, .bbs-write-tbl .write-select, .bbs-write-tbl .write-textarea, .inquiry-wrap .inquiry-agreement-con {border-radius: 0;}
	.bbs-write-tbl{font-size:14px;}
	.bbs-write-tbl tr{display:block; padding:20px 0; border-bottom:1px solid #ddd;}
	.bbs-write-tbl th,.bbs-write-tbl td{display:block; padding:0; height:auto; width:100% !important; border-bottom:0; text-indent:0;}
	.bbs-write-tbl th{font-weight:600;}
	.bbs-write-tbl td{padding-top:10px; font-size:1em;}
	.bbs-write-tbl td .write-textarea{height:120px; margin: 0;}
	.bbs-write-tbl tr:first-child th, .bbs-write-tbl tr:first-child td {padding: 0;}
	.bbs-write-tbl tr:first-child td {padding-top: 10px;}

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.bbs-write-tbl td .write-sub-txt, 
	.bbs-write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:10px; font-size:12px; }
	.bbs-write-tbl .hypen{width:12px;}
	.phone-fieldset .write-input,
	.phone-fieldset .write-select{width:calc(33.33% - 12px) !important;}
	.email-fieldset .write-input, .email-fieldset .write-select {width:calc(33.33% - 8.79px) !important;}
	/* .email-fieldset .write-input{width:calc(50% - 12px) !important;} */
	/* .email-fieldset .write-select{margin-top:5px; width:100% !important;} */
}

@media all and (max-width: 480px) {
	.bbs-write-tbl .write-input, .bbs-write-tbl .write-select {padding: 0 0.5rem;}
	.email-fieldset .write-select {font-size: 1.2rem; background-position: calc(100% - 1rem) 50%;}
}


/* ****************** 공통 :: BUTTON ********************** */
.cm-btn-controls{align-items:center; text-align:center; margin-top:37px;}
.cm-btn-controls.cm-btn-align-left{justify-content:flex-start; }
.cm-btn-controls.cm-btn-align-right{justify-content:flex-end;}
.cm-btn-controls .left-btn-controls{}
.cm-btn-controls .right-btn-controls{margin-left:auto;}
.cm-btn-controls button,
.cm-btn-controls a{display:inline-flex; align-items:center; justify-content:center; width:238px; height:57px; border:0; border-radius: 25px; color:#fff; background-color:#e29035; font-size:1.2rem; line-height: 1.5em; letter-spacing: -0.05em; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:700; box-sizing:border-box;}
.cm-btn-controls button {margin: 0;}
.cm-btn-controls.cm-btn-long-controls button,
.cm-btn-controls.cm-btn-long-controls a{width:100%; margin:0px; margin-bottom:5px;}
.cm-btn-controls .btn-style01{background-color:#e29035;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{background:#fff; border:1px solid #888; color:#222;}
@media all and (max-width:800px) {
	.cm-btn-controls{margin-top:30px;}
	.cm-btn-controls button,
	.cm-btn-controls a{width:200px; height:40px; font-size:14px;}
}
@media all and (max-width:359px) {
	.cm-btn-controls button,
	.cm-btn-controls a{width:150px; height:35px; font-size:14px;}
}



	/* vision */	
		.sub_vision .intro{padding: 58px 0 0;}
		.sub_vision .exp_list > li{border:1px solid #ddd; border-radius:320px; padding:10px; box-sizing:border-box;}
			.sub_vision .exp_list > li + li{margin-top:30px;}
		.sub_vision .exp_list .desc{display:flex;}
		.sub_vision .exp_list .desc > dt{display:flex;align-items:center;justify-content:center;font-weight:400;color:#fff;padding:0 15px;width:300px;height: auto;box-sizing:border-box;background:var(--pointcolor);border-radius:320px;}
			.sub_vision .exp_list .desc > dt.org{background:var(--pointcolor2);}
		.sub_vision .exp_list .desc > dd{width:calc(100% - 300px);padding: 34px 50px 33px;box-sizing:border-box;font-size:20px;font-weight:500;color:#000;line-height:1.5;}
			.sub_vision .exp_list .desc > dd:has(.bullet_list){display:flex;flex-wrap:wrap;gap:8px 50px;padding-top: 21px;padding-bottom: 21px;}
		.sub_vision .bullet_list > li{font-size:100%; color:var(--black-color05); padding-left:15px;}
			.sub_vision .bullet_list > li:before{font-weight:900;}
			.sub_vision .bullet_list > li + li{margin-top:8px;}

		.sub_vision .worth{position:relative;padding: 240px 0 30px;}
			.sub_vision .worth:before{position:absolute; content:''; width:389px; height:172px; background:url('/data/skin/respon_default/images/sub/sub_vision_arw.svg') no-repeat top center; background-size:100% auto; top:0; left:50%; transform:translateX(-50%);}
		.sub_vision .worth .dot_tit:after{background:none;}
		.sub_vision .worth .info_list{display:flex; gap:28px;}
		.sub_vision .worth .info_list > li{position:relative;width:100%;background:var(--point-white);border:10px solid var(--point-color18);border-radius:100%;padding-bottom: 190px;box-sizing:border-box;} 
			.sub_vision .worth .info_list > li:nth-child(2){border-color:var(--point-color19);}
			.sub_vision .worth .info_list > li:nth-child(3){border-color:var(--point-color20);}
			.sub_vision .worth .info_list > li:nth-child(4){border-color:var(--point-color17);}
			.sub_vision .worth .info_list > li:nth-child(5){border-color:var(--point-color21);}
			.sub_vision .worth .info_list > li:nth-child(6){border-color:var(--point-color22);}

		.sub_vision .worth .info_list .desc{position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);width: calc(100% - 10px);height: calc(100% - 10px);display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;border: 4px solid var(--transparent);background: linear-gradient(150deg, var(--gray-bg02), var(--point-white)) padding-box, linear-gradient(150deg, var(--gray-bg) 5.53%, var(--border-color01) 62.52%) border-box;border-radius:100%;box-sizing:border-box; padding:10px;}
		.sub_vision .worth .info_list .desc dt{font-size:0; height:49px; display:flex; align-items:center; justify-content:center; width:100%;}
			.sub_vision .worth .info_list .desc dt + dd{margin-top:20px;}
		.sub_vision .worth .info_list .desc dd{width:100%; font-size:var(--title-24); font-weight:500; color:var(--black-color03); line-height:1.4;}

		@media screen and (max-width:1480px){
			.sub_vision .exp_list > li + li{margin-top:25px;}
			.sub_vision .exp_list .desc > dt{width:280px;}
			.sub_vision .exp_list .desc > dd{width:calc(100% - 280px);padding-left:40px; padding-right:40px;}
			.sub_vision .exp_list .desc > dd:has(.bullet_list){gap:8px 40px; padding-top:17px; padding-bottom:18px;}
	
			.sub_vision .worth{padding-top:16.2vw;}
				.sub_vision .worth:before{width:26.2vw; min-width:200px;}
			.sub_vision .worth .info_list{gap:25px;}
			.sub_vision .worth .info_list > li{padding-bottom:calc(15.179% - 20px);}

		}
		@media screen and (max-width:1200px){
			.sub_vision .exp_list > li + li{margin-top:20px;}
			.sub_vision .exp_list .desc > dt{width:260px;}
			.sub_vision .exp_list .desc > dd{width:calc(100% - 260px);padding-left:30px; padding-right:30px;}
			.sub_vision .exp_list .desc > dd:has(.bullet_list){gap:8px 0; padding-top:10px; padding-bottom:10px;}

			.sub_vision .worth .info_list{gap:20px;}
			.sub_vision .worth .info_list > li{padding-bottom:calc(15.205% - 20px);}
			.sub_vision .worth .info_list .desc dt + dd{margin-top:15px;}
		}
		@media screen and (max-width:1023px){
			.sub_vision .intro{padding-top:50px;}
			.sub_vision .exp_list > li + li{margin-top:15px;}
			.sub_vision .exp_list .desc > dt{width:240px;}
			.sub_vision .exp_list .desc > dd{width:calc(100% - 240px);padding-left:20px; padding-right:20px;}

			.sub_vision .worth .info_list{flex-wrap:wrap;}
			.sub_vision .worth .info_list > li{width:calc(100% / 3 - 13.34px); padding-bottom:calc(31.99% - 20px);}
		}
		@media screen and (max-width:767px){
			.sub_vision .exp_list > li{border-radius:40px;}
			.sub_vision .exp_list .desc{display:block;}
			.sub_vision .exp_list .desc > dt{width:100%; height:70px;}
			.sub_vision .exp_list .desc > dd{width:100%;}
			.sub_vision .exp_list .desc > :is(dd,dd:has(.bullet_list)){padding:20px 10px 25px;}
		}
		@media screen and (max-width:640px){
			.sub_vision .intro{padding-top:40px;}
			.sub_vision .worth{padding-top:100px;}
			.sub_vision .worth .info_list{gap:15px;}
			.sub_vision .worth .info_list > li{width:calc(100% / 3 - 10px); padding-bottom:calc(31.695% - 20px);}
			.sub_vision .worth .info_list .desc dt{width:50%; height:40px;}
		}
		@media screen and (max-width:479px){
			.sub_vision .exp_list > li{border-radius:40px;}
			.sub_vision .exp_list .desc > dt{height:60px;}
			.sub_vision .exp_list .desc > :is(dd,dd:has(.bullet_list)){padding:15px 10px 20px;}

			.sub_vision .worth .info_list > li{width:calc(100% / 2 - 7.5px); padding-bottom:calc(48.265% - 20px);}
			.sub_vision .worth .info_list .desc dt{height:35px;}
				.sub_vision .worth .info_list .desc dt + dd{margin-top:12px;}
		}


.stit {
        font-size: 28px;
        font-weight: 500;
        color: #333;
        margin-bottom: 15px;
        padding-left: 22px;
        background: url(../img/sub/bullet_h2.png) no-repeat left 50%;
		line-height:1.5
    }


/* sub layout 02 */
#sub .icon-list{overflow:hidden; position:relative; text-align: center;} 
#sub .icon-list li{float:left; width:33.33%; text-align:center; padding:0 50px;}
#sub .icon-list li:nth-child(2){border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;} 
#sub .icon-list li:last-child{border-right:0 !important;}
#sub .icon-list li h3{font-size:20px; color:#333; font-weight:500; margin:30px 0 10px;} 
#sub .icon-list li p{text-align:left; padding:5px 0 5px 15px; position:relative; font-weight:300;}
#sub .icon-list li p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;}
#sub .icon-list li b{display:block; font-weight:300; padding:5px 0;}
#sub .icon-list li:first-child:nth-last-child(1), 
#sub .icon-list li:first-child:nth-last-child(1)~li { float:none; display:inline-block; max-width:500px; width:49%; border:0;}
#sub .icon-list li:first-child:nth-last-child(2), 
#sub .icon-list li:first-child:nth-last-child(2)~li { float:none; display:inline-block; max-width:500px; width:49%; } 
#sub .icon-list li:first-child:nth-last-child(3), 
#sub .icon-list li:first-child:nth-last-child(3)~li {  width:33.333%;} 
#sub .icon-list li:first-child:nth-last-child(4), 
#sub .icon-list li:first-child:nth-last-child(4)~li {  width:25%; border-right:1px solid #e8e8e8; border-left:0;} 
#sub .icon-list li:first-child:nth-last-child(4) h3, 
#sub .icon-list li:first-child:nth-last-child(4)~li h3{font-size:18px; ;}
  @media screen and (max-width: 768px){
	  #sub .icon-list{border-top:1px solid #333; max-width:500px; margin:0 auto;}
	#sub .icon-list li{border:0; border-bottom:1px solid #e8e8e8 !important; padding:40px 20px;}
	#sub .icon-list li:first-child:nth-last-child(1), 
	#sub .icon-list li:first-child:nth-last-child(1)~li,
	#sub .icon-list li:first-child:nth-last-child(2), 
	#sub .icon-list li:first-child:nth-last-child(2)~li,
	#sub .icon-list li:first-child:nth-last-child(3), 
	#sub .icon-list li:first-child:nth-last-child(3)~li,
	#sub .icon-list li:first-child:nth-last-child(4), 
	#sub .icon-list li:first-child:nth-last-child(4)~li{width:100%; margin:0; border:0;}

  }


p.point-text {
    font-size: 16px;
    color: #e29035;
}


.process-content-wrap.common-subtitle-wrap {
    margin-bottom: 0
}

.process-content-wrap .process-content {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 30px
}

#sub .adv-list li ul li {border-bottom:0px !important; padding:30px 0}
#sub .adv-list li p.point-text {font-size:16px; color:#e29035}
#sub .adv-list li p.point-text:after {content: '';
    width: 0px;
    height: 0px;
	display:none;
   
	}
#sub .adv-list li ul li p:after {content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 28px;
    background: #e29035;}
	
/*.process-content-wrap .process-content::before {
    content: '';
    position: absolute;
    left: 37px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    z-index: -1
}
*/
.process-content-wrap .process-content .text-wrap .desc {font-size:16px !important}
@media screen and (min-width: 992px) {
    .process-content-wrap .process-content::before {
        left:5.625vw
    }
}

@media screen and (min-width: 1600px) {
    .process-content-wrap .process-content::before {
        left:90px
    }
}

.process-content-wrap .process-content:last-child {
    padding-bottom: 0
}

.process-content-wrap .process-content:last-child::before {
    display: none
}

.process-content-wrap .process-content .inner:not(:last-child) {
    margin-bottom: 50px
}

.process-content-wrap .process-content .img-wrap {
    flex: none;
    align-self: flex-start;
    width: 75px;
    height: 75px;
    margin-right: 15px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-size: 40px
}

@media screen and (min-width: 992px) {
    .process-content-wrap .process-content .img-wrap {
        width:11.250vw;
        height: 11.250vw;
        margin-right: 3.125vw;
        background-size: 4.688vw
    }
}

@media screen and (min-width: 1600px) {
    .process-content-wrap .process-content .img-wrap {
        width:180px;
        height: 180px;
        margin-right: 50px;
        background-size: 75px
    }
}

.process-content-wrap .process-content .text-wrap {
    flex: 1 1 0;
    width: 100%
}

table.common-pc-table  {
    min-width: 900px;
}


/* 테이블 반응형 */

.tablecontents {
    width: 100% !important;
    -ms-overflow-style:scrollbar;
}

.tablecontents::-webkit-scrollbar {height:0}

@media all and (max-width:800px){
   .tablecontents  {overflow-x: scroll;}

.tablecontents::-webkit-scrollbar {height: 5px; display: block;  border-radius: 5px;}
.tablecontents::-webkit-scrollbar-thumb { height: 5px; background-color: #aaa; border-radius: 5px;}
.tablecontents::-webkit-scrollbar-track {background-color: #333;  border-radius: 5px;}


}
.common-pc-table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border-style: hidden;
    table-layout: fixed;
	text-align:center;
	
}

.common-pc-table::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.common-pc-table::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
   
    height: 1px;
    background-color: #ddd
}

.common-pc-table thead {
    background-color: #f8f8f8
}

.common-pc-table thead th {
    font-weight: 500;
    border-bottom: none
}

.common-pc-table tbody th {
    background-color: #f8f8f8
}

.common-pc-table th,.common-pc-table td {
    height: 52px;
    padding: 10px 10px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.67;
    border-collapse: collapse
}

@media screen and (min-width: 1200px) {
    .common-pc-table th,.common-pc-table td {
        font-size:18px
    }
}



.common-pc-table .text-center {
    text-align: center
}

.common-mobile-table .mobile-table {
    padding: 15px 20px;
    background-color: #f5f5f5
}

.common-mobile-table .mobile-table:not(:last-child) {
    margin-bottom: 15px
}

.common-mobile-table .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.22;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.common-mobile-table .itme {
    display: flex;
    font-size: 16px;
    line-height: 1.75
}

.common-mobile-table .itme:not(:last-child) {
    margin-bottom: 8px
}

.common-mobile-table .itme-title {
    flex: none;
    width: 75px;
    font-weight: 500
}

.common-mobile-table .itme-desc {
    flex: 1 1 0;
    width: 100%;
    font-weight: 300
}

.program_box {
border: 5px solid rgba(226, 144, 53, .3);
    border-radius: 6px;
    margin: 15px 0 50px 0;
	padding:10px;
	font-size:18px;
}




/* History 01 :: Layout */

.history-top-banner{margin-bottom:6.5rem; text-align:center}
.history-top-banner img{max-width:100%; border-radius:2rem}




.history-style01 {
    position: relative;
	padding:50px 0;
}

.history-style01 .history-year-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 6rem;
}

.history-style01 .history-year-item:last-child {
    padding-bottom: 0
}

.history-style01 .history-year-item .history-info-box {
    width: 50%;
}

.history-style01 .history-year-item .history-back-line {
    position: absolute;
    top: 10px;
    height: 100%;
    width: 1px;
    left: 50%;
    background-color: #ddd;
}

.history-style01 .history-year-item:last-child .history-back-line {
    display: none;
}

.history-style01 .history-year-item .history-back-line .line-inner {
    display: block;
    width: 100%;
    height: 0;
    background-color:#e29035;
}

.history-style01 .history-year-item .history-year-tit {
    position: relative;
    font-size: 36px;
    color: #111;
    font-weight: 800;
    margin-bottom: 2rem;
}

/* .history-style01 .history-year-item .history-year-tit:after{position:absolute; top:50%; width:calc(30px - 1rem); height:1px; background-color:#ddd; content:"";} */
.history-style01 .history-year-item .history-year-tit .dot {
    position: absolute;
    display: block;
    top: 50%;
    background: rgba(221,221,221,0.3);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    transform: translate(0%, -50%);
}

.history-style01 .history-year-item .history-year-tit .dot:before {
    position: absolute;
    content: '';
    background: rgba(221,221,221,0.4);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.history-style01 .history-year-item .history-year-tit .dot:after {
    position: absolute;
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0.3rem solid #e29035;
}

/* .history-style01 .history-year-item .history-year-tit .dot{position:absolute; display: block; top:50%; width:0.5rem; height:0.5rem; background-color:#fff; border-radius:50%; transform:translate(0%, -50%); } */
/* History 01 :: Month */
.history-style01 .history-month-box .history-month-item {
    position: relative;
    display: flex;
 
    margin: 10px 0;
}

.history-style01 .history-month-box .history-month-item .history-month {
    width: 3rem;
    display: block;
    font-size: 20px;
    letter-spacing: -0.015em;
    color: #e29035;
    font-weight: 700;
	   line-height: 1.5;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt-con {
    width: 100%;
}



.history-style01 .history-month-box .history-month-item .history-month + .history-detail-txt-con {
    width: calc(100% - 5rem);
}

.history-style01 .history-month-box .history-month-item .history-detail-txt {
    color: #444;
    font-size: 18px;
	   line-height: 1.5;
    letter-spacing: -0.015em;
    margin-bottom:;
    word-break: keep-all;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt strong{
    color: #e29035;
	font-size: 1.8rem;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt:last-of-type {
    margin-bottom: 0
}

.history-style01 .history-month-box .history-month-item .history-detail-txt.only-txt {
    position: relative;
}

.history-style01 .history-month-box .history-month-item .history-detail-txt.only-txt:before {
    position: absolute;
    top: 0;
    content: "-";
}

/* History :: active */
.history-style01 .history-year-item .history-year-tit, .history-style01 .history-year-item .history-year-tit:after, .history-style01 .history-year-item .history-year-tit .dot, .history-style01 .history-month-box .history-month-item, .history-style01 .history-month-box .history-month-item:before, .history-style01 .history-month-box .history-month-item .history-month {
    transition: all 0.5s ease-in-out;
    transition-property: color, background-color, border-color
}

.history-style01 .history-year-item.active .history-year-tit {
    color: #e29035;
}

.history-style01 .history-year-item.active .history-year-tit:after {
    background-color: #e29035;
}

.history-style01 .history-year-item.active .history-year-tit .dot {
    background-color: #e29035;
}

.history-style01 .history-year-item.active .history-month-box .history-month-item:before {
    border-color: #e29035;
}

.history-style01 .history-year-item.active .history-month-item .history-month {
    color: #e29035;
}

/* History :: 이미지 */
.history-style01 .history-img-box {
    width: calc(50% - 30px);
    margin-top: 8rem
}

.history-style01 .history-img-box span {
    display: inline-block;
}

.history-style01 .history-img-box span img {
    max-width: 100%;
}

.history-style01 .history-right {text-align:left}


@media all and (min-width: 801px) {
    /* 우측내용 */ .history-style01 .history-right {
        flex-direction:row-reverse;
    }

    .history-style01 .history-right .history-year-tit:not(.reverse) {
        padding-left: 60px;
    }

    .history-style01 .history-right .history-year-tit:not(.reverse):after {
        left: 0;
    }

    .history-style01 .history-right .history-year-tit:not(.reverse) .dot {
        left: 0;
        transform: translate(-50%,-50%)
    }

    .history-style01 .history-right .history-month-box .history-month-item {
        padding-left: 60px
    }

    .history-style01 .history-right .history-month-box .history-month-item .history-detail-txt.only-txt {
        padding-left: 1em;
    }

    .history-style01 .history-right .history-month-box .history-month-item .history-detail-txt.only-txt:before {
        left: 0;
    }

    .history-style01 .history-right .history-img-box {
        text-align: right;
    }

    /* 좌측내용 */
    .history-style01 .history-left {
        text-align: right;
    }

    .history-style01 .history-left .history-year-tit:not(.reverse) {
        padding-right: 60px;
    }

    .history-style01 .history-left .history-year-tit:not(.reverse):after {
        right: 0;
    }

    .history-style01 .history-left .history-year-tit:not(.reverse) .dot {
        right: 0;
        transform: translate(50%,-50%)
    }

    .history-style01 .history-left .history-month-box .history-month-item {
        flex-direction: row-reverse;
        padding-right: 60px
    }

    .history-style01 .history-left .history-month-box .history-month-item:before {
        right: 0px;
        transform: translate(50%, 0)
    }

    .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt.only-txt {
        padding-right: 1em;
    }

    .history-style01 .history-left .history-month-box .history-month-item .history-detail-txt.only-txt:before {
        right: 0;
    }

    .history-style01 .history-left .history-img-box {
        text-align: left;
    }

    /* 연도 타이틀이 내용 반대편에 있을때 (reverse) */
    .history-style01 .history-year-item .history-year-tit.reverse {
        position: absolute;
        top: -5px;
    }

    .history-style01 .history-right .history-year-tit.reverse {
        right: 50%;
        padding-right: 60px;
    }

    .history-style01 .history-right .history-year-tit.reverse:after {
        right: 0
    }

    .history-style01 .history-right .history-year-tit.reverse .dot {
        left: 100%;
        transform: translate(-50%,-50%)
    }

    .history-style01 .history-left .history-year-tit.reverse {
        left: 50%;
        padding-left: 60px;
    }

    .history-style01 .history-left .history-year-tit.reverse:after {
        left: 0
    }

    .history-style01 .history-left .history-year-tit.reverse .dot {
        right: 100%;
        transform: translate(50%,-50%)
    }
}

@media all and (max-width: 800px) {
    /* History 01 :: Layout */ .history-style01 .history-year-item .history-info-box {
        width:100%; text-align:left
    }

    .history-style01 .history-year-item .history-back-line {
        left: 15px; top:30px
    }

    .history-style01 .history-year-item .history-year-tit {
        padding-left: 60px
    }

    .history-style01 .history-year-item .history-year-tit:after {
        display: none;
    }

    .history-style01 .history-year-item .history-year-tit .dot {
        left: -3px;
    }

    /* History 01 :: Month */
    .history-style01 .history-month-box .history-month-item {
        padding-left: 60px
    }

    .history-style01 .history-month-box .history-month-item:before {
        left: 1px;
        transform: translateX(50%)
    }

    /* History :: 이미지 */
    .history-img-box {
        position: static;
        width: auto;
        margin: 5rem 0 0 30px
    }
}



.historyList{ background:url("../img/sub/dot_h.png") repeat-y 220px top; }
.historyList .year{ border-top:1px solid #ececec;position:relative; padding:40px 0 40px 127px;}
.historyList .year:first-child{ border-top:2px solid #2f3592;}
.historyList .year > dt{ position:absolute; left:0; top:50px; color:#2f3592; font-size:30px; font-weight:800; font-family: 'Noto Sans KR', sans-serif;   }
.historyList .month{ position:relative; padding-left:28px; margin-top:15px;}
.historyList .month:first-child{ margin-top:0;}
.historyList .month > dt{ text-align:right; padding-right:17px;width:70px; line-height:24px; font-size:16px; position:absolute; left:0; top:0; }
.historyList .month > dd{ padding-left:63px; color:#767676; font-weight:normal}
.historyList .month > dd > p{ background:url("../img/sub/blue_sq.png") no-repeat left 9px; padding-left:25px; font-size:15px}

@media screen and (max-width: 1200px) {
	.historyList{ background:none; }
	.historyList .year{ padding:40px 0 20px 50px;}
}

@media screen and (max-width: 640px) {
	.historyList{ background:none; }
	.historyList .year{ padding:40px 0 20px 10px;}
	
	.historyList .year > dt{ position:static; margin-bottom:10px; font-size:24px; }
	.historyList .month{ padding-left:0px; } 
	.historyList .month > dt{ display:block; text-align:left;}
	.historyList .month > dd{ display:block; padding-left:35px;  }
	.historyList .month > dd > p { padding-left:15px;}
	 
}



/* contents tabs */
.con-tab-menu {text-align:center; overflow:hidden; }
.con-tab-menu li{ float:left; width:100%;   border:1px solid #ddd; border-left:0;}  
.con-tab-menu li a{height:65px; position:relative; text-align:center; display: block; cursor:pointer; background:#fff;}
.con-tab-menu li a span{position:absolute; width:100%; font-size:18px;  left:0; top:50%; transform:translateY(-50%); line-height:1.3;}
.con-tab-menu li a.active{background:#e29035; color:#fff;}  
.con-tab-menu li:first-child{border-left:1px solid #ddd;}
.con-tab-menu li:nth-child(7){border-left:1px solid #ddd;}

.con-tab-menu li:nth-child(7),
.con-tab-menu li:nth-child(8),
.con-tab-menu li:nth-child(9),
.con-tab-menu li:nth-child(10),
.con-tab-menu li:nth-child(11),
.con-tab-menu li:nth-child(12) { margin-top:-1px}



.con-tab{ display: none; padding:80px 0 0;} 
.con-tab.active{ display: block;}  
.con-tab-menu li:first-child:nth-last-child(2),  
.con-tab-menu li:first-child:nth-last-child(2)~li{ width: 50%; } 
.con-tab-menu li:first-child:nth-last-child(3),  
.con-tab-menu li:first-child:nth-last-child(3)~li{ width: 33.333%; max-width:none;}  
.con-tab-menu li:first-child:nth-last-child(4),  
.con-tab-menu li:first-child:nth-last-child(4)~li{ width: 25%; }  	
.con-tab-menu li:first-child:nth-last-child(5),  
.con-tab-menu li:first-child:nth-last-child(5)~li{ width: 19.8%; } 
.con-tab-menu li:first-child:nth-last-child(6),  
.con-tab-menu li:first-child:nth-last-child(6)~li{ width: 16.666%; }  
.con-tab-menu li:first-child:nth-last-child(7),  
.con-tab-menu li:first-child:nth-last-child(7)~li{ width: 14.285%; }  
.con-tab-menu li:first-child:nth-last-child(8),  
.con-tab-menu li:first-child:nth-last-child(8)~li{ width: 12.5%; } 
.con-tab-menu li:first-child:nth-last-child(12),  
.con-tab-menu li:first-child:nth-last-child(12)~li{ width: 16.6%; }  



/*이용약관 / 개인정보처리방침*/

.priv_wrap { width: 100%; max-width: 100rem; margin: 0 auto; padding: 0 6rem 6rem; border-top: 1.5px solid #000; border-bottom: 1.5px solid #EEEEEE; font-size:16px }
.priv_wrap.privacy { padding: 6rem;  font-size:16px}

.priv_wrap .dot_txt:before { display: none; }

.priv_wrap h3 { margin-top: 6rem;  font-weight: 700; color: var(--blue); }
.priv_wrap .tit { margin-top: 3rem;  font-weight: 700; position:relative; font-size:20px;}
/*.priv_wrap .tit:after  {content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
    background: #fff;
    border: 2px solid #e29035;
}
*/

.priv_wrap p { line-height: 1.5; }
.priv_wrap p + p { margin-top: 10px; }
.priv_wrap .tit + p { margin-top: 20px; }
.priv_wrap .list_in { padding-left: 1em; margin-top: 1rem; }
.priv_wrap p.in_txt { padding-left: 1.5em; text-indent: -1.5em; }
/*.priv_wrap p +.in_txt { margin-top: 2.5rem; }*/
.priv_wrap .in_txt +.in_txt { margin-top: 1.5rem; }
.priv_wrap p.in_tit { margin-top: 3rem; font-size:16px; font-weight: 600; }
.priv_wrap p.dot_txt { padding-left: 0.8em; text-indent: -0.8em; }
.priv_wrap .dot_txt + .dot_txt { margin-top: 1.5rem; }
.priv_wrap p.in_txt.notice { font-weight: 600; }
/*.priv_wrap p.blank { margin-top: 10rem; }*/

.priv_wrap p span { display: block; padding-left: 1.5em; text-indent: -1em; font-size:14px; }
.priv_wrap p span.none { padding-left: 0; text-indent: 0;}
.priv_wrap p span:first-of-type { margin-top: 1rem; }
.priv_wrap ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 2rem; font-size:16px; gap: 1.2rem; }

.priv_wrap table { width: 100%; margin-top: 3rem; font-size:16px; }
.priv_wrap table thead { background-color: #f5f7f9 }
.priv_wrap table thead th { padding: 8px 10px; border: 1px solid #eceff1; word-break: keep-all; line-height: 1.2; }
.priv_wrap table thead th.small { font-size: 14px; }
.priv_wrap table td { padding: 8px 10px; border: 1px solid #EEEEEE; }
.ck-content .table table td, .ck-content .table table th { word-break: break-all !important; }
.priv_wrap table td.price {  }


/*제증명신청*/
ul.download{ width:100%}
ul.download li{float:left;margin-right:3%;}
ul.download li:last-child{margin-right:0;}
ul.download li a{display:block;line-height:60px;border:1px dotted #ccc;text-align:center;background-color:#fafafa;}
ul.download li a i{margin-left:10px; color:#e29035}



.info__wrap {align-items: flex-start; display: flex; flex-wrap: wrap;}
.info__wrap .infoBox {
    width: 50%;
	line-height:1.5;
	word-break:keep-all;
}



.info__wrap .pics {
    padding-left: 50px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
}

@media screen and (max-width: 1200px) {
	
	.info__wrap .infoBox {
    width: 100%;

}
.info__wrap .pics {
    padding-left: 0px;
	padding-top:20px
}
	
}
@media screen and (max-width: 1200px) {

.info__wrap .infoBox p{ font-size:16px; color:#666 }

}