.subpage_wrap { padding:100px 0; }
.scategory_list li.active a { color:#4182db; }

.subpage_desc { padding-bottom:50px; font-size:17px; line-height:34px; color:#555; }
.company_img { height:400px; background:url(/img/mv_1.png) center/cover no-repeat fixed; margin-bottom:50px; }
.company_info { margin-bottom:20px; }
.company_info li { width:calc(25% - 15px); padding:20px; text-align:center; height:200px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.company_info li span img { display:inline; }
.company_info li span { width:80px; height:80px; border-radius:100%; background-color:#f1f1f1; line-height:75px; margin-bottom:5px; }
.company_info li h5 { font-size:18px; font-weight:500;   margin: 4px 0 6px;}
.company_info li p { font-size:15px;  font-weight: 300;}
.sub_subtitle { font-size:25px; font-weight:300; margin-bottom:20px; }


.sub_title { font-size:35px; font-weight:300;  margin-bottom:50px; position:relative; }
.sub_title:after { display:block; position:absolute; left:0; bottom:-20px; width:250px; height:4px; background-color:#4182db; content:''; border-radius:4px; }
.sub_title span { font-weight:700; }

#myModal {width: 25%; padding: 0 40px;}

.about_content {display: flex; justify-content: center; align-items: stretch; margin-top: 54px;}
.about_title {text-align: center;}
.about_title h3 {font-size: 40px; margin-bottom: 30px; font-family: 'GmarketSans'; text-align: center; color: #111; margin-top: 20px;}
.about_title p {font-size: 24px; font-weight: 600;}
.about_title h3 span {color:#bea15d;}
.about_img {width: 50%; background:url(/img/about_img01.jpg); background-size: cover; background-position: center}
.about_text {width: 50%; height: 100%; background:#f9f5f1; box-sizing: border-box; padding: 70px 40px; font-size: 16px;}
.about_text span {font-weight: 600;}
.about_two_title {text-align: center;  position: relative;  margin-top:120px; margin-bottom:80px;}
.about_two_title::after {position: absolute; left: 0; content: ''; width: 26%; height: 1px; background: #ededed; top: 20px;}
.about_two_title::before {position: absolute; right: 0; content: ''; width: 26%; height: 1px; background: #ededed; top: 20px;}
.save_title {font-size: 34px;  font-weight: 600;color: #ededed;}
.about_two_title ul li {list-style: none;}
.about_two_title ul li:first-child {margin-top: 25px; margin-bottom: 10px; font-size: 19px; letter-spacing: -0.5px;}
.about_two_title ul li:last-child {font-size: 30px; color: #212121; letter-spacing: -1px; font-weight: 500;}
.about_three_content {display: flex; justify-content: center; margin-top: 20px;}
.left_content {	width: 50%;	height: auto;}
.right_content {	width: 50%;	height: auto;	padding-left: 40px;}
.content_img1 {width: 100%; height: 500px; background: url(/img/about_img02.jpg) center/cover no-repeat; margin-bottom: 40px; }
.content_img2 {width: 100%; height: 300px; background: url(/img/about_img03.jpg) center/cover no-repeat;margin-bottom: 40px;  }
.content_img3 {width: 100%; height: 300px; background: url(/img/about_img04.jpg) center/cover no-repeat;margin-bottom: 40px; }

.content_text {position: relative;height: 400px;padding: 20px; padding-top:100px; }
.content_text p:first-child {font-size: 178px; font-weight: 500; font-style: italic; letter-spacing: -1px; position: absolute; top: 0; line-height: 0.7; color: #b0b0b0;  opacity: 0.1;  z-index: 1;}
.content_text p:nth-child(2) {color: #333; font-size: 40px; font-weight: 600; letter-spacing: -0.35px; line-height: 48px; margin-bottom: 30px; }
.content_text p:last-child {color: #424242; font-size: 18px; line-height: 29px; letter-spacing: -0.5px; }

.about_four_content {border-top: 1px solid #ddd; padding-top: 60px; margin-bottom: 140px;}
.concept_text {text-align: center; margin-bottom: 40px;}
.concept_text p:first-child {font-size: 34px; font-weight: 600;}
.concept_text p:last-child {margin-top: 10px; font-size: 16px; letter-spacing: -1px;}

.concept_banner {display: flex; justify-content: space-between; flex-wrap: wrap;}
.baner_set {cursor:pointer; width: calc(25% - 20px); height: 380px; position: relative; z-index: 1}
.darkbg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:#333; z-index: 2}

.about_img01 {width: 100%; height: 100%; background: url(/img/about_img05.jpg); background-size: cover;opacity: 0.6;}
.about_img02 {width: 100%; height: 100%; background: url(/img/about_img06.jpg); background-size: cover;opacity: 0.6;}
.about_img03 {width: 100%; height: 100%; background: url(/img/about_img07.jpg); background-size: cover;opacity: 0.7;}
.about_img04 {width: 100%; height: 100%; background: url(/img/about_img08.jpg); background-size: cover;opacity: 0.7;}

.hover_view {z-index: 3; text-align: center; color: #fff;  background: #bea15d;  height: 50px;  line-height: 50px;  font-size: 15px;  position: absolute;  bottom: 0;  left: 0; right: 0;    font-size: 18px; font-weight: 600;}
.hover_view p {line-height: 20px; font-size: 14px; font-weight: 300;}
.baner_set:hover .hover_view {    height: 160px;}


.text-center { text-align:center; }

#pd-bottom {margin-bottom: 70px;}
.sub_section { margin-bottom:120px; }
.ssh_point { display:inline-block; width:25px; height:5px; background-color:#4182db; transform:rotateZ(-50deg); }
.ssh_sub_title { font-size:25px; font-weight:100; margin-top:30px; color:#222; }
.ssh_title { font-size:45px; font-weight:500; color:#4182db; }
.sub_section_header { margin-bottom:50px; }
.sub_section > p { font-size:22px; font-weight:200; line-height:40px; text-align:center; }
.dv_left { width:50%;padding-left: 80px; }
.dv_left h4 { font-size:35px; margin-bottom:30px; font-weight:500; }
.dv_left p { font-size:20px; line-height:30px; font-weight:200; }
.dv_right { width: 50%;  display: flex;  justify-content: center;}
.dv_right img { width:70%; }
.device_section2 { background:#fafafa url(/img/device_s2_back.png) center/cover no-repeat; padding:50px 0; }
.ssh_mid_title { font-size:35px; font-weight:300; margin:30px 0 100px; }
.ssh_mid_title span { color:#4182db; }
.dev_icon_list p { font-size:25px; margin-top:10px; font-weight:200; }
.dev_icon_list > div { margin:0 30px; }

#dv-r {width: 100%; padding-left: 0; display: flex; flex-direction: column; align-items: center; padding: 60px 0;}
#dv-r  p {text-align: center;}
.yo12-data {display: flex;
    flex-direction: column;
    align-items: center;    margin-bottom: 80px;}
.yo12-data img {width: 800px;}
.yo12-data table {    width: 1000px;
    height: 380px;
    font-size: 14px;
    text-align: center;
    border-collapse: collapse;}
	.yo12-data table .green-to {background: #dae1f3; }
	.yo12-data table .red-to {background: #1d3767;  color: #fff;}
	.yo12-data table .yellow-to {background: #8eaadb; }
.yo12-data td {border: 1px solid #cdcdcd; }
.yo12-data p {    font-size: 25px;
    font-weight: 500;
    color: #4182db;
    margin: 80px 0 20px;}

/* 약도 */
.map_title h2 {margin-bottom: 50px;   line-height: 38px;  font-size: 24px; text-align:center;    font-weight: 400;    color: #444;     letter-spacing: -1px;}
.map_title h2 span { font-size:30px; color: #333;}
.map_title img { margin-bottom:10px; }
.map_title p { text-align: left;  font-size: 18px;  font-weight: 300;  color: #444;  border-bottom: 1px solid #ddd; text-indent: 30px;  padding: 20px 0;}
.map_iframe { position:relative; }
.map_iframe .map_link { display: inline-block;    padding: 8px 18px;    font-size: 14px;    background-color: #656565;    color: #fff;    position: absolute;    right: 0;    top: -48px; }
.map_iframe .map_link svg { vertical-align:middle; margin-top:-3px;  }
.map_iframe #daumRoughmapContainer1697261790034 { width:100% !important; margin-top:80px;}
.location_info { display:flex; flex-direction: row; justify-content: center; align-items: flex-start; margin-top:10px; padding-bottom:80px; color:#444;}
.location_info > div { width:100%; }
.location_info > div:first-child { margin-right:40px; }
.location_info h2 { font-size:15px; padding:10px 0; font-weight:300; background-color:#656565; color:#fff; text-align:center; margin:20px 0; }
.location_info ul { font-size:14px; }
.location_info ul h3 {     font-size: 14px;
    font-weight: 400;
    position: relative;
    padding-left: 20px; }
.location_info ul h3:after { display:block; position:absolute; top:6px; left:2px; content:""; width:10px; height:10px; border:3px solid #525252; border-radius:10px; }
.location_info ul li { margin-bottom:20px; }
.location_info ul li p {background-color: #fff;
    margin-top: 20px;
    color: #525252; }
.icm {text-align: center;}
.setp {border-top: 1px solid #ddd;    padding-top: 20px;}

.map_bus_info { font-size:12px; padding:3px 5px; background-color:#555; color:#fff; border-radius:3px; font-weight:200; margin-left:10px; }
.bus_icon { font-size:12px; padding:3px 5px; background-color:#555; color:#fff; border-radius:3px; font-weight:200; margin-right:10px; }



/* 원장인사말 */
.intro_top { display:flex; justify-content: space-between; align-items: flex-start; }
.intro_top:after { display:block; content:""; clear:both; }
.intro_top .intro_left_text {
    width: 40%;
    padding: 90px 80px 0 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -1px;
    color: #333;}
.intro_top .intro_left_text span { display:block; font-size:40px; }
.intro_top .intro_left_text span:last-child { margin-top:20px; }
.intro_top .intro_right_text {width:60%; }
.intro_right_text h2 { font-size: 40px;
    font-weight: bold;
    margin-bottom: 70px;
    letter-spacing: -1px;
    color: #676767; }
.intro_right_text p { line-height: 36px;
    font-size: 16px;
    color: #525252; }

.intro_ceo_img { margin:50px 0; background:url(/img/intro_ceo.png) right 0px center no-repeat; padding-top:30.5%; }
.intro_last { font-weight:bold; margin:20px 0 100px; font-size: 18px!important;}

.intro_banner { padding:10px 0 100px; }
.intro_banner ul li p { font-weight:500; font-size:16px; padding:12px 0 0px 10px;     color: #5f5f5f;}
.intro_banner ul:after { display:block; content:""; clear:both; }
.intro_banner ul li:nth-of-type(1) { width:50%; padding-right:10px; }
.intro_banner ul li:nth-of-type(2) { width:25%; padding:0 5px; }
.intro_banner ul li:nth-of-type(3) { width:25%; padding-left:10px; }
.intro_banner_img1 { background:url(/img/intro_banner1.png) center/cover no-repeat; width:100%; height:200px; }
.intro_banner_img2 { background:url(/img/intro_banner2.png) center/cover no-repeat; width:100%; height:200px; }
.intro_banner_img3 { background:url(/img/intro_banner3.png) center/cover no-repeat; width:100%; height:200px; }

.dv_left_slider_img { background:url(/img/neck-bgon.png) center/cover no-repeat; background-size: 2500px; padding-top:25%; width:0; margin-top:30px; }
.dv_left_slider_img2 {background: url(/img/noname02.jpg) center no-repeat;  padding-top: 25%;  width: 0;  margin-top: 30px; }
.dv_left_slider_img3 {background: url(/img/image07.png) center no-repeat;  padding-top: 25%;  width: 0;  margin-top: 30px; }
.dv_left_slider_img.animate.animated { -webkit-animation-name: slideLeft; animation-name: slideLeft; animation-delay: .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-duration: 1s; }
.dv_left_slider_img2.animate.animated { -webkit-animation-name: slideLeft; animation-name: slideLeft; animation-delay: .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-duration: 1s; }
.dv_left_slider_img3.animate.animated { -webkit-animation-name: slideLeft; animation-name: slideLeft; animation-delay: .5s; animation-fill-mode: forwards; animation-direction: alternate; animation-duration: 1s; }

.db11_bottom {  background-image: linear-gradient(to right, #4182db 50%, #fafafa 50%); }
.db11_left { width:50%; background-color:#4182db; color:#fff; padding:0 150px 0 20px; }
.db11_left p { font-size:20px; font-weight:200; width:100%; margin-bottom:20px;}
.db11_left p:last-child { margin-bottom:0; }
.db11_right { width:50%; text-align:center; background:#fafafa url(/img/device_s2_back.png) center/cover no-repeat; padding: 50px 0; }
.db11_right p { color:#aaa; font-size:16px; margin:20px 0; }
.db11_right h4 { font-size:30px; }

.cet_thumbs { margin-bottom:50px; }
.cert_row_cate { background-color:#f1f1f1; font-size:18px; width:200px; border-bottom:1px solid #ddd; text-align:center; border-right:1px solid #ddd; }
.title_col { width:calc(100% - 200px); }
.title_col > div { width:100%; padding:30px 20px; font-size:18px; border-bottom:1px solid #ddd }


@keyframes slideLeft {
    0% {
        opacity: .3;
        width:30%;
    }

    100% {
        width:100%;
        opacity: 1;
    }
}

/* 인증현황 */
.cert_row { border-top:1px solid #222; margin-bottom:30px; }
.cert_site { font-size:20px; margin-left:80px; }
.cert_site_name { color:#aaa; font-weight:200; font-size:16px; }
.cet_thumbs {border: 1px solid #ddd ; padding:50px 20px; }
.cert_slide { text-align:center; font-size:18px; }
.cert_slide img { box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px, rgba(0, 0, 0, 0.13) 0px 6px 6px; }
.cert_slide p { margin-top:20px; color:#333; }
.cert_edit_btn { font-size:13px; background-color:#222; color:#fff; padding:10px; }
.cert_write { font-size:16px; background-color:#222; color:#fff; padding:10px; border:none; margin:10px 0; }
/* CSS */
.modal {
    display: none;
    position:fixed;
    left:50%;
    top:50%;
    background-color: #fff;
    transform:translate(-50%, -50%);
    border-radius: 5px;
    width:300px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    z-index: 9999;
}
.modal h4 { text-align:center; font-size:20px; padding:20px 0; border-bottom:1px solid #ddd; }
.modal-content {
    position: relative;
    margin: auto;
    width:100%;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
}

.close {
    display:block;
    font-size: 16px;
    text-align:center;
    padding:20px 0;
    border-top:1px solid #ddd;
    width:100%;
    cursor: pointer;
}

.modal-content img {
    width: 100%;
    height: auto;
    display:block;
}

.yo-box {display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 100px;}
.yo-box img {height: 440px;}
.yo-box p {font-size: 17px;}

/* 검사기사용방법 */
.guide_header h4 { font-size:55px; margin-bottom:30px; }
.guide_subtitle { font-size:25px; margin-bottom:10px; }
.guide_text { font-size:18px; line-height:25px; font-weight:200; }
.guide_tab_menu { border-bottom:1px solid #ddd; margin-top:50px; }
.guide_tab_menu li { margin-right:20px; }
.guide_tab_menu li a { padding:20px; font-size:20px; display:block; font-weight:200; color:#aaa; }
.guide_tab_menu li.active a { color:#222; }
.gtab_content { padding:100px 0; }
.gtab_content > div { margin-bottom:80px; }
.gtab_img { width:calc(50% - 20px); }
.gtab_text { width:calc(50% - 20px); padding:20px; }
.gtab_text h4 { font-size:40px; font-weight:500; margin-bottom:20px; color:#444; }
.gtab_text p { font-size:18px; font-weight:200; margin-bottom:10px; }
.gtab_text p span { font-size:20px; margin-right:5px; font-weight:bold; }
.gti_1 { background:url(/img/mv_1.png) center/cover no-repeat; padding-top:30%; }
.gti_2 { background:url(/img/mv_2.png) center/cover no-repeat; padding-top:30%; }


/* 연혁 */
.history_li { margin-bottom:60px; }
.history_li:nth-of-type(odd) { background-color:#f1f1f1; padding:20px 0; }
.history_year { font-weight:bold; text-align:right; font-size:50px; padding-right:20px; width:200px; border-right:1px solid #ddd; }
.history_inner { width:calc(100% - 200px); padding:10px 20px; }
.history_month { font-weight:bold; font-size:18px; margin-right:10px; }
.event_item { margin-bottom:20px; }
.event_item p { font-size:19px; font-weight:200; }


/* 서비스안내 */
.service_title { font-size:35px; margin-bottom:50px; text-align:center; }
.service_box_wrap { border-top:2px solid #222; }
.service_box { width:50%; padding:20px 30px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.service_box:nth-of-type(even) { border-right:none; }
.service_no { font-size:20px; color:#aaa; margin-bottom:10px; }
.service_b_title { font-size:25px; margin-bottom:20px; }
.service_b_text { font-size:20px; font-weight:200; }
.service_icon { width:40px; }
.service_text { margin-top:30px; }
.service_text p { font-weight:200; font-size:16px; color:#888888; margin-bottom:5px; }
.service_text p span { font-weight:bold; margin-right:5px; }
.service2_left { width:40%; }
.service2_right { width:60%; }
.service2_left p { font-size:20px; margin-bottom:20px; }
.service2_left h4 { font-size:35px; margin-bottom:30px; }
.service2_box { width:50%; padding:20px 20px 30px 20px; margin-bottom:30px; border-bottom:1px solid #ddd; }
.service2_box h5 { font-size:25px; margin-bottom:20px; }
.service2_box p { font-size:18px; color:#6b6b6b; line-height:25px; font-weight:200; }
.circ_no { display:block; width:35px; height:35px; text-align:center; font-size:20px; font-weight:200; border:1px solid #222; line-height:35px; margin-right:20px; border-radius:100%; }
.searvice2_sec2_header p { font-size:20px; margin-bottom:20px; }
.searvice2_sec2_header h4 { font-size:35px; }
.ss2_bottom { margin-top:80px;  }
.ss2_bottom .ss2_left { width:50%;  padding-top:30%; background:url(/img/mv_2.png) center/cover no-repeat; }
.ss2_bottom .ss2_right { width:50%; padding:50px; }
.ss2_right > p { font-size:20px; margin-bottom:20px; }
.ss2_right > h4 { font-size:30px; font-weight:500; margin-bottom:40px; }
.ss2_text_wrap p { font-size:16px; font-weight:200; color:#6b6b6b; margin-bottom:10px; }
.ss2_text_wrap p span { font-weight:bold; margin-right:5px; }

/* 가입절차 안내 */
.step_header { margin-bottom:80px; }
.step_header h4 { font-size:35px; text-align:center; margin-bottom:40px; }
.step_header h4 span { color:#4182db;  }
.step_header p { font-weight:200; text-align:center; font-size:20px; margin-bottom:20px; }
.step1_box { padding:40px 30px; border:2px solid #ddd; border-radius:30px; margin-bottom:50px; transition:.5s; }
.step1_box.active { border:2px solid #4182db; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.step1_box h5 { width:250px; color:#4182db; font-size:25px; }
.step1_box p { width:calc(100% - 350px); font-size:16px; font-weight:200; line-height:25px; color:rgba(18, 18, 18, 0.8); }
.step1_icon { text-align:center; width:100px; }

.step2_box { padding:40px; border:2px solid #ddd; border-radius:30px; margin-bottom:50px; transition:.5s; width:calc(33.333333% - 30px); }
.step2_box.active { border:2px solid #4182db; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.step2_box h5 { color:#4182db; font-size:25px; margin:20px 0; }
.step2_box p { font-size:16px; font-weight:200; line-height:25px; color:rgba(18, 18, 18, 0.8); }
.step1_icon { text-align:center; width:100px; }

.step2_bottom { margin-top:80px; }
.step2_bottom .sb_left { width:40%; }
.step2_bottom .sb_left h4 { font-size:45px; }
.step2_bottom .sb_left h4 span { color:#4182db }
.step2_bottom .sb_right { width:60%; }
.sb_no { font-weight:bold; margin-right:20px; font-size:30px;color:#4182db  }
.sb_right h5 { font-size:30px; margin-bottom:20px; }
.sb_right p { font-size:16px; font-weight:200; line-height:25px; color:rgba(18, 18, 18, 0.8); }
.sb_right > div { border-bottom:1px solid #f1f1f1; padding-bottom:50px; margin-bottom:50px; }


/* 상담문의 */
.cform_input { width:50%; margin-bottom:20px; }
.cform_input p { width:150px; font-size:16px; border-bottom:1px solid #dfdfdf; margin-top:15px; font-weight:200; }
#fwrite .consult_wrap  .cform_input input[type=text] { width:calc(100% - 180px); }
#fwrite .consult_wrap  .cform_input .radio_div { width:calc(100% - 180px); border-bottom:1px solid #dfdfdf;  }
#fwrite .consult_wrap  .cform_input input[type=text] { background-color:#fff; border-bottom:1px solid #dfdfdf; font-size:16px; font-weight:200; }
#fwrite .consult_wrap  .cform_input input::placeholder { font-size:16px; font-weight:200; }
#fwrite .consult_wrap  .cform_input.f_width { width:100%; }
#fwrite .consult_wrap  .cform_input.f_width.d_col p { margin-bottom:20px; }
#fwrite .consult_wrap  .cform_input.f_width .write_div { width:100%; border-bottom:1px solid #dfdfdf; margin:0; }
#fwrite .consult_wrap  #wr_content { border:1px solid #dfdfdf; background-color:#fff; font-size:16px; font-weight:200; }
.cform_input p.no_border { border-bottom:none; }
.cform_radio { font-size:16px; font-weight:200; margin-right:20px; height:50px; line-height:50px; }
.cform_submit { width:300px; padding:20px 0; text-align:center; background-color:#4182db; color:#fff; font-size:16px; border:none; }
.cform_privacy { border:1px solid #dfdfdf; background-color:#fff;  font-size:16px; font-weight:200; height:300px; }

/* 회원가입 */
.register_header { padding:10% 0; }
.register_header h4 { font-size:50px; }
.register_header p { font-size:25px; font-weight:200; background-color:transparent; }
.mbskin { max-width:800px; margin:0 auto; }
.register { max-width:800px; margin:0 auto; }
.step_list li { width:50%; text-align:center; color:#fff; font-size:16px; }
.step_list li .num { display:block; font-weight:200; font-size:14px; margin-bottom:3px; }
.require_info{ font-size:16px; font-weight:200; background-color:transparent !important; text-align:right; color:#aaa; padding:0 !important; margin:0; }
#fregister h2 { border:none; font-size:20px; font-weight:500; padding:0; margin-bottom:10px; }
#fregister section { border:none; }
#fregister textarea { border:1px solid #dfdfdf; font-size:16px; font-weight:200; }
.fregister_agree { padding:0; margin-top:10px; font-size:16px; font-weight:200; border:none; }
#fregister_private .tbl_head01 { padding:0; }
.tbl_head01 thead th { padding:20px; border:1px solid #ddd; font-size:16px; font-weight:200; }
.tbl_head01 tbody td { padding:20px;  font-size:16px; font-weight:200; }
#fregister .chk_all { background:transparent; font-size:16px; font-weight:500; padding:0; border:none; border-top:1px solid #f1f1f1; padding-top:30px; margin:30px 0;}
#fregister .btn_submit { width:100%; font-size:16px; font-weight:200; }

.step_list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    margin-bottom: 30px;
}
.step_list.step01:before { background-image: url(/img/register_step0.png); }
.step_list.step02:before { background-image: url(/img/register_step1.png); }

.step_list:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: -1;
}

.yo_app { background-color:#fafafa; padding:10% 0; }
.app-data-box {text-align: center; margin-bottom: 100px;}
.app-data-box p:first-child {font-size: 25px;  font-weight: 500;  color: #4182db;}
.app-data-box p:last-child {    font-size: 20px;}
.app-img {display: flex; justify-content: space-between; width:60%; margin: 40px auto;}
.app-img img { width:calc(33.33333% - 10px);}
.product-data {display: flex; justify-content: center;margin-bottom: 100px;  gap: 30px; margin-top:50px; }
.type-graph {}
.type-graph img {height: 450px;}
.type-table {width: 500px; height: 450px;}
.type-table table {width: 100%; height: 100%; border-collapse:collapse; text-align: center;}
.type-table table td {border: 1px solid #ddd;width: 25%;}
.type-table table th	{background: #6e9cdb; color: #fff;  font-size: 14px;  font-weight: 500;}
.type-table table .blue-f {color: #2196F3; font-size: 14px;}
.type-table table .red-f {color: #e50808; font-size: 14px;}
.type-table table .blue-f, .red-f td {background: #f5f5f5;}
.neck-img-set {height: 330px;}

#fregisterform .form_01 h2 { display:none; }
#fregisterform .form_01 { border:none; }
#fregisterform .form_01 ul li { margin-bottom:40px !important; }
#fregisterform .form_01 ul li > p { font-size:16px; font-weight:400; margin-bottom:10px; ]}
#fregisterform .form_01 input { float:unset; }
#fregisterform .form_01 input::placeholder { font-size:16px; font-weight:200;  }
#fregisterform .form_01 ul { width:100%; padding:0; }
#fregisterform .chk_li { font-size:16px; font-weight:200; }
.is_captcha_use { border:none; padding:0; }
#fregisterform .btn_cancel { width:calc(50% - 10px); text-align:center; font-size:16px; padding:20px 0;}
#fregisterform .btn_submit { width:calc(50% - 10px); text-align:center; font-size:16px; padding:20px 0; }
#fregisterform .btn_frmline { height:50px; line-height:50px; width:100px; }
#reg_result { padding:10% 0; max-width:800px; margin:0 auto; text-align:center; }
#reg_result h2 { font-size:30px; }
#reg_result h2 strong { color:#222; }
#reg_result .reg_cong { font-size:18px; font-weight:200; }
#reg_result p { font-size:16px; font-weight:200; margin-top:40px; }
#reg_result .btn_confirm { margin:0px; margin-top:40px; text-align:center; }
#reg_result .btn_confirm a { width:100%; background-color:#222; color:#fff; border:none; font-size:16px; font-weight:200; padding:10px 0; line-height:auto; height:auto; }

.mypage_wrap { padding:50px 0; }

.mypage_header { margin-bottom:60px; margin-top:50px; padding:4% 0%; background-color:#f8f8f8; border-radius:20px; }
.mypage_header > div { width:33.33333%;  border-right:1px solid #ddd; }
.mypage_header > div:last-child { border-right:none; }
.mph_name { font-size:25px; text-align:center; font-weight:200; }
.mph_name > div { margin-top:20px; }
.mph_name > div span { margin:0 10px; font-size:14px; }
.mph_name > div a { color:#4182db; font-size:16px; }
.mph_name > p { font-size:18px; margin-top:10px; color:#777; }
.mph_name strong { font-size:25px; }
.mph_point { text-align:center; }
.mph_title { font-size:18px; text-align:center; }
.mph_point > div { margin-top:20px; text-align:center; font-size:28px; font-weight:500; color:#4182db; }
.mph_point > div a { color:#4182db; display:block; margin-top:40px; }

.mypage_left_menu { width:200px; }
.mypage_right_content { width:calc(100% - 300px); }
.mypage_menu > li { margin-bottom:50px;  }
.mypage_menu > li > a { font-size:20px; font-weight:400; }
.mypage_menu > li ul a { font-size:18px; color:#888; font-weight:300; }
.mypage_menu > li ul li { margin:12px 0; }
.mypage_menu > li ul li.active a { color:#4182db }
.mypage_left_menu h4 { font-size:30px; font-weight:400; padding-bottom:30px; border-bottom:1px solid #222; margin-bottom:30px; }
#sod_inquiry li .inquiry_price { color:#222; font-size:16px; left:20px; font-weight:200; bottom:20px;}

#smb_my_od ,
#smb_my_wish { margin-bottom:10%; }
#smb_my_od h2 a,
#smb_my_wish h2 a { font-size:30px; font-weight:400; }
#sod_inquiry li { border-radius: 20px; border:none; padding:20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-bottom:20px; }
#sod_inquiry li .inquiry_name { font-size:16px; color:#222; font-weight:200; }
.latest_order_p { color:#999; font-weight:200; font-size:16px; margin-bottom:20px; }
#smb_my_wish li a { font-size:16px; font-weight:400; }
.info_date { color:#888; font-weight:200; }
.wish_img a { border-radius:20px; overflow: hidden; }
#sod_inquiry li .idtime_link { font-weight:200; color:#888 }
.mypage_title { font-size:30px; font-weight:400; margin-bottom:30px; }
#sod_v { margin:0; }
#sod_fin { margin:0; }
#sod_v_info { background-color:transparent; font-size:16px; font-weight:200; }
.sod_opt { padding:10px; }
#sod_fin { font-size:16px; font-weight:200; }
.sod_list .li_prqty_sp { float: unset; width:100%; border:none; margin-bottom:10px; padding:0; }
.sod_list .total_price { padding:0; background-color:transparent; font-weight:400; border:none; font-size:20px; }
.sod_list .sod_li { border:none; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px; padding:20px; border-radius: 20px; margin-bottom:30px; }
.sod_fin_list .sod_ta_wr { margin:40px 0; border-radius:20px; }
#sod_fin_pay,
#sod_fin_receiver,
#sod_fin_dvr,
#sod_fin_tot,
#sod_fin_orderer
{ border:none; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px; padding:20px; border-radius: 20px; margin-bottom:40px; }

.odf_tbl table,
.odf_tbl table tr:last-child td,
.odf_tbl table tr:last-child th { border-bottom:none; }

.odf_tbl table th,
.odf_tbl table td
{ border:none; border-bottom:1px solid #f1f1f1; padding:20px 0; }
#sod_fin_tot li { background-color:transparent; color:#222; padding:20px; border:none; border-bottom:1px solid #f1f1f1; }

#sod_fin_view h3,
#sod_fin_tot h2
{ font-size:20px; margin-top:0; font-weight:400; margin-bottom:30px; }
#sod_ws .wish_info { padding:20px; width:calc(100% - 150px); }
#sod_ws .wish_info .wish_prd { font-size:20px; font-weight:400; }
#sod_ws { margin:0; }
#sod_ws .wish_img { width:150px; height:150px; position: unset;  margin-top:0; border-radius:0; }
.wish_img a { display:block; border-radius:0; background-color: #222; }
.info_price { margin:10px 0; font-size:16px; display:block; }
#sod_ws_act .btn01 { background-color:#4182db; }
.new_win #win_title { font-size:30px; font-weight:400; margin-bottom:30px; }
.list_01 li { border:none; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px; padding:20px; border-radius: 10px; margin-bottom:20px; }
#point_ul .point_log { font-size:16px; font-weight:200; }
#point_ul .point_date { font-style:normal; color:#888; font-weight:200; }
#point_sum .sum_row { background-color:transparent; color:#222; font-size:16px; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; }
#point_sum .sum_row:nth-child(even) { background-color:#f1f1f1; }
#bo_list .li_sbj { font-size:16px; font-weight:400; }
#bo_list .li_title strong { background-color:#666; color:#fff !important; padding:5px; margin-right:5px; }
#bo_cate #bo_cate_on { background-color:#555; }
#mb_confirm h1 { font-size:30px; font-weight:400; margin-bottom:30px;padding:0; }
.mypage_right_content #mb_confirm { max-width:100%;  margin:0; text-align:left; }
#mb_confirm p { padding:30px 0px; margin-bottom:30px; font-size:16px; font-weight:200; background-color:transparent; border-bottom:1px solid #ddd; }
.mbskin p strong { font-size:25px; font-weight:400; color:#888; }
#mb_confirm fieldset { width:300px; }
.out_title { font-size:20px; font-weight:400; margin-bottom:30px; }
.out_text { border:10px solid #f1f1f1; padding:20px; }
.ot_2 { margin-top:50px; }
#mb_confirm .out_text p { border-bottom:none; padding:20px 0; }
#mb_confirm .out_text .out_tel { font-weight:500; margin:0; }
#mb_login_odinfo p { font-size:14px; }
#mb_login_odinfo p strong { font-size:14px; }
#sod_bsk .sod_ta_wr{ float: unset; width:100%; }
.sod_bsk_left { float: unset; width:100%; padding:0; margin-bottom:30px; }
.cart_list .sod_li { border:none; }
.cart_list .sod_li:hover { border:none; }
.li_name { font-size:16px; font-weight:400; }
.li_name a strong{ font-weight:400; }
.li_chk { position:absolute; z-index: 999; right:10px; top:10px; }
.sod_opt { padding:0; }
.cart_goods_name strong { font-size:16px; font-weight:200; }
#sod_chk { font-size:16px; font-weight:200; }
.cart_list .mod_btn { margin:0; margin-top:10px; }
.cart_list .li_prqty { background-color:#fff; border-top:1px solid #f1f1f1; padding:10px; }
.cart_list .li_prqty_sp { float: unset; background-color:#fff; }
.cart_list .total_price { background-color:#fff; border-top:1px solid #f1f1f1; padding:10px; border-left:1px solid #f1f1f1 }
.sod_opt li { background: none; padding:0; font-size:12px; color:#aaa; font-weight: 200; }
#sod_bsk_act .cart_btn_wrap .btn_submit { width:200px; height:50px; font-size:16px; line-height:50px; font-weight:200; margin-right:10px; }
#sod_bsk_act .cart_btn_wrap .keep_shop_btn { width:200px; border:1px solid #222; height:50px; font-size:16px; line-height:50px; }
#sod_bsk .sod_ta_wr { padding:0; background-color:#fff; margin-top:40px; padding-top:40px; border-top:1px solid #f1f1f1; font-size:16px; }
#m_sod_bsk_tot .sod_bsk_cnt { font-size:20px; font-weight:200; margin-top:30px; padding-top:30px; }
#m_sod_bsk_tot .sod_bsk_cnt strong { font-weight: 200; }
#mod_option_frm { width:500px; padding:40px;  min-height:350px; margin:0; transform: translate(-50%,-50%);  z-index: 999}
#mod_option_frm #sit_sel_option { border:none; padding:0; }
#mod_option_frm h2 { font-size:16px; font-weight:200; }
.sod_left { display:block; width:100%; padding:0; }
.sod_right { display:block; width:100%; background-color:#fff; padding:0; margin-top:50px; font-size:16px; }
#sod_frm_orderer { background-color:#fff; font-size:16px; }
#sod_frm_taker { background-color:#fff; font-size:16px; }
#sod_frm_taker h2, #sod_frm_orderer h2, #sod_frm_pay h2, #od_pay_sl h3
{ font-size:30px; font-weight:400; border-bottom:1px solid #f1f1f1; padding-bottom:20px; }

#sod_frm_orderer table th, #sod_frm_taker table th,
#sod_frm_orderer table td, #sod_frm_taker table td { border-bottom:1px solid #f1f1f1; padding:20px 0; }
#sod_frm_orderer table td .frm_input,
#sod_frm_taker table td .frm_input { background-color:#f8f8f8; border-radius:5px; border:none; }

.odf_list .frm_input { background-color:#f8f8f8; border-radius:5px; border:none; }

.order_choice_place input[type=radio] { width:20px;  height:20px; vertical-align: middle;  }
.order_choice_place label { line-height:20px; vertical-align: middle; margin-right:20px; }
#order_address { margin-top:10px; }
.btn_address { font-size:16px; font-weight:200; background-color:#222; border:none; }
#sod_frm #sod_bsk_tot { border-top:2px solid #222; }
#sod_frm_pay .pay_tbl th { width:150px; }
#sod_frm_pay { margin:80px 0; background-color:transparent}
#od_pay_sl { margin-top:80px; }
.tbl_head03 thead th { font-size:16px; font-weight:200; }
.sod_name { font-size:16px; }
.sod_name b { font-weight:200; }
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong, #od_tot_price strong{ font-size:20px; color:#222; }
.sqa_section h2,.sps_section h2 { font-size:18px; font-weight:400; margin-bottom:10px; }
.mobile_mypage_menu { display:none; }
.tbl_frm01 th { width:150px; }
#sod_frm_paysel .bank_icon { font-weight: 200 }
#sod_frm_pt_alert { color:#aaa; margin-bottom:20px; font-weight:200; }
#sod_frm_pt_alert strong { font-weight: 400; }
#od_pay_sl .lb_icon { width:200px; }
#settle_bank { padding-top:40px; }
#od_deposit_name { margin-top:20px; }
#settle_bank #od_deposit_name { background-color:#f8f8f8; border-radius:5px; border:none; height:50px; }
#display_pay_button { display:flex; justify-content: center; align-items: center; }
#sod_frm #display_pay_button input,#display_pay_button a { width:200px !important; height:60px !important; line-height:60px !important; margin:0 10px;}
#sqa ol,#sps ol { margin:0; }
#sps_sch, #sqa_sch { margin:0; margin-bottom:20px; }

#faq_con .faq_alp { top:50%; transform:translateY(-50%); }
#faq_con h3 a { padding:20px 10px; }
#faq_wrap p, #bo_cate a { font-size:16px; font-weight:200; }
.con_inner { background-color:#f1f1f1; }
#faq_con h3 { padding-left:50px; }
#faq_con .con_inner{ padding-left:50px; }

@media only screen and (max-width:1024px) {
	
#myModal {width: 55%; padding: 0 40px;}
    #faq_wrap p, #bo_cate a { font-size:13px; font-weight:200; }
    #sod_chk { font-size:13px; }
    .cart_goods_name strong { font-size:13px; }
    .yo_app { margin-top:80px; }
    .product-data { height: auto; width:100%; justify-content: center; align-items: center; text-align:center; flex-direction: column; }
    .product-data img { width:70%; height:Auto; }
    .type-table { width:80%; }
    .app-data-box p:last-child { font-size:13px; width:80%; margin:0 auto; }
    #m_sod_bsk_tot .sod_bsk_cnt { font-size:16px; }
    .list_01 li { padding:10px; }
    #point_ul .point_log { font-size:13px; }
    #smb_my_od h2 a, #smb_my_wish h2 a { font-size:15px; }
    #smb_my_wish li a { font-size:13px; }
    .latest_order_p { font-size:13px; }
    .sod_list .total_price { font-size:15px; }
    .mypage_header { display:none; }
    .list_01 { padding:0; }
    #sps ol { margin:0; }
    #sqa ol { margin:0; }
    .mobile_mypage_menu { display:block; position: relative; }
    .mobile_mypage_menu ul li a { font-size:14px; padding:15px 10px; border-bottom:1px solid #ddd; display:block; }
    .mobile_mypage_menu ul li.active a { color:#4182db; }
    .current_mypage_menu { padding:15px 10px; border-bottom:1px solid #ddd; font-size:14px; }
    .mmypage_menu { display:none; position: absolute; z-index: 9999; background-color:#fff; width:100%; height:200px; overflow-y:auto; }
    #sps_sch,#sqa_sch { display:none; }
    #sod_frm .btn_confirm { padding:0; background-color:#fff; }
    #sod_frm_orderer { padding:0; margin:40px 0; font-size:13px; }
    #sod_frm_taker { padding:0; margin:40px 0; font-size:13px; }
    #sod_frm_pay { padding:0; background-color:#fff; font-size:13px; }
    #sod_frm_taker h2, #sod_frm_orderer h2, #sod_frm_pay h2, #od_pay_sl h3
    { font-size:20px; font-weight:400; border-bottom:1px solid #f1f1f1; padding-bottom:20px; }
    .cart_wrap.idx_c { padding:30px 10px; }
    #mod_option_frm { width:90%; padding:20px; left:50%; top:50%; margin:0;}

    /* 회사소개 */
    .sub_title { font-size:20px; }
    .sub_title:after { bottom:-10px; height:2px; }
    .subpage_desc { font-size:13px; line-height:20px; }
    .company_img { height:150px; }
    .sub_subtitle { font-size:20px; }
    .company_info { flex-wrap:wrap; margin:0; }
    .subpage_wrap .company_info li { width:100%; flex-direction: row; justify-content: flex-start; height:auto;  padding:10px; box-shadow: unset; border-bottom:1px solid #f1f1f1; }

    .subpage_wrap .company_info li > span { margin-right:10px; width:50px; height:50px; line-height:45px; text-align:center; }
    .subpage_wrap .company_info li > span img { width:60%; }

    .subpage_wrap .company_info li > div { width:calc(100% - 50px); margin-right:10px; }
    .company_info li h5 { font-size:15px; }
    .company_info li p { font-size:13px; }


    .about_content { flex-direction: column; }
    .about_img { width:100%; height:300px; }
    .about_text { width:100%; padding:30px; }

    .save_title { font-size:22px; }
    .about_two_title ul li:first-child { font-size:16px; }
    .about_two_title ul li:last-child { font-size:22px; }
    .about_three_content { flex-direction: column-reverse; }
    .left_content { width:100%; }
    .right_content { width:100%; padding:0; }
    .baner_set {cursor:pointer; width: calc(50% - 10px); margin:10px 0; height: 380px; position: relative; z-index: 1}
    .ci_section { flex-direction: column; }
    .ci_left { width:100%; margin-bottom:20px; }
    .ci_right { width:100%; padding:0; }
    .ci_sec2_img { flex-direction: column; }
    .ci_sec2_img_box { width:100%; }
    .save_title { font-size:22px; }
    .sub_area {padding: 50px 0;}
    .menu_area {padding: 50px 0;}
    .branch_title p {width: 100%; font-size: 14px; padding: 16px 54px;}
    .about_title h3 { font-size:20px; margin-top: 0px;}
    .branch_title h3 { font-size:20px; margin-top: 0px;}
    .concept_text p:first-child { font-size:20px; }
    .hover_view { font-size:14px; }
    .about_text { font-size:13px; }
    .hover_view p { font-size:13px; padding:10px; }
    .content_text { padding-top:60px; height:300px; }
    .concept_text p:last-child { font-size:13px; }
    .content_text p:last-child { font-size:13px; line-height:20px; }
    .content_text p:nth-child(2) { font-size:20px; line-height:25px; top:135px; }

    .ci_title h3 { font-size:20px; }
    .ci_title p { font-size:13px; line-height:20px; }
    .ci_right h4, .ci_right p { font-size:13px; }
    .content_text p:first-child { font-size:100px; }

    .ssh_sub_title { font-size:16px; margin:20px 0 10px 0; }
    .ssh_title { font-size:20px; }
    .sub_section > p { font-size:13px; line-height:20px; }
    .device_section2 > .idx_c > .flex { flex-direction: column-reverse; }
    .dv_left { width:100%; text-align:center; }
    .dv_left h4 { font-size:20px; }
    .dv_left p { font-size:13px; line-height:20px; }
    .ssh_mid_title { font-size:20px; }
    .db11_bottom > .flex { flex-direction: column-reverse }
    .db11_left, .db11_right { width:100%; }
    .db11_right h4 { font-size:20px; }
    .db11_right p { font-size:13px; margin:10px 0; }
    .db11_bottom .db11_left { padding:20px; font-size:13px;text-align:center;  }
    .db11_bottom .db11_left p { font-size:13px; justify-content: center; align-items: center; }
    .sub_section:last-child { margin-bottom:0; }


    .guide_header h4 { font-size:20px; }
    .guide_subtitle { font-size:16px; }
    .guide_text { font-size:13px; line-height:20px; }
    .guide_tab_menu li a { font-size:16px; }
    .gtab_content > div:nth-of-type(odd) { margin-bottom:30px; flex-direction: column; }
    .gtab_content > div:nth-of-type(even) { margin-bottom:30px; flex-direction: column-reverse; }
    .gtab_img { width:100%; }
    .gtab_text  { width:100%; }
    .gtab_text h4 { font-size:20px; }
    .gtab_text p { font-size:13px; }
    .gtab_content { padding:30px 0; }

    .history_li { flex-direction: column; border-right:none; margin-bottom:20px; }
    .history_year { border-right:none; width:100%; padding:10px; font-size:20px; text-align:left; }
    .history_inner { width:100%; padding:10px; }
    .history_month { font-size:13px; }
    .event_item p { font-size:13px; }
    .map_title h2 { font-size:20px; }
    .icm img { width:30px; }
    .map_title p { font-size:13px; }
    .location_info { flex-direction: column; }
    .location_info ul li p { padding:10px; }

    .intro_top { flex-direction: column; }
    .intro_top .intro_left_text { width:100%; padding:20px; text-align:center; font-size:20px; line-height:30px; }
    .intro_top .intro_right_text { width:100%; }
    .intro_right_text h2 { display:none; }
    .intro_right_text p { font-size:13px; line-height:25px; }
    .ceo_bottom { flex-direction: column; }
    .subpage_wrap .intro_banner ul li { width:100%; padding:0; margin-bottom:20px; }
    .intro_banner ul li p { padding:10px 0; }

    .service_title { font-size:20px; }
    .service_box { width:100%; padding:10px; border-right:none; }
    .service_icon { width:60px; }
    .service_no { font-size:13px; }
    .service_b_title { font-size:20px; }
    .service_b_text { font-size:15px; }
    .service_text p { font-size:13px; }

    .service2_left { width:100%; }
    .service2_left p { font-size:13px; }
    .service2_left h4 { font-size:20px; }
    .service2_right { width:100%; }
    .service2_box h5 { font-size:15px; }
    .service2_box { flex-direction: column; padding:10px; }
    .circ_no { margin-bottom:20px; }
    .service2_box p { font-size:13px; line-height:20px; }
    .searvice2_sec2_header p { font-size:13px; }
    .searvice2_sec2_header h4 { font-size:20px; }
    .ss2_bottom .idx_c { flex-direction: column; }
    .ss2_bottom .ss2_left { width:100%; }
    .ss2_bottom .ss2_right { width:100%; padding:30px 10px; }
    .ss2_right > p { font-size:13px; }
    .ss2_right > h4 { font-size:20px; }
    .ss2_text_wrap p { font-size:13px; }

    .step_header h4 { font-size:18px; }
    .step_header p { font-size:15px; }
    .step1_box { flex-direction: column; padding:20px; }
    .step1_box .step1_icon { width:100%; text-align:center; margin-bottom:30px; }
    .step1_box h5 { width:100%; text-align:center; margin-bottom:20px; font-size:15px; }
    .step1_box p { width:100%; text-align:center; font-size:13px; line-height:20px; }

    .step2_box_wrap { flex-direction: column; }
    .step2_box { width:100%; text-align:center; }
    .step2_box h5 { font-size:15px; }

    .step2_bottom { flex-direction: column }
    .step2_bottom .sb_left { width:100%; text-align:center; }
    .step2_bottom .sb_left h4 { font-size:20px; }
    .step2_bottom .sb_right { width:100%; flex-direction: column; text-align:center; }
    .step2_bottom .sb_right > div > div { width:100%; }
    .step2_bottom .sb_right > .flex { flex-direction: column; }
    .step2_bottom .sb_right .sb_no { font-size:13px; display:block; text-align:center; margin:0; margin-bottom:20px;}
    .step2_bottom .sb_right h5 { font-size:20px; }
    .step2_bottom .sb_right p { font-size:13px; }

    #fwrite .consult_wrap { flex-direction: column; }
    .cform_input { width:100%; flex-direction: column; }
    .cform_input p { width:100%; border-bottom:none; font-size:13px; }
    #fwrite .consult_wrap  .cform_input input[type=text] { width:100% !important; font-size:13px; }
    #fwrite .consult_wrap .cform_input .radio_div { width:100%; }
    #fwrite .consult_wrap  .cform_input input::placeholder { font-size:13px; }
    .cform_privacy { font-size:13px; }
    .cform_radio { font-size:13px; line-height:30px; height:30px; }
    #fwrite .consult_wrap  #wr_content { font-size:13px; }
    .cform_submit { width:100%; font-size:13px; }

    .register_header { padding:30px 0; }
    .register_header h4 { font-size:20px; }
    .register_header p { font-size:14px; padding:0px; margin-top:10px; }

    .step_list li,
    .mbskin p,
    #fregister h2,
    #fregister .btn_submit,
    #fregisterform .btn_submit,
    #fregisterform .btn_cancel
    { font-size:14px; }

    #fregister textarea,
    .fregister_agree label,
    .tbl_head01 thead th,
    .tbl_head01 tbody td,
    #fregister .chk_all,
    #fregisterform .form_01 ul li > p,
    #fregisterform .form_01 input,
    #fregisterform .form_01 input::placeholder,
    .require_info,
    #fregisterform .chk_li
    { font-size:13px; }

    #reg_result h2 { font-size:20px; }
    #reg_result h2 strong { color:#222; }
    #reg_result .reg_cong { font-size:15px; font-weight:200; }
    #reg_result p { font-size:13px; font-weight:200; margin-top:30px; }
    #reg_result .btn_confirm a { font-size:13px; padding:10px 0; }

    .mypage_content { flex-direction: column; }
    .mypage_left_menu { width:100%; }
    .mypage_left_menu h4 { display:none; }
    .mypage_menu { display:none; }
    .mypage_right_content { width:100%; }
    .mypage_title { display:none; }

    .idx_c.mypage_wrap { padding:0px; }
    .mypage_right_content { padding:30px 10px; }
    #sod_v_info { font-size:12px; }
    #sod_inquiry li { padding:20px; }
    #sod_inquiry li .inquiry_price { left:20px; bottom:20px; font-size:13px; }
    #sod_inquiry li .inquiry_name { font-size:13px; }
    #sod_fin { font-size:13px; }
    #sod_fin_view h3, #sod_fin_tot h2 { font-size:15px; margin-bottom:10px; }
    #sod_ws .wish_img { width:100px; height:100px; }
    #sod_ws .wish_info { width:calc(100% - 100px); padding:10px; }
    #sod_ws .wish_info .wish_prd { font-size:14px; }
    .info_price { font-size:14px; }
    .new_win #win_title { display: none; }
    #mb_confirm h1 { font-size:20px; }
    #mb_confirm .out_text p { font-size:13px; }
    .sqa_section h2, .sps_section h2 { font-size:13px; }
}
@media only screen and (max-width:768px) {
    .content_img1,
    .content_img2,
    .content_img3
    {height: auto; padding-top:50%; }

    .map_title h2 { font-size:14px; }
    .map_title h2 span { font-size:20px; }
    .event_item > p { width:calc(100% - 35px); }
    .history_month { display:block; width:35px; }
    .main_lists_tit .titles { font-size:14px; }
    .bo_cate_sel { height:30px !important; margin:0; }
    .cert_slide p { font-size:14px; }
    .dv_left h4 { font-size:14px; }
    .dv_left_slider_img { padding-top:55%; }
    .save_title {
        font-size: 20px;
    }

    .about_two_title::after {
        width: 20%;
    }

    .about_two_title::before {
        width: 20%;
    }

    .about_two_title ul li:last-child {
        font-size: 16px;
    }

    .cert_row { flex-direction: column; }
    .cert_row_cate { width:100%; padding:20px 0; font-size:13px;}
    .title_col { width:100%; }
    .title_col > .flex { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    .title_col > .flex > p { margin-bottom:10px; font-size:13px; }
    .cert_site_name { font-size:13px; }
    .cert_site { margin-left:10px; font-size:13px; }
	.sub_section_header {
    margin-bottom: 30px;
}
.subpage_wrap {
    padding: 30px 0;
}
.sub_section > p {margin-bottom: 30px;}
.device_section2 {
    padding: 40px 0;
}
.ssh_sub_title {
        font-weight: 500;
    font-size: 14px;
    padding: 0 20px;
    line-height: 22px;
    margin-bottom: 20px;
}
.dv_left {
	padding-left: 0;
}
.device_section2 > .idx_c > .flex {
    gap: 30px;
}
.sub_section {margin-bottom: 40px;}
.dv_left_slider_img2 {
    background-size: auto 100%;
	height: 180px;
}

.app-data-box {
    margin-bottom: 30px;
}
.yo12-data table {width: 100%;}
.yo12-data {padding: 0 20px;}
.yo12-data p {
    font-size: 18px;
    margin: 30px 0 20px;
}
#dv-r {padding: 0}
.yo12-data td {font-size: 12px;}
.db11_right {padding-top: 40px;}

#myModal {
width: 80%;}

    .yo-box { margin-bottom: 50px;}
    .dv_left_slider_img3 { padding-top:55%; }
}


#sit_dvr { overflow-x:auto; max-width:100%; }
#sit_ex { overflow-x:auto; max-width:100%; }
#sit_inf { overflow-x:auto; max-width:100%; }