img{object-fit: contain;width: auto;height: auto;}#newgraduate{ background-image: url(../img/newgraduate/bg_block_blue.png); font-size: 18px; line-height: 1.8;} #newgraduate{ color: #666; text-align: center;} #newgraduate .page_title{ background: #FFF; padding: 30px 0;} #newgraduate .page_title h2,#newgraduate .page_title h1{ padding: 30px 0 0 0; font-size: 32px; font-weight: 700; color: #666;} #newgraduate .page_title img{ display: block; width:50%; margin: 2em auto;} #newgraduate .page_title h3,#newgraduate .page_title h2{ font-size: 32px; font-weight: 700; color: #23ABC5;} #newgraduate .page_title h3 span,#newgraduate .page_title h2 span{ display: block; color: #666; font-size: 16px;} #newgraduate .page_title p{ width: 960px; margin: 2em auto; display: block; line-height: 2;} #newgraduate .page_title h3{ font-size: 32px; font-weight: 700; background: #23ABC5; color: #FFF; margin: 0 auto 60px auto; display: block; padding: 0.5em 0; width: 640px} #newgraduate .question, #newgraduate .answer{ padding: 30px 0;} #newgraduate .question .bg_white, #newgraduate .answer .bg_white{ padding: 30px 0;}#newgraduate .question h2, #newgraduate .answer h2{ width: 100%; background: #70BBCF; color: #FFF; font-size: 24px; font-weight: 700; padding: 0.5em 0; margin-top: 2em;} #newgraduate .question h3, #newgraduate .answer h3{ color: #23ABC5; font-size: 24px; font-weight: 700;} #newgraduate .answer p{ padding: 1em 2em; text-align: left;} #newgraduate .question img{ width: 150px; margin: 1em 0; margin-left: 50px;} #newgraduate .arrow{ width: 100%; margin: 2em 0;} #newgraduate .arrow img{ display: block; margin: 0 auto 1em auto;} #newgraduate .steps h3,#newgraduate .steps h2{ font-size: 38px; font-weight: 700; color: #FFF; display: flex; justify-content: center; align-items: center;} #newgraduate .steps h3 img,#newgraduate .steps h2 img{ height: 64px; padding-right: 10px;} #newgraduate .steps p{ margin: 0.5em 0 1em 0;} #newgraduate .steps .step_img img:first-of-type{ width: 100%;} #newgraduate .steps .step_img img:last-of-type{ width: 50%;} #newgraduate .steps:nth-of-type(5) .step_img img:first-of-type{ width: 50%; display: block; margin: 0 auto;} #newgraduate .steps:nth-of-type(5) .step_img img:last-of-type{ width: 40%;} #newgraduate .steps:nth-of-type(6) h3 img,#newgraduate .steps:nth-of-type(6) h2 img{ width: auto; height: auto; display: block; margin: 0 auto;} #newgraduate .steps:nth-of-type(6) p img{ width: 140px; display: block; margin: 1em auto;} #newgraduate .service{ margin-top: 30px;} #newgraduate .service h2{ font-size: 38px; font-weight: 700; color: #FFF; justify-content: center; align-items: center;} #newgraduate .service b{ background: #000; color: #FFF; font-size: 16px; font-weight: 700; padding: 2px 0.5em; margin: 0 0.5em;} #newgraduate .service ul.service_list{ margin: 30px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap;} #newgraduate .service ul.service_list::after { display: block; content:""; width: 380px;} #newgraduate .service ul.service_list li{ width:380px; text-align: center; margin-bottom: 60px;} #newgraduate .service_problem { width: 100%; line-height: 2; font-weight: 700;} #newgraduate .service_problem p{ color: #FFF;} #newgraduate .service ul.service_list li .thumbnail{ border: 1px solid #D0D0D0; width: 380px; height: 200px; margin: 0 auto 1em auto; overflow: hidden; display: flex; justify-content: center; align-items: center;} #newgraduate .service ul.service_list li p.service_title,#newgraduate .service ul.service_list li h4.service_title{ font-size: 20px; font-weight: 700; line-height: 28px;} #newgraduate .service ul.service_list li p.service_txt{ line-height: 1.6;} #newgraduate .service ul.service_list li p.service_answer{ background: #22ACC5; color: #FFF; width: 100%; padding: 1em; margin: 1em 0; text-align: left; font-weight: 700;} #newgraduate .camseis{ padding: 60px 0;} #newgraduate .camseis h2{ font-size: 24px; line-height: 1.6; font-weight: 700; color: #22ACC5; margin-bottom: 2em;} #newgraduate .camseis img{ display: block; width:80%; margin: 1em auto;} #newgraduate .camseis p,#newgraduate .camseis .cont{ text-align: center; line-height: 2; font-weight: 700; font-size: 32px;} #newgraduate .voice{ padding: 60px 0;} #newgraduate .voice .container_medium{ display: flex; justify-content: space-between;} #newgraduate .voice h2{ font-size: 38px; line-height: 1.6; font-weight: 700; color: #22ACC5; margin-bottom: 0.5em;} #newgraduate .camjin_people{ width: 320px; margin-bottom: 1em;} #newgraduate .camjin_people img{ width: 100%;} #newgraduate .camjin_txt{ width: 640px; text-align: left; padding: 20px 0;} #newgraduate .camjin_txt h3{ font-size: 26px; font-weight: 700; line-height: 1.4; margin-bottom: 5px;} #newgraduate .camjin_txt h4{ width: 100%; background: #22ACC5; color: #FFF; font-weight: 700; padding: 0.2em 1em; display: inline-block; margin-bottom: 0.5em;} #newgraduate .camjin_txt figure{ font-size: 18px; line-height: 1.6; margin-bottom: 1em;} #newgraduate .camjin_txt figure img{ width: 100%;} #newgraduate .camjin_schedule{ clear: both; width: 100%; margin-bottom: 2em;} #newgraduate .voice a{ width: 640px; height: 60px; line-height: 60px; background: #666; color: #FFF; font-size: 20px; font-weight: 700; margin: 0.7em auto; display: block; position: relative; transition: .3s; z-index: 2;} #newgraduate .entry{ padding: 60px 0;} #newgraduate .entry a{ width: 640px; height: 90px; line-height: 90px; background: #22ACC5; color: #FFF; font-size: 32px; font-weight: 700; margin: 0.7em auto; display: block; position: relative; transition: .3s; z-index: 2;} #camjin{ color: #666;} #camjin .page_title{ text-align: center; background: #F7F7F7;} #camjin .page_title h1{ padding: 30px 0 0 0; font-size: 32px; font-weight: 700; color: #666;} #camjin .camjin_menu h2{ margin: 60px 0 30px 0; font-size: 28px; font-weight: 700; text-align: center;} #camjin .camjin_menu p{ font-size: 18px; line-height: 1.8;} #camjin .camjin_menu ul{ display: flex; margin: 30px 0 60px 0; font-size: 18px; justify-content: space-between;} #camjin .camjin_menu ul li{ border-right: 1px solid #666; font-size: 16px; padding:0 1em;} #camjin .camjin_menu ul li a{ color: #004B70;} #camjin .camjin_menu ul li:last-child{ border: none;} #camjin .camjin_member{ width: 100%; background: #F7F7F7; padding: 30px 0; margin-bottom: 30px;} #camjin .camjin_member .camjin_people{ width: 350px; float: left; margin-bottom: 1em;} #camjin .camjin_member .camjin_txt{ padding: 20px 0;} #camjin .camjin_member .camjin_txt h3{ font-size: 28px; font-weight: 700; margin: 1em 0;} #camjin .camjin_member .camjin_txt h4{ background: #004B70; color: #FFF; font-weight: 700; padding: 0.2em 2em; margin: 1em 0; display: inline-block;} #camjin .camjin_member .camjin_txt p{ font-size: 18px; line-height: 2;} #camjin .camjin_member .camjin_schedule{ clear: both; width: 100%; margin-bottom: 2em;} #camjin .camjin_entry h2{ font-size: 20px ; font-weight: 700; margin: 2em 0 1em 0; text-align: center;} #camjin .camjin_entry a.btn_white_center{ width: 800px; font-size: 26px; font-weight: 700; text-align: center; margin: 0 auto 60px auto; border:1px solid #004B70; color: #004B70; padding: 0.5em 1.5em; display: block; position: relative; transition: .3s;} #camjin .camjin_entry a.btn_white_center:hover{ color: #FFF; background: #004B70;} #camjin .camjin_scoop{ width: 100%; background: #F7F7F7; padding: 30px 0;} #camjin .camjin_privacy{ text-align: right; margin: 30px 0;} #camjin .camjin_privacy a:hover{ background: none;} @media screen and (max-width: 768px) { #newgraduate{ font-size: 16px; line-height: 1.8;} #newgraduate .page_title{ padding: 15px 0;} #newgraduate .page_title h2,#newgraduate .page_title h1{ padding: 15px 0 0 0; font-size: 22px;} #newgraduate .page_title img{ width:80%; margin: 2em auto;} #newgraduate .page_title h3,#newgraduate .page_title h2{ font-size: 20px;} #newgraduate .page_title h3 span,#newgraduate .page_title h3{ font-size: 12px;} #newgraduate .page_title p{ width: 90%; margin: 1em auto; line-height: 1.6; font-size: 12px;} #newgraduate .page_title h3{ font-size: 18px; margin: 15px auto; padding: 0.5em 0; width: 90%;} #newgraduate .question, #newgraduate .answer{ padding: 0;} #newgraduate .question .bg_white, #newgraduate .answer .bg_white{ padding: 15px;}#newgraduate .question h2, #newgraduate .answer h2{ font-size: 18px; margin-top: 1.5em; padding: 1em;}#newgraduate .question h3, #newgraduate .answer h3{ font-size: 16px;} #newgraduate .question p, #newgraduate .answer p{ padding: 1em; text-align: left;} #newgraduate .question img{ width: 30%; margin: 1em 0; margin-left: 10%;} #newgraduate .arrow{ width: 100%; margin: 2em 0;} #newgraduate .arrow img{ margin: 0 auto 0.5em auto;} #newgraduate .steps h3,#newgraduate .steps h2{ font-size: 20px;} #newgraduate .steps h3 img,#newgraduate .steps h2 img{ height: 32px;} #newgraduate .steps p{ margin: 0.5em 0 1em 0; line-height: 1.6;} #newgraduate .steps .step_img img:first-of-type{ width: 100%;} #newgraduate .steps .step_img img:last-of-type{ width: 100%;} #newgraduate .steps:nth-of-type(5) .step_img img:first-of-type{ width: 100%; display: block; margin: 0 auto;} #newgraduate .steps:nth-of-type(5) .step_img img:last-of-type{ width: 90%;} #newgraduate .steps:nth-of-type(6) h3 img,#newgraduate .steps:nth-of-type(6) h2 img{ width: auto; height: auto; display: block; margin: 0 auto;} #newgraduate .steps:nth-of-type(6) p img{ width: 20%; display: block; margin: 1em auto;} #newgraduate .service{ margin-top: 30px;} #newgraduate .service h2{ font-size: 28px; margin-bottom: 0.5em;} #newgraduate .service p.problem_txt{ text-align:left;} #newgraduate .service b{ background: #000; color: #FFF; font-size: 16px; font-weight: 700; padding: 2px 0.5em; margin: 0 0.5em;} #newgraduate .service_problem p{ color: #FFF;} #newgraduate .service ul.service_list{ margin: 30px 0 0 0; display: block;} #newgraduate .service ul.service_list li{ width:100%; margin-bottom: 30px;} #newgraduate .service ul.service_list li .thumbnail{ width: auto; height: 120px;} #newgraduate .service ul.service_list li a.btn_blue_center{ width: 100%;} #newgraduate .camseis{ padding: 60px 0;} #newgraduate .camseis h2{ font-size: 20px;} #newgraduate .camseis img{ margin: 1em auto 1.5em auto;} #newgraduate .camseis p,#newgraduate .camseis .cont{ text-align: center; line-height: 1.4; font-weight: 700; font-size: 22px;} #newgraduate .voice{ padding: 30px 0;} #newgraduate .voice .container_medium{ display: block;} #newgraduate .voice h2{ font-size: 28px;} #newgraduate .camjin_people{ width: 100%; margin-bottom: 1em;} #newgraduate .camjin_people img{ width: 50%;} #newgraduate .camjin_txt{ width: 100%; text-align: none; padding: 0;} #newgraduate .camjin_txt h3{ font-size: 20px;} #newgraduate .camjin_txt h4{ font-size: 16px;} #newgraduate .camjin_txt figure{ font-size: 16px;} #newgraduate .voice a{ width: 90%; height: auto; font-size: 22px; line-height: 1.2; padding: 1em;} #newgraduate .entry{ padding: 30px 0;} #newgraduate .entry a{ width: 90%; height: 90px; line-height: 90px; font-size: 26px; margin: 0.7em auto;} #camjin img{ width: 100%;} #camjin .page_title h1{ padding: 15px 0; font-size: 16px;} #camjin .camjin_menu h2{ margin: 15px 0; font-size: 20px;} #camjin .camjin_menu p{ font-size: 16px;} #camjin .camjin_menu ul{ flex-wrap: wrap; margin: 15px 0 ; font-size: 16px;} #camjin .camjin_menu ul li{ width: 48%; border: 0; font-size: 16px; padding:5px; margin-bottom: 0.5em; text-align: center; background: #F7F7F7;} #camjin .camjin_member .camjin_people{ width: 350px; float: left; margin-bottom: 1em;} #camjin .camjin_member .camjin_txt{ padding: 10px 0;} #camjin .camjin_member .camjin_txt h3{ font-size: 22px; margin: 0.5em 0;} #camjin .camjin_member .camjin_txt p{ font-size: 16px; line-height: 1.8;} #camjin .camjin_member .camjin_schedule{ margin-bottom: 0;} #camjin .camjin_entry h2{ font-size: 16px ; margin: 1em 0 1em 0;} #camjin .camjin_entry a.btn_white_center{ width: 95%; font-size: 20px; margin: 0 auto 30px auto; padding: 0.5em 0;} #camjin .camjin_scoop{ padding: 15px 0;} #camjin .camjin_privacy{ margin: 15px 0;}.steps figure img{height: 200px;}}