@charset "utf-8";

.fz13{font-size:13px !important;}
.txt_gray{color:#747474 !important;}		  

.guide{}
.guide .inner{width:980px; margin:0 auto; padding:0 30px;}
.header{height:204px;}
.header .header_top{background:#dd0746;}
.header .header_top .inner{position:relative; height:90px; display:flex; align-items:center; justify-content:space-between;}
.header .header_top h1{display:flex; align-items:center; gap:20px;}
.header .header_top h1 .tit{padding-top:10px; font-size:24px; color:#fff; font-weight:200;}
.header .header_top h1 .tit strong{font-weight:600;}
.header .header_top a{position:relative; display:flex; align-items:center; height:60px; padding:0 110px 0 36px; background:#fff; border-radius:30px; border:1px solid #000; box-shadow:0 0 7px rgba(0,0,0,0.4);}
.header .header_top a span{font-size:15px; color:#f1691f; line-height:1.2;}
.header .header_top a span:after{content:''; position:absolute; right:30px; top:50%; transform:translateY(-50%); display:block; width:11px; height:24pc; background:url(../img/arrow.png)no-repeat center;}
.header .header_top a span strong{display:block; font-size:16px; font-weight:800;}
.header .header_top a:hover span{text-decoration:underline; text-underline-offset:3px;}
.header .header_top a:hover span:after{right:25px; transition:0.2s ease-in;}

.gnb{}
.gnb .depth1{display:flex; align-items:center;}
.gnb .depth1 > li{position:relative; padding:20px 0; }
.gnb .depth1 > li + li{margin-left:64px;}
.gnb .depth1 > li + li:before{content:''; position:absolute; top:50%; left:-32px; transform:translateY(-50%); width:1px; height:16px; background:#dbdbdb;}
.gnb .depth1 > li > a{display:block;}
.gnb .depth1 > li > a > span{font-size:15px; color:#313131;}
.gnb .depth2{display:none; position:absolute; top:100%; left:0; width:max-content;}
.gnb .depth2 > li{position:relative; padding:20px 0;}
.gnb .depth2 > li + li{margin-left:40px;}
.gnb .depth2 > li + li:before{content:''; position:absolute; top:50%; left:-19px; transform:translateY(-50%); width:1px; height:14px; background:#dbdbdb;}
.gnb .depth2 > li > a{}
.gnb .depth2 > li > a > span{display:block; position:relative; font-size:14px; color:#211c1e; z-index:1;}  
.gnb .depth1 > li.on .depth2{display:flex;}
.gnb .depth1 > li.menu04.on .depth2,
.gnb .depth1 > li.menu05.on .depth2{left:auto; right:0;}
.gnb .depth1 > li:hover > a > span,
.gnb .depth1 > li.on > a > span{text-decoration:underline; text-underline-offset:4px; color:#dd0746; font-weight:600; transition:0.2s;}
.gnb .depth2 > li:hover > a > span,
.gnb .depth2 > li.on > a > span{padding:0 14px; color:#fff; font-weight:600; transition:0.2s;}
.gnb .depth2 > li:hover > a > span:before,
.gnb .depth2 > li.on > a > span:before{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:34px; border-radius:34px; background:#dd0746; z-index:-1; transition:0.2s;}
.gnb_bg{position:absolute; top:146px; width:100%; height:58px; background:#fdf0f4; border-bottom:1px solid #e3cad2; border-top:1px solid #e3cad2;}


.guide_con{padding-bottom:140px;}
.guide_con .section{border-bottom:1px solid #cfcfcf;}
.guide_con .section .inner{display:flex;}
.guide_con .section .txt_area{width:calc(100% - 555px); padding:25px 25px 25px 0;}
.guide_con .section .txt_area > ul{}
.guide_con .section .txt_area > ul > li{position:relative; padding-left:40px; font-size:16px; line-height:1.5;}
.guide_con .section .txt_area > ul > li + li{margin-top:50px;}
.guide_con .section .txt_area > ul > li .num{position:absolute; top:-1px; left:0; display:flex; align-items:center; justify-content:center; width:27px; height:27px; border-radius:27px; font-size:13px; font-weight:200; color:#fff; background:#dd0746;}
.guide_con .section .txt_area > ul > li .point{color:#dd0746; font-weight:800;}
.guide_con .section .txt_area > ul > li > ul > li{position:relative; margin-top:25px; padding-left:10px; font-size:14px; color:#747474; line-height:1.4; letter-spacing:-0.5px;}
.guide_con .section .txt_area > ul > li > ul > li + li{margin-top:20px;}
.guide_con .section .txt_area > ul > li > ul > li:before{content:''; position:absolute; left:0; top:6px; display:block; width:4px; height:4px; border-radius:2px; background:#000000;}
.guide_con .section .img_area{width:555px; padding:25px 0 25px 25px; border-left:1px solid #cfcfcf;}
.guide_con .section .img_area img{width:529px; border-radius:10px}
.guide_con .section:first-child .txt_area{padding-top:40px;}
.guide_con .section:first-child .img_area{padding-top:40px;}
.guide_con .section .txt_area .indent{display:block; padding-left:18px; text-indent:-18px;}
.guide_con .section .txt_area .num_list{}
.guide_con .section .txt_area .num_list li{display:flex; gap:4px; padding-left:0; font-size:15px; color:#000;}
.guide_con .section .txt_area .num_list li:before{display:none;}
.guide_con .section .txt_area .flex{display:inline-flex; gap:4px;}



.general .header_top{background:#f1691f;}
.general .header .header_top a span{color:#dd0746;}
.general .header .header_top a span:after{background:url(../img/arrow_c.png)no-repeat center;}	  
.general .gnb .depth1 > li.menu03.on .depth2{left:auto; right:-150px;}
.general .gnb .depth1 > li.menu04.on .depth2{left:auto; right:0;}
.general .gnb .depth1 > li:hover > a > span,
.general .gnb .depth1 > li.on > a > span{color:#f1691f;}
.general .gnb .depth2 > li:hover > a > span:before,
.general .gnb .depth2 > li.on > a > span:before{background:#f1691f;}
.general .gnb_bg{background:#fdf0e9; border-bottom:1px solid #eacab8; border-top:1px solid #eacab8;}	  
.general .guide_con .section .txt_area > ul > li .point{color:#f1691f;}
.general .guide_con .section .txt_area > ul > li .num{background:#f1691f;}