@charset "utf-8";


/*서브공통 } */
#sub_div{ position:relative; background:#fff; max-width:1200px; margin:125px auto 50px auto; padding:20px; min-height:1200px}
#sub_div_member{ position:relative; background:#f2f2f2; margin-top:-20px; padding:10px}
.mypage{width:100%; }
#sub_div_2{ position:relative; background:#fff; max-width:1600px; margin:125px auto 50px auto; padding:20px;}

.mypage_2{width:100%; max-width:1400px }
.jointext{width:100%; font-size:0.9em; padding:10px; background:#f2f2f2; border:1px solid #ccc}

div.topBtn{ width:100%; background:#dce6fb; padding:40px 20px; border-radius:20px; margin-bottom:40px}
div.topBtn > ul{ display:flex; justify-content:center;font-family: 'ONE-Mobile-Title'; gap:2px}
div.topBtn h3{width:100%; text-align:center; margin-bottom:20px; font-size:1.4em; color:#336699}
div.topBtn .tab_menu{position:relative;}
div.topBtn .tab_menu .list{display:flex; justify-content:center; }
  div.topBtn .tab_menu .list > li{margin-right:2px;  }
  div.topBtn .tab_menu .list li a{font-family: 'ONE-Mobile-Title';display:flex; justify-content:center; align-items:center; width:200px; height:60px; border:2px solid #7e9edf;color:#7e9edf; border-radius:30px; }
  div.topBtn .tab_menu .list li.is_on a{background:#fff; color:#333366 }
  div.topBtn .tab_menu .list li span:before{display:block; content:"";width:30px; height:30px; margin-right:3px}
  div.topBtn .tab_menu .list li:nth-child(1) a span:before{background:url('/app/images/common/ico_tab_01.png') no-repeat center center; background-size:cover;opacity: 0.5;}
  div.topBtn .tab_menu .list li.is_on:nth-child(1) a span:before{background:url('/app/images/common/ico_tab_01.png') no-repeat center center; background-size:cover;opacity: 1;}
  div.topBtn .tab_menu .list li:nth-child(2) a span:before{background:url('/app/images/common/ico_tab_02.png') no-repeat center center; background-size:cover;opacity: 0.5;}
  div.topBtn .tab_menu .list li.is_on:nth-child(2) a span:before{background:url('/app/images/common/ico_tab_02.png') no-repeat center center; background-size:cover;opacity: 1;}

  div.topBtn .tab_menu .mylist{display:flex; justify-content:center; }
  div.topBtn .tab_menu .mylist > li{margin-right:2px;  }
  div.topBtn .tab_menu .mylist li a{font-family: 'ONE-Mobile-Title';display:flex; justify-content:center; align-items:center; width:160px; height:40px; border:2px solid #7e9edf;color:#7e9edf; border-radius:30px; font-size:0.8em }
  div.topBtn .tab_menu .mylist li.is_on a{background:#fff; color:#333366 }
  div.topBtn .tab_menu .mylist li span:before{display:block; content:"";width:20px; height:20px; margin-right:3px}
  div.topBtn .tab_menu .mylist li:nth-child(1) a span:before{background:url('/app/images/common/ico_mytab_01.png') no-repeat center center; background-size:cover;opacity: 0.5;}
  div.topBtn .tab_menu .mylist li.is_on:nth-child(1) a span:before{background:url('/app/images/common/ico_mytab_01.png') no-repeat center center; background-size:cover;opacity: 1;}
  div.topBtn .tab_menu .mylist li:nth-child(2) a span:before{background:url('/app/images/common/ico_mytab_02.png') no-repeat center center; background-size:cover;opacity: 0.5;}
  div.topBtn .tab_menu .mylist li.is_on:nth-child(2) a span:before{background:url('/app/images/common/ico_mytab_02.png') no-repeat center center; background-size:cover;opacity: 1;}
  div.topBtn .tab_menu .mylist li:nth-child(3) a span:before{background:url('/app/images/common/ico_mytab_03.png') no-repeat center center; background-size:cover;opacity: 0.5;}
  div.topBtn .tab_menu .mylist li.is_on:nth-child(3) a span:before{background:url('/app/images/common/ico_mytab_03.png') no-repeat center center; background-size:cover;opacity: 1;}
  div.topBtn .tab_menu .mylist li:nth-child(4) a span:before{background:url('/app/images/common/ico_mytab_04.png') no-repeat center center; background-size:cover;opacity: 0.5;}
  div.topBtn .tab_menu .mylist li.is_on:nth-child(4) a span:before{background:url('/app/images/common/ico_mytab_04.png') no-repeat center center; background-size:cover;opacity: 1;}
    div.topBtn .tab_menu .mylist li:nth-child(5) a span:before{background:url('/app/images/common/ico_mytab_05.png') no-repeat center center; background-size:cover;opacity: 0.5;}
  div.topBtn .tab_menu .mylist li.is_on:nth-child(5) a span:before{background:url('/app/images/common/ico_mytab_05.png') no-repeat center center; background-size:cover;opacity: 1;}
  div.topBtn .tab_menu .colist{display:flex; flex-wrap:wrap; justify-content:center; }
  div.topBtn .tab_menu .colist > li{margin-right:2px;  }
  div.topBtn .tab_menu .colist li a{font-family: 'ONE-Mobile-Title';display:flex; justify-content:center; align-items:center; width:180px; height:50px; border:2px solid #7e9edf;color:#7e9edf; border-radius:30px; font-size:16px }
  div.topBtn .tab_menu .colist li.is_on a{background:#fff; color:#333366 }




  div.topBtn .tab_menu .list .btn{font-size:13px;}
  div.topBtn .tab_menu .cont_area{margin-top:20px;}
  div.topBtn .tab_menu .cont_area .cont{display:none; }
  div.topBtn .cont ul{margin:0 auto; display:flex; flex-wrap:wrap !important;gap:5px;align-content:flex-start;min-height:auto; }
  div.topBtn .cont ul > li > a{display:flex; justify-content:center; align-items:center; border:1px solid #ccc; background:#fff; width:100px; height:40px; border-radius:20px; color:#000; font-size:0.8em }
   div.topBtn .cont ul > li > a.on{border:1px solid #3366cc;  color:#fff; background:#3366cc}
  div.topBtn .main_slide_01{width:100%;  color:#000; height:270px; position:relative; }
  div.topBtn .main_slide_01 div.swiper-container{width:100%;background:url('/app/images/common/bg_mslide.png') repeat-x left 50px ; color:#000; height:270px; position:relative;  }





ul.pagenation {width:100%; font-size:0.8em; display:flex; justify-content:center; gap:5px; margin-top:50px }
ul.pagenation li {width:30px; height:30px; border-radius:50%; overflow:hidden; display:flex; justify-content:center; align-items:center; border:1px solid #ccc }
ul.pagenation li a{width:100%; height:100%;display:block; text-align:center}
ul.pagenation li.on{background:#3366cc;  }
ul.pagenation li.next{border:0  }
ul.pagenation li.next a{color:#3366cc; }
ul.pagenation li.on a{color:#fff;  }

/* 전문가 리스트 */
/*제출리스트 위에 법원링크 */
div.CourtLink{width:100%; border:1px solid #ccc; background:#f2f2f2; border-radius:20px; padding:20px; font-size:0.8em;margin-bottom:20px}
div.CourtLink > ul{width:100%; display:flex; flex-wrap:wrap;}
div.CourtLink > ul > li{width:20%;}
div.CourtLink > ul > li a.bluelink{color:#3399cc;}

#sub_div > div.conList{}
#sub_div > div.conList > ul{width:100%; display:flex; flex-wrap:wrap; gap:20px }
#sub_div > div.conList > ul > li{width:100%; position:relative; padding:20px; border-radius:10px; background:#fff;	border: 1px solid rgba(128,128,128, 0.6);
	*-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	*-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	*box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);	 }
#sub_div > div.conList > ul > li > a{width:100%; height:100%; display:block; position:absolute; left:0; top:0; border-radius:10px;  }
#sub_div > div.conList > ul > li > a:hover{	border: 1px solid #3366cc; }
#sub_div > div.conList ul li dl{width:100%;}
#sub_div > div.conList ul li dl dt{width:100%; display:flex; flex-wrap:nowrap}
#sub_div > div.conList ul li dl dt > div.consult_01{display:block; width:100px; height:100px; overflow:hidden; border-radius:50%;}
#sub_div > div.conList ul li dl dt > div.consult_01 > img{width:100%;}
#sub_div > div.conList ul li dl dt > div.consult_02{width:calc(100% - 120px); padding-left:10px;}
#sub_div > div.conList ul li dl dt > div.consult_02 > p:nth-child(1) > span{font-family: 'ONE-Mobile-Title'; font-size:1.1em;}
#sub_div > div.conList ul li dl dt > div.consult_02 > p:nth-child(2){font-size:0.9em; color:#3366cc}
#sub_div > div.conList ul li dl dt > div.consult_02 > p:nth-child(4){display:flex}
#sub_div > div.conList ul li dl dd{width:100%;}
#sub_div > div.conList ul li dl dd > div.consult_03{width:100%; display:flex; gap:10px; margin-top:20px }
#sub_div > div.conList ul li dl dd > div.consult_03 a{display:flex; align-items:center; border:2px solid #3366cc; color:#3366cc; background:#eee; border-radius:30px; padding:5px 20px; font-size:0.9em }
#sub_div > div.conList ul li dl dd > div.consult_03 a:hover{background:#fff;  }
#sub_div > div.conList ul li dl dd > div.consult_03 a span:before{display:inline-block; content:"";width:30px; height:30px; background-size:100%; vertical-align:middle;margin-right:3px}
#sub_div > div.conList ul li dl dd > div.consult_03 a.con_01 > span:before{background:url('/app/images/common/ico_con_01.png') no-repeat center center;background-size:100%; }
#sub_div > div.conList ul li dl dd > div.consult_03 a.con_02 > span:before{background:url('/app/images/common/ico_con_02.png') no-repeat center center;background-size:100%; }
#sub_div > div.conList ul li dl dd > div.consult_03 a.con_03 > span:before{background:url('/app/images/common/ico_con_03.png') no-repeat center center;background-size:100%; }
#sub_div > div.conList ul li dl dd > div.consult_03 a.con_04 > span:before{background:url('/app/images/common/ico_con_04.png') no-repeat center center;background-size:100%; }

.mtext{width:100%; color:#003399; font-size:0.8em; text-align:center; padding-top:5px}
p.viewmore{width:100%; padding:50px 10px; text-align:center; font-size:0.9em }
p.viewmore  a{display:inline-block; border:1px solid #3366cc; border-radius:30px; padding:10px 40px }
p.viewmore  a:hover{background:#3366cc; color:#fff }
p.viewmore  a:hover span{color:#fff }
p.viewmore  span{display:inline-block; vertical-align:top; color:#3366cc; margin-left:5px }

ul.ul_catagory{width:100%; display:flex; flex-wrap:wrap; gap:2px; justify-content:center; margin-bottom:20px }
ul.ul_catagory li{ }

ul.ul_catagory li a{display:block;width:200px; height:2.5em; border:1px solid #0066cc; font-size:0.9em; text-align:center; line-height:2.5em }
ul.ul_catagory li a:hover{background: #0066cc; color:#fff}
ul.ul_catagory li a.is_on{background: #eee; color:#0066cc;}
/* 마이페이지-법무설정 */

div.Legal_setting{width:100%; }
ul.law_status{width:100%; padding:40px; display:flex; flex-wrap:wrap; border:1px solid #ccc; margin-bottom:20px}
ul.law_status li{width:25%; padding:10px;display:flex}
ul.law_status li:nth-child(1){width:100%; }
ul.law_status li > div{display:flex; padding-right:15px; }
ul.law_status li > div > span{display:inline-block; width:30px; height:30px; margin-right:5px; content:""; vertical-align:bottom}
ul.law_status li label{display:inline-block; margin-right:15px }


ul.law_status li:nth-child(2) > div  > span{background:url('/app/images/common/ico_con_02.png') no-repeat center center;background-size:100%; }
ul.law_status li:nth-child(3) > div  > span{background:url('/app/images/common/ico_con_01.png') no-repeat center center;background-size:100%; }
ul.law_status li:nth-child(4) > div  > span{background:url('/app/images/common/ico_con_03.png') no-repeat center center;background-size:100%; }
ul.law_status li:nth-child(5) > div  > span{background:url('/app/images/common/ico_con_04.png') no-repeat center center;background-size:100%; }


#sub_nav > div {display:flex;width:100%; margin:30px auto 0 auto;  ;position:relative;}
#sub_nav:after{display:block; clear:both; content:'';}
#sub_nav > div > a {padding-left:10px; padding-right:20px; border-right:1px solid #ccc; line-height:1.0em;}
#sub_nav .depth_link{ color:#fff; padding-right:10px}

#sub_nav .depth_link dt {width: 100%;	padding: 20px 10px;	font-size: 16px;line-height:1.0em;	cursor:pointer; 	position:relative;  text-align:center;}
#sub_nav .depth_link dt > img.down_vector{	position: absolute;	top: 50%;	right: 0px;}
#sub_nav .depth_link dd {	display: none;	box-sizing: border-box;	position: absolute;	z-index:9999999999999999999999;	width: 100%; left:0; top: 55px;}
#sub_nav .depth_link dd > ul{background-color:#fff; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.10); border-radius:5px; display:flex; flex-wrap:wrap; gap:5px; padding:10px}
#sub_nav .depth_link dd > ul > li{flex:auto}
#sub_nav .depth_link li{}
#sub_nav .depth_link li a {width:100%; display:block; text-align:center; padding: 0 10px; font-size:14px; border:1px solid #ccc; border-radius:20px;}
#sub_nav .depth_link li.li_head a{border:0; font-weight:700; color:#336699; font-size:16px; text-align:left}
#sub_nav .depth_link li.li_head{width:100% !important; height:30px; display:block; margin-top:10px}
#sub_nav .depth_link li:hover > a { color:#0158c1;background:#e3edf9}
dl.depth_01{width:50%;background:#3366cc; border-radius:10px 0 0 10px}

dl.depth_02{width:50%;background:#003399; }
dl.depth_02:last-child{border-radius:0 10px 10px 0}
dl.depth_01 span{display:inline-block; content:""; vertical-align:middle; margin-right:3px; width:25px; height:25px;background:url('/app/images/common/ico_list_01.png') no-repeat left top; background-size:cover; }
dl.depth_02 span{display:inline-block; content:""; vertical-align:middle; margin-right:3px; width:25px; height:25px;background: url('/app/images/common/ico_list_02.png') no-repeat left top; background-size:cover;}


/* 전문가 상세 */

#sub_div > div.conDtail{ width:100%}
div.conDtail > div.Dtail_Top{ width:100%; position:relative; background:#fff; margin-bottom:20px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dt { width:100%; background:#fff; padding:10px 10px 10px 220px; font-size:1.1em;}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dt > p.Top_title_01 span{font-family: 'ONE-Mobile-Title'; font-size:1.1em; margin-right:5px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd{ width:100%; background:#c6ddf9; padding:10px 10px 10px 220px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > p.Top_title_03{font-size:1.1em; color:#003399; margin-bottom:5px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > ul > li{padding-left:25px;}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > ul > li.addr{background:url('/app/images/common/ico_detail_01.png') no-repeat left 2px;}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > ul > li.phone{background:url('/app/images/common/ico_detail_02.png') no-repeat left 2px;font-weight:700; font-size:1.1em; color:#003399}
div.conDtail > div.Dtail_Top > div.Dt_Top_02{ position:absolute; top:20px; left:20px; width:180px; height:180px; border-radius:50%; overflow:hidden;}
div.conDtail > div.Dtail_Top > div.Dt_Top_02 img{ width:100%;}

div.conDtail > div.Dtail_Top_new{ width:100%; position:relative; font-size:1em; background:#fff; margin-bottom:20px; display:flex;padding:20px }
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01{ width:calc(100% - 530px); }
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dt { width:100%; background:#fff; padding:10px 10px 10px 10px; font-size:1em;}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dt > p.Top_title_01 span:nth-child(1){font-family: 'ONE-Mobile-Title'; font-size:1.1em; margin-right:5px}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dt > p.Top_title_01 span:nth-child(2){font-family: ''; font-size:0.8em; margin-left:10px}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd{ width:100%; padding:10px 10px 10px 20px}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd > p.Top_title_03{font-size:1em; color:#003399; margin-bottom:5px}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd > ul > li{padding-left:25px;}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd > ul > li.addr{padding-left:30px;background:url('/app/images/common/ico_detail_01.png') no-repeat left 2px; font-size:0.9em}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd > ul > li.phone{background:url('/app/images/common/ico_detail_02.png') no-repeat left 2px;font-weight:700; font-size:1.1em; color:#003399}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd > ul > li.file_down{background:url('/app/images/common/ico_con_05.png') no-repeat left 2px; font-size:0.8em}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd > ul.docu{display:flex; flex-wrap:wrap; gap:5px;margin-top:30px}
div.conDtail > div.Dtail_Top_new > dl.Dt_Top_01 > dd > ul.docu > li{padding-left:30px;border-bottom:1px solid #ccc; padding-bottom:5px;}


div.conDtail > div.Dtail_Top_new > div.Dt_Top_02{ padding-top:20px; width:210px}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_02 > span{display:inline-block; width:180px; height:180px; border-radius:50%; overflow:hidden;}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_02 img{ width:100%;}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03{ padding:; width:320px;  }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl{ width:100%; border:1px solid #ccc; border-radius:10px; overflow:hidden;min-height:270px; }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dt{background:#fff;font-family: 'ONE-Mobile-Title'; font-size:1em;padding:20px; color:#3366cc; height:60px}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dt > span{display:inline-block; width:30px; height:30px; margin-right:5px;}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dt > span > img{width:100%;}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dd{height:calc(100% - 60px); position:relative}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dd ul.choice{font-size:0.9em;padding:10px 20px; }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > ul{ width:100%; border:1px solid #ccc; margin-top:5px; border-radius:10px; display:flex;}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > ul > li{ width:50%; }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > ul > li:nth-child(1){ border-right:1px solid #ccc; }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > ul > li > a{ font-size:16px; display:block; text-align:center; padding:10px 0; color:#336699; font-weight:600 }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > ul > li > a span{ font-size:16px; padding-left:3px; color:#336699; font-weight:600 }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > ul > li:nth-child(1) > a{background:#eee }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > ul > li:nth-child(2) > a{background:#f2f2f2 }
ul.choice > li{margin-bottom:7px}
ul.choice > li label{position:relative}
ul.choice > li label > span:before{display:inline-block; vertical-align: middle;content:""; width:25px; height:25px; border-radius:50%; background:#fff; margin-right:5px}
ul.choice > li label.sel_01_01 > span:before{background:#fff url('/app/images/common/ico_detail_02.png') no-repeat center center; background-size:20px }
ul.choice > li label.sel_01_02 > span:before{background:#fff url('/app/images/common/ico_detail_03.png') no-repeat center center; background-size:20px }
ul.choice > li label.sel_01_03 > span:before{background:#fff url('/app/images/common/ico_detail_04.png') no-repeat center center; background-size:20px }
ul.choice > li span { }

ul.choice > li [type="radio"] {
  appearance: none;
  /*border: max(2px, 0.1em) solid gray;*/
  border-radius: 30px;
  width: 270px;padding:10px;
  height: 40px; line-height:40px;
  background:#eee;
  transition: border 0.5s ease-in-out;
}
ul.choice > li [type="radio"]:checked {
  border: 2px solid #3366cc;
}

ul.choice > li [type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted #a7bde9;
}

ul.choice > li [type="radio"]:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) #a7bde9;
  cursor: pointer;
}

ul.choice > li [type="radio"]:hover + span {
  cursor: pointer;
}

ul.choice > li [type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

ul.choice > li [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}
ul.choice > li > label > span {position:absolute; left:20px; top:0px; font-size:0.8em}
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dd  div{width:100%; height:55px; background:#3366cc; text-align:center; color:#fff }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dd div a{color:#fff; display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-family: 'ONE-Mobile-Title'; font-size:0.9em}




div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dd  div{width:100%; height:55px; background:#3366cc; text-align:center; color:#fff }
div.conDtail > div.Dtail_Top_new > div.Dt_Top_03 > dl > dd div a{color:#fff; display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-family: 'ONE-Mobile-Title'; font-size:0.9em}






div.conDtail > div.Dtail_body{ padding:20px; }
div.conDtail > div.Dtail_body > ul.DtailTab{width:100%; display:flex;}
ul.DtailTab > li > a{display:inline-block;padding:10px;}
ul.DtailTab > li > a.on{font-weight:600; font-size:1.1em}
div.conDtail > div.Dtail_body > dl{width:100%; background:#fff; margin-bottom:20px; padding:20px;border-radius:10px; border: 1px solid rgba(128,128,128, 0.6); box-shadow: 0 2px 2px rgba(0,0,0,0.19), 0 2px 2px rgba(0,0,0,0.23);}
div.conDtail > div.Dtail_body > dl > dt{padding-left:35px; margin-bottom:20px;font-family: 'ONE-Mobile-Title'; font-size:1.1em; display:flex}
div.conDtail > div.Dtail_body > dl.info_01{ }
div.conDtail > div.Dtail_body > dl.info_01 > dt{background:url('/app/images/common/ico_detail_03.png') no-repeat left top; background-size:30px}

div.conDtail > div.Dtail_body > dl.info_01 > dd > ul.career{width:100%; }
ul.career > li{display:flex; flex-wrap:wrap; padding:5px 10px; border-bottom:1px solid #ccc}
ul.career > li > div{position:relative; }
ul.career > li > div:nth-child(1){width:100px; font-weight:600 }
ul.career > li > div:nth-child(2){width:calc(100% - 100px); }
ul.career > li > div > span:after{width:20px;height:15px; content:"|"; text-align:center; color:#3366cc; font-weight:400; display:block; position:absolute; right:0; top:0  }
ul.career > li > div:nth-child(2) > p{padding-left:15px;background:url('/app/images/common/dot_ul.png') no-repeat left 10px; font-size:0.9em}


div.conDtail > div.Dtail_body > dl.info_02{ }
dl.info_02 > dt{position:relative; background:url('/app/images/common/ico_detail_04.png') no-repeat left top; background-size:30px}
div.conDtail > div.Dtail_body > dl.info_02 > dt > div.review_btn{position:absolute; right:0px; bottom:0px; font-family:normal; font-size:16px; }
div.conDtail > div.Dtail_body > dl.info_02 > dt > div.review_btn a{display:inline-block; border:1px solid #ccc; padding:5px 10px }
div.conDtail > div.Dtail_body > dl.info_02 > dt > div.review_btn a span{color: #3366cc; vertical-align:middle }

dl.info_02 > dt > div{font-size:0.8em; color:#ff9900; }
dl.info_02 > dd > ul.post > li{padding:10px 10px; border-bottom:1px solid #ccc; font-size:0.9em}
dl.info_02 > dd > ul.post > li > p.postTitle{ font-size:1.1em; font-weight:600}
dl.info_02 > dd > ul.post > li > div.postDate{ font-size:0.9em;}
dl.info_02 > dd > ul.post > li > div.postDate > span:after{ display:inline-block; content:"/"; padding:0 5px; color:#333}

ul.review_write_status{ width:100%; display:flex; flex-wrap:wrap; font-size:0.9em; gap:20px;}
ul.review_write_status > li > input[type=text]{ width:100px;}

dl.info_03{}
dl.info_03 > dt{background:url('/app/images/common/ico_detail_05.png') no-repeat left top; background-size:30px}
dl.info_03 ul{margin-bottom:20px}
dl.info_03 li span:nth-child(1){font-size:0.95em; color:#3366cc; vertical-align:middle; padding-right:5px}


 .text-wrapper {
         
        }
        .text {
            overflow: hidden;
            display: -webkit-box;
            /* webkit-box로 표시된 자식 요소들의 배치 방법 결정 (여기서는 수직) */ 
            -webkit-box-orient: vertical;
            /* 요소 내 텍스트를 지정한 라인수까지만 표시 */
            -webkit-line-clamp: 2;
            /* 텍스트 양쪽정렬 */ 
          
        }   

        .more-text {
            /* 글씨 크기,색상 지정 */ 
            border:1px solid #cccc; padding:5px 10px;font-size: 15px;
            color:#006699;

            /* 마우스 포인트가 올라갔을 때 커서 모양을 포인터로 변경 */
            cursor: pointer;

        }

        .less-text {

            /* 글씨 크기,색상 지정 */
         border:1px solid #cccc; padding:5px 10px;font-size: 15px;
            color:#006699;
            /* 마우스 포인트가 올라갔을 때 커서 모양을 포인터로 변경 */ 
            cursor: pointer;
            /* 줄이기 버튼 (처음에는 안보이게) */
            display: none;    

        }
/* 전문가 상세 하단 신청버튼 영역 */

div.btn_request{width:100%; position:fixed; bottom:0; left:0; z-index:30; background:#3366cc;height:60px;}
div.btn_request a{position: absolute; z-index:3000; left: 50%; transform: translate(-50%, -50%);display:block; width:500px;text-align:center;  margin:0 auto; color:#fff;  }
div.btn_request a.conBtn > span{display:inline-block; width:100px; height:100px; margin-right:5px;background:url('/app/images/common/ico_request_02.png') no-repeat left bottom; background-size:cover}

/* 전문가 상세 신청하기모달창 */
ul.request{width:100%; display:flex;flex-direction:column; gap:10px;padding:20px }
ul.request a{display:flex; align-items:center; justify-content:center;border:2px solid #3366cc; color:#3366cc; background:#eee; border-radius:30px; padding:10px 20px; font-size:0.9em }
ul.request a:hover{background:#fff;  }
ul.request a span:before{display:inline-block; content:"";width:40px; height:40px; vertical-align:middle; background-size:100%; margin-right:3px}
ul.request a.con_01 > span:before{background:url('/app/images/common/ico_con_01.png') no-repeat center center;background-size:100%; }
ul.request a.con_02 > span:before{background:url('/app/images/common/ico_con_02.png') no-repeat center center;background-size:100%; }
ul.request a.con_03 > span:before{background:url('/app/images/common/ico_con_03.png') no-repeat center center;background-size:100%; }
ul.request a.con_04 > span:before{background:url('/app/images/common/ico_con_04.png') no-repeat center center;background-size:100%; }
ul.request a.con_05 > span:before{background:url('/app/images/common/ico_con_05.png') no-repeat center center;background-size:100%; }

div.modal_request{z-index:999;padding:0 0 0 0; position:absolute;left:50%; bottom:50%;transform: translate(-50%, +50%); }
div.modal_request div.mo_title{ color:#fff; text-align:center; background:#3366cc; width:100%; padding:20px; font-size:1.2em; font-weight:600}
.modal a.close-modal{ right:5px; top:5px}
@media(max-width:1200px){
	

}

@media(max-width:840px){

#sub_div > div.conList{ padding:10px;}
#sub_div > div.conList > ul > li{padding:10px;  }


#sub_div > div.conList ul li dl dd > div.consult_03{display:flex; gap:5px; margin-top:10px }
#sub_div > div.conList ul li dl dd > div.consult_03 a{padding:3px 5px;}
#sub_div > div.conList ul li dl dd > div.consult_03 a span:before{display:inline-block; content:"";width:20px; height:20px;margin-right:0px}




div.conDtail > div.Dtail_Top{  margin-bottom:0px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dt {padding:10px 10px 10px 150px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd{padding:10px 10px 10px 150px}
div.conDtail > div.Dtail_Top > div.Dt_Top_02{ position:absolute; top:10px; left:10px; width:130px; height:130px; }
div.conDtail > div.Dtail_Top > div.Dt_Top_02 img{ width:100%;}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > ul > li{padding-left:20px;}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > ul > li.phone{background-size:15px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > ul > li.addr{background-size:15px}
div.conDtail > div.Dtail_Top > dl.Dt_Top_01 > dd > ul > li.phone{background-size:15px}

div.conDtail > div.Dtail_body > dl{ margin-bottom:10px; padding:20px 10px;border-radius:10px; }
div.conDtail > div.Dtail_body > dl > dt{padding-left:25px; margin-bottom:10px;}
div.conDtail > div.Dtail_body > dl.info_01 > dt{background:url('/app/images/common/ico_detail_03.png') no-repeat left top; background-size:20px}
div.conDtail > div.Dtail_body > dl.info_02 > dt{background:url('/app/images/common/ico_detail_04.png') no-repeat left top; background-size:20px}
div.conDtail > div.Dtail_body > dl.info_03 > dt{background:url('/app/images/common/ico_detail_05.png') no-repeat left top; background-size:20px}
ul.career > li > div:nth-child(2) > p{padding-left:10px;background:url('/app/images/common/dot_ul.png') no-repeat left 10px; }



}


/* 로그인 회원가입 */

#LoginArea{max-width:1600px; margin:0 auto; background:#f7f9fc; padding:80px 40px;border-radius:30px; font-size:18px}
#LoginArea div.login_titleBox{width:100%; display:flex; justify-content:center}
#LoginArea div.login_titleBox > div:nth-child(1){padding-right:5px}
#LoginArea div.login_titleBox > div:nth-child(2){margin-bottom:20px}
#LoginArea div.login_titleBox h2{font-family: 'ONE-Mobile-Title'; font-size:1.8em; margin-bottom:10px; color:#3f80ea}

#LoginArea div.login_form{max-width:900px; margin:0 auto; background:#fff; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.10); border-radius:20px; padding:50px; display:flex; flex-wrap:wrap; align-items:center}
#LoginArea div.login_form > div{width:50%}
#LoginArea div.login_form > div.login_form_01{padding-right:20px}
#LoginArea div.login_form > div.login_form_02{padding-left:20px}
#LoginArea div.login_form > div.login_form_01 ul{display:flex; flex-direction:column; }
#LoginArea div.login_form > div.login_form_01 ul > li{padding:5px;position:relative}
#LoginArea div.login_form > div.login_form_01 ul > li input[type='text'],#LoginArea div.login_form > div.login_form_01 ul > li input[type='password']{width:100%; border:1px solid #ccc; height:45px !important; border-radius:20px; text-align:center }
#LoginArea div.login_form > div.login_form_01 ul > li:nth-child(1) span:after{display:block; content:""; position:absolute; right:20px; top:15px; background:url('/app/images/common/ico_login_03.png') no-repeat left top; width:25px; height:23px; background-size:cover; }
#LoginArea div.login_form > div.login_form_01 ul > li:nth-child(2) span:after{display:block; content:""; position:absolute; right:20px; top:15px; background:url('/app/images/common/ico_login_02.png') no-repeat left top; width:25px; height:23px; background-size:cover; }
#LoginArea div.login_form > div.login_form_01 ul > li input[type='submit']{width:100%; background:#3f80ea; text-align:center; color:#fff; height:50px !important; border-radius:30px; border:0}
#LoginArea div.login_form > div.login_form_02 ul{width:100%; display:flex; justify-content:center; gap:5px; margin-bottom:20px}


#LoginArea div.search_form > div{max-width:600px; margin:0 auto 50px auto;}
#LoginArea div.search_form > div h3{width:100%; text-align:center; margin-bottom:20px}
#LoginArea div.search_form > div.search_form_01{}
#LoginArea div.search_form > div.search_form_02{}
#LoginArea div.search_form > div.search_form_01 ul{display:flex; flex-direction:column; }
#LoginArea div.search_form > div.search_form_01 ul > li{padding:5px;position:relative}
#LoginArea div.search_form > div.search_form_01 ul > li span{display:inline-block; width:30px; text-align:center;position:relative}
#LoginArea div.search_form > div.search_form_01 ul > li input[type='text'],#LoginArea div.search_form > div.search_form_01 ul > li select{width:calc(50% - 25px); border:1px solid #ccc; height:45px !important; border-radius:20px; text-align:center}

#LoginArea div.search_form > div.search_form_01 ul > li input[type='submit']{width:100%; background:#3f80ea; text-align:center; color:#fff; height:50px !important; border-radius:30px; border:0}
#LoginArea div.search_form > div.search_form_02 ul{display:flex; flex-direction:column;}


/* 폼관련 */
#join{max-width:800px; margin:10px auto; background:#f7f9fc; padding:20px 10px;border-radius:10px; font-size:0.9em;box-shadow:1px 0px 0px 2px rgba(0, 0, 0, 0.1);}
#join > div{width:100%; }
#join div.join_titleBox{width:100%; display:flex; justify-content:center}
#join div.join_titleBox > div:nth-child(1){padding-right:5px}
#join div.join_titleBox > div:nth-child(2){margin-bottom:20px}
#join div.join_titleBox h2{font-family: 'ONE-Mobile-Title'; font-size:1.8em; margin-bottom:10px; color:#3f80ea}

#join div.join_form{width:100%}
#join div.join_form > ul{width:100%;}
#join div.join_form > ul > li {padding-bottom:20px;}
#join div.join_form > ul > li > dl{width:100%;}
#join div.join_form > ul > li > dl > dt{padding:20px 0 10px 0; position:relative; display:flex}
#join div.join_form > ul > li > dl > dt label{font-size:1.2em; font-weight:600; color:#3366cc}
#join div.join_form > ul > li > dl > dt span{margin-left:10px; }
#join div.join_form > ul > li > dl > dt span a{color:#3366cc; font-size:0.8em;display:inline-block; border:1px solid #3366cc; padding:5px 10px ;}
#join div.join_form > ul > li > dl > dd textarea{width:100%; height:100px; padding:10px; font-size:0.8em}



ul.join_btn{width:100%;padding:20px; font-size:14px; display:flex; gap:5px; justify-content:center}
ul.join_btn > li > div{background:#fff; border:1px solid #ccc; padding:10px 10px}
ul.join_btn input[type='submit']{background:#fff; border:0; }
ul.join_btn li.joinBtn_01 span:before{width:35px; height:35px; background:#eee url('/app/images/common/ico_join_01.png') no-repeat center center; background-size:30px 22px; display:block; content:"" ; margin:0 auto 10px auto; border-radius:50%}
ul.join_btn li.joinBtn_02 span:before{width:35px; height:35px; background:#eee url('/app/images/common/ico_join_02.png') no-repeat center center; background-size:30px 22px; display:block; content:"" ; margin:0 auto 10px auto; border-radius:50%}
ul.join_btn li.joinBtn_03 span:before{width:35px; height:35px; background:#eee url('/app/images/common/ico_join_03.png') no-repeat center center; background-size:30px 22px; display:block; content:"" ; margin:0 auto 10px auto; border-radius:50%}

 .check_terms {position:relative}
 .check_terms label::before {
 background: url('/pc/images/common/ico_check_01.png') no-repeat center center; background-size:19px 19px; 
    background-repeat: no-repeat;
    width: 19px;
    height: 1.3em;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
 .check_terms label {padding-left:25px}
 .check_terms input:checked+label::before {
     background:url('/pc/images/common/ico_check_02.png') no-repeat center center; background-size:19px 19px; 
    background-repeat: no-repeat;
    width: 19px;
    height:1.3em;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

a.down_file{display:inline-block; background:url('/app/images/common/ico_con_05.png') no-repeat left 0px;padding-left:30px;border-bottom:1px solid #ccc; padding-bottom:2px;}


table.paytable {width:100%; font-size:0.8em; border-top:2px solid #000 }
table.paytable td{padding:10px 20px; border-bottom:1px solid #e5e5e5; color:#1c5086; background:#fff}
table.paytable th{padding:10px 20px; border-bottom:1px solid #e5e5e5; text-align:center; font-weight:600}
table.paytable th.business_year{ font-weight:600; font-size:2.2em; color:#009999; border-right:1px solid #e5e5e5;}
table.paytable th.th_02{font-weight:600; text-align:left; border-right:1px solid #e5e5e5; }
.th_w200{width:200px; max-width:250px; min-width:230px}

table.paytable2 {width:100%; font-size:0.9em; border-top:2px solid #000 }
table.paytable2 td{padding:10px 20px; border:1px solid #e5e5e5; color:#1c5086;}
table.paytable2 th{padding:10px 20px; border:1px solid #e5e5e5; text-align:center; font-weight:600}
table.paytable2 th.business_year{ font-weight:600; font-size:2.2em; color:#009999; border-right:1px solid #e5e5e5;}
table.paytable2 th.th_02{font-weight:600; text-align:left}


ul.form_01 {width:100%; display:flex; flex-wrap:wrap; gap:2px }
ul.form_01 > li {display:flex; align-items:center;  }
ul.form_01 > li > span.banknumber {display:inline-block;width:70px;font-size:0.9em }
.form_sbtn {display:inline-block; border:1px solid #ccc; background:#f2f2f2; padding:3px 10px; font-size:0.9em }
.form_sbtn span{vertical-align:middle; margin-left:3px; color:#336699 }

ul.form_phone {width:100%; display:flex; flex-wrap:wrap; gap:2px }
ul.form_phone > li {display:flex; align-items:center;  }
ul.form_phone > li input[type=text], .ul.form_phone > li select{width:100px;  }

.input_ul {width:100%; display:flex; flex-wrap:wrap;gap:3px }
.input_ul > li {display:flex; align-items:center;  }
.input_ul > li {width:50%; }
.input_ul > li input[type=text],.input_ul > li input[type=password]{width:100% !important; }

.input_ul_email{width:100%; display:flex; flex-wrap:wrap;gap:3px }
.input_ul_email > li{display:flex; align-items:center;  }
.input_ul_email > li input[type=text], .input_ul_email > li select{width:100px;  }
.part select{width:100px !important;  }

.input_add_1{width:400px }
.input_add_2{width:200px }

.lawform {width:100%; margin-top:50px; padding:20px; border-top:1px solid #6699cc;  }
.lawform > div{width:100%; padding:20px; background:#fff; border:1px solid #6699cc; margin-top:20px }
.lawform > div ul li span{width:80px; display:inline-block; color:#003366 }

/* 예약하기 날짜선택관련*/
div.reserve_text{width:300px; height:40px; border:2px solid #67c4f1; border-radius:30px; overflow:hidden; position:relative}
div.reserve_text > span.checkicon{position:absolute; right:5px; top:5px;color:#67c4f1}
div.reserve_text input[type='text']{border:0; width:100%; height:100%; text-align:center; font-size:15px;}



 span.reserve_icon {margin-right:3px; vertical-align:middle; color:#67c4f1}
div.time-radio-group{display:flex; flex-wrap:wrap; gap:5px; margin:10px 0}
div.time-radio-group label{position:relative}

div.time-radio-group [type="radio"] {
  appearance: none;
 border: max(1px, 0.1em) solid #67c4f1;
  border-radius: 30px;
  width: 100px;padding:10px;
  height: 35px; line-height:35px;
  background:#fff;
  transition: border 0.5s ease-in-out;
}
div.time-radio-group [type="radio"]:checked {
  border: 2px solid #3366cc;
}

div.time-radio-group [type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted #a7bde9;
}

div.time-radio-group [type="radio"]:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) #a7bde9;
  cursor: pointer;
}

div.time-radio-group [type="radio"]:hover + span {
  cursor: pointer;
}

div.time-radio-group [type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

div.time-radio-group [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}
div.time-radio-group > label > span {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);font-size:0.8em}

input[type=file]::file-selector-button {
  width: 150px;
  height: 35px;
  background: #fff;
  border: 2px solid #67c4f1;
  border-radius: 30px;
  cursor: pointer;
  &:hover {
    background: rgb(77,77,77);
    color: #fff;
  }
}
/* */

@media(max-width:640px){

 .check_terms {position:relative}
 .check_terms label::before {
 background: url('/pc/images/common/ico_check_01.png') no-repeat center center; background-size:16px 16px; 
    background-repeat: no-repeat;
    width: 16px;
    height: 1.3em;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
 .check_terms label {padding-left:18px}
 .check_terms input:checked+label::before {
     background:url('/pc/images/common/ico_check_02.png') no-repeat center center; background-size:16px 16px; 
    background-repeat: no-repeat;
    width: 16px;
    height:1.3em;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.form_sbtn {padding:3px 5px; }
table.paytable td{padding:5px 10px; }
table.paytable th{padding:5px 10px;}
table.paytable2 td{padding:5px 10px; }
table.paytable2 th{padding:5px 10px;}

.th_w200{width:110px; max-width:110px; min-width:110px}
ul.form_01 {width:100%; display:flex; flex-wrap:wrap;gap:1px }
ul.form_phone {width:100%; display:flex; flex-wrap:wrap;gap:1px }
ul.form_phone > li input[type=text], .ul.form_phone > li select{width:50px;  }

ul.form_01 > li > span.banknumber {width:50px;}
.input_ul_email > li input[type=text]{width:70px;  }
.input_ul_email > li select{width:70px;  }
.input_add_1{width:200px }
.input_add_2{width:80px }
}



/* 마이페이지 */
div.mypage{}
div.mypage h4{display:block; font-size:1.2em;text-align:center; font-weight:600; margin-bottom:20px !important}
div.mypage_list > div{width:100%; display:flex; flex-wrap:wrap; gap:10px; justify-content:center	 }
div.mypage_list > div dl{width:calc(33.33333% - 10px); height:300px; border-radius:10px; overflow:hidden; background:#fff;	border: 1px solid rgba(128,128,128, 0.6);
	*-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	*-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	*box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);	 }
div.mypage_list > div dl:nth-child(4),div.mypage_list > div dl:nth-child(5){width:calc(100% - 10px); height:auto; 	 }
div.mypage_list > div dl dt{color:#3366cc; font-family: 'ONE-Mobile-Title'; font-weight:500; font-size:1.2em; padding:20px;	 text-align:center }
div.mypage_list > div dl dt span{display:inline-block; margin-right:5px; width:75px; height:75px; border-radius:50%; background-color:#dce6fb; content:""; vertical-align:middle}
div.mypage_list > div dl:nth-child(1) dt span{ background:#dce6fb url('/app/images/common/ico_my_01.png') no-repeat center center; background-size:cover;}
div.mypage_list > div dl:nth-child(2) dt span{ background:#dce6fb url('/app/images/common/ico_my_02.png') no-repeat center center; background-size:cover;}
div.mypage_list > div dl:nth-child(3) dt span{ background:#dce6fb url('/app/images/common/ico_my_03.png') no-repeat center center; background-size:cover;}
div.mypage_list > div dl:nth-child(4) dt span{ background:#dce6fb url('/app/images/common/ico_my_04.png') no-repeat center center; background-size:cover;}
div.mypage_list > div dl:nth-child(5) dt span{ background:#dce6fb url('/app/images/common/ico_my_05.png') no-repeat center center; background-size:cover;}
div.mypage_list > div dl dd{padding:20px;	 }
div.mypage_list > div dl dd > div{width:100%; text-align:center	 }
  div.mypage_list > div > ul{width:100%; display:flex; flex-wrap:wrap; flex-direction:column; gap:20px; }
  div.mypage_list dl > dd > ul{width:100%; display:flex; flex-wrap:wrap; flex-direction:column; gap:5px; }
  div.mypage_list dl > dd > ul > li{width:100%; border-bottom:1px solid #ccc}
  div.mypage_list dl > dd > ul > li > div{}
  div.mypage_list dl > dd > ul > li > div a{display:flex;padding:5px; width:100%; position:relative;   }
   div.mypage_list dl > dd > ul > li > div a div{font-size:0.9em; color:#3366cc  }
  div.mypage_list dl > dd > ul > li > div a span:after{display:inline-block; content:">"; color:#3366cc; position:absolute; right:5px; top:5px}

  div.mypage_info > div{width:100%; border:1px solid #ccc; border-radius:10px; overflow:hidden; padding:10px}
  .btn_my{width:100%; margin-top:30px; text-align:center; }
.btn_my01{display:inline-block; border-radius:30px; background:#3366cc; color:#fff;  padding:10px 30px; cursor:pointer; border:0}
.btn_my01:hover{background:#000; color:#fff; }
.btn_my01 span:after{display:inline-block; content:">"; color:#fff;  padding-left:5px;}
.btn_my02{display:inline-block; border-radius:30px; background:#eee; color:#000;  padding:10px 30px; cursor:pointer; border:0}
.btn_my02:hover{background:#fff;  }
.btn_my02 span:after{display:inline-block; content:">"; color:#3366cc;  padding-left:5px;}

a.btn_my03{display:inline-block; border-radius:30px; background:#3366cc; color:#fff;  padding:10px 30px; cursor:pointer; border:0}
.btn_my03:hover{background:#000; color:#fff; }
.btn_my03 span{display:inline-block;  color:#fff;  padding-left:5px; vertical-align:middle}


  div.mypage_info table{width:100%; }
  div.mypage_info table tr{border-bottom:1px solid #ccc }
  div.mypage_info table td{border-bottom:1px solid #ccc; padding:10px; font-size:0.9em }
  div.mypage_info table th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#f2f2f2; padding:10px ; text-align:left}
   div.mypage_info table th .essential{color:#3366cc }

   div.mypage_info div.mybtn{width:100%; padding:20px 0;display:flex; justify-content:center; gap:5px}
    div.mypage_info div.mybtn input[type=submit]{font-size:0.9em; color:#fff; background:#3366cc; padding:10px 20px; width:150px; border-radius:30px; border:0 }
	div.mypage_info div.mybtn input[type=button]{font-size:0.9em; color:#000; background:#eee; padding:10px 20px; width:150px; border-radius:30px; border:0 }
ul.mem_out{width:100%; padding:20px}
ul.mem_out li{ position:relative}
ul.mem_out li div{padding-left:20px;}
ul.mem_out li span:nth-child(1){width:20px; position:absolute}
ul.mem_out li span:nth-child(2){position:relative; padding-left:20px;}
div.mem_outBox{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:0.9em; padding:10px; margin:10px 0}

	/* 회사소개 이용약관 */
div.company{}
div.company > div.company_head{width:100%; height:300px; padding:20px; margin-bottom:40px;  background: url('/app/images/common/company_bg.jpg') no-repeat center center; background-size:cover;color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:1.2em; text-align:center}
div.company h4{display:block; font-size:1.4em;text-align:center; font-weight:600; margin-bottom:20px !important}

div.company dl{border-bottom:1px solid #6699cc;  padding:40px; margin:10px 0; display:flex; flex-wrap:wrap; align-items:center;  justify-content:center; gap:20px}
div.company dl dt{width:100%; font-size:1.2em; color:#003366; font-weight:600; display:flex; align-items:center;  justify-content:center}
div.company dl dt span:before{width:80px; height:80px; border-radius:50%; margin-right:10px; display:inline-block; content:""; vertical-align:middle; }
div.company dl dd{width:100%; }
div.company > dl.com_01 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_09.png') no-repeat center center; background-size:cover;}
div.company > dl.com_02 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_02.png') no-repeat center center; background-size:cover;}
div.company > dl.com_03 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_03.png') no-repeat center center; background-size:cover;}
div.company > dl.com_04 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_04.png') no-repeat center center; background-size:cover;}
div.company > dl.com_05 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_05.png') no-repeat center center; background-size:cover;}
div.company > dl.com_06 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_06.png') no-repeat center center; background-size:cover;}
div.company > dl.com_08 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_08.png') no-repeat center center; background-size:cover;}
div.company > dl.com_09 > dt span:before{background:#dce6fb url('/app/images/common/company_ico_01.png') no-repeat center center; background-size:cover;}
div.company div.com_07{border-bottom:1px solid #6699cc;  padding:40px; margin:20px 0;}
div.company div.com_07 ul{width:100%; display:flex; flex-wrap:wrap; gap:20px}
div.company div.com_07 ul > li{display:flex; align-items:center }
div.company div.com_07 ul > li > span:before{width:70px; height:70px; border-radius:50%; margin-right:10px; display:inline-block; content:""; vertical-align:middle;background:#dce6fb }
div.company div.com_07 ul > li:nth-child(1) > span:before{background:#dce6fb url('/app/images/common/company_ico_07_01.png') no-repeat center center; background-size:cover;}
div.company div.com_07 ul > li:nth-child(2) > span:before{background:#dce6fb url('/app/images/common/company_ico_07_02.png') no-repeat center center; background-size:cover;}
div.company div.com_07 ul > li:nth-child(3) > span:before{background:#dce6fb url('/app/images/common/company_ico_07_03.png') no-repeat center center; background-size:cover;}
div.company div.com_07 ul > li > div{font-size:0.9em }
div.company div.com_07 ul > li > div p.telnumber{font-size:1.4em; font-weight:600 }


	/* 개인정보취급방침 */
div.rule h4{font-size:1.7em; line-height:1.5em;}
div.privacy{font-size:18px;}
div.privacy h5{font-size:1.2em; line-height:1.3em; text-align:center; margin-bottom:20px; color:#3366cc}
div.privacy_box{background:#f4f4f4; border-radius:10px; padding:20px; margin-bottom:50px;  }
p.mb{margin-bottom:50px;}

div.privacy_box ul > li{margin-bottom:10px;}


div.privacy_box > ul.dotul > li{position:relative; padding-left:20px; word-break:break-all;}
div.privacy_box > ul.dotul > li::before{content:""; display:block; width:4px; height:4px; background:#009999; position:absolute; top:12px; left:0; border-radius:50px;}

.rule_title{font-size:21px; margin:20px 0; font-weight:500; color:#3366cc}
.pri_box{border:1px solid #a3b9e5; border-radius:10px; padding:20px; margin-bottom:50px; }

table.ruletable{width:100%;font-size:18px; border-top:2px solid #336699 }
table.ruletable td{border:1px solid #ccc; padding:10px; font-size:0.9em }

table.ruletable th{border:1px solid #ccc; border-top:0; padding:10px; font-weight:500; background:#f2f2f2; color:#336699 }
table.ruletable th.th02{background:#fff; width:100px }

   div.mypage_info table th .essential{color:#3366cc }