@charset "utf-8";
    
.pagecommon{font-size:15px;color: #777;letter-spacing:-.3px;line-height:1.6}
.pagecommon .h_bt{text-decoration:underline;font-weight:500;color:#222}
.pagecommon .tit_en{display:inline-block;margin-bottom:50px;padding:10px 20px;font-size:14px;background:#383836;color:#fff;border-radius:50px;font-family:'Bruno Ace'}
.pagecommon .top_box{display:flex;align-items: flex-end;padding-bottom:30px}
.pagecommon .top_box .left{font-size:76px;color:#111;line-height:1;font-family:'Bruno Ace'}
.pagecommon .top_box .right{margin-left:auto;font-size:18px}
.pagecommon .top_box .right p{padding-bottom:6px;font-size:26px;font-weight:700;color:#222}
.pagecommon .cont{padding:50px;background: url(/sh_page/img/p33_bg.png) no-repeat;background-position:95% 84%;border-bottom: 1px solid #e1e1e1;}
.pagecommon .cont .ko_tit{display:flex;align-items:center;gap:20px;padding-bottom:30px;color:#111;font-size:26px;font-weight:700}
.pagecommon .cont .num{display:flex;width:50px;height:50px;background:#f8f8f8;color:#888;border-radius:50px;font-size:15px;font-family:'Bruno Ace';align-items:center;justify-content:center}
.pagecommon .cont .box:nth-child(1){padding-bottom:50px}
.pagecommon .last_txt{padding:60px 0;font-weight:700;font-size:32px;color:#222;text-align:center}

/*p34*/
#p34 .profile{display:flex;padding-bottom:50px;justify-content:space-evenly;position:relative}
#p34 .profile:after{position:absolute;content:'';width:100%;height:750px;bottom:45px;background:#383836;z-index:-1}
#p34 .profile .right{padding-top:80px}
#p34 .profile .right .top{padding-bottom:100px}
#p34 .profile .right .top p{font-weight:500;font-size:17px;color:#8b8585}
#p34 .profile .right .top .tit{display:flex;align-items:center;gap:24px;font-size:37px;font-weight:700;color:#222}
#p34 .profile .right .top .tit .sm_tit{font-size:16px;font-weight:200;font-family:'Bruno Ace'}
#p34 .profile .right .bot .s_tit{display:inline-block;padding:2px 16px;margin-bottom:20px;font-size:16px;font-weight:700;color:#222;background:#fff;border-radius:50px}
#p34 .profile .right .bot ul{padding-bottom:50px}
#p34 .profile .right .bot ul li{position:relative;padding-left:20px;color:#fff;line-height:2}
#p34 .profile .right .bot ul li:after{position:absolute;content:'';width:3px;height:3px;left:0;top:13px;background:#fff;border-radius:50px}
#p34 .bot_cont{padding:40px}
#p34 .bot_cont .top_en{padding-bottom:10px;font-family:'Bruno Ace'}
#p34 .bot_cont .flex{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;margin-bottom:30px;font-size:19px;border-bottom:1px solid #e1e1e1}
#p34 .bot_cont .flex .left{font-size:34px;font-weight:700;color:#222}
#p34 .bot_cont .flex .right span{font-weight:700}
#p34 .bot_cont .bot p{padding-bottom:20px;font-size:20px;font-weight:600;line-height:1.5;color:#222}

/*p35*/
#p35 .top_img p{padding-bottom:20px;text-align:center;color:#111;font-size:34px;font-weight:700}
#p35 .pro_list .box{padding:70px 0 0}
#p35 .pro_list .box .num{display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto;background:#f7f7f7;border-radius:50px;font-family:'Bruno Ace'}
#p35 .pro_list .box .tit{padding:20px 0 14px;color:#111;font-weight:700;font-size:25px}
#p35 .pro_list .box .top_ko{padding-bottom:36px;text-align:center;font-size:16px}
#p35 .pro_list .bot_list p{padding-bottom:8px;font-size:19px;font-weight:600;color:#222}
#p35 .pro_list .bot_list ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}
#p35 .pro_list .bot_list ul li{padding:30px;border:1px solid #3838364a;font-size:16px}
#p35 .pro_list .pro_top{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e1e1}
#p35 .pro_list li:last-child .pro_top{border-bottom:none}
#p35 .pro_list .set_top{display:flex;align-items:center;gap:16px;padding-bottom:16px;font-size:20px;font-weight:600;color:#222}
#p35 .pro_list .set_top .s_num{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:15px;border:1px solid #e1e1e1;color:#222;border-radius:50px}
#p35 .pro_list .pro_list_set ul li{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;padding-bottom: 40px;}
#p35 .pro_list .pro_list_set ul li:last-child{padding-bottom:0}
#p35 .pro_list .pro_bot .deco{display:inline-block;padding: 2px 14px;margin-bottom:16px;font-weight:600;background:#666666;color:#fff;border-radius:50px}
#p35 .pro_list .pro_bot .list_sl{padding-top:30px;font-size:14px;color:#bbb7b7}
#p35 .pro_list .seco ul{display:flex;flex-wrap:wrap;gap: 30px;}
#p35 .pro_list .seco li{display:flex !important;flex-direction:column;align-items:center;padding-bottom:0 !important}
#p35 .pro_list .seco li .pro_top{border-bottom:none;margin-bottom:0;padding-bottom:0}
#p35 .pro_list .last_tit{padding: 80px 0 0 0;text-align:center;font-size:28px;font-weight:300;color:#222;text-decoration:underline}
#p35 .pro_list .last_tit span{font-weight:700}
#p35 .last_cont{padding: 50px 40px;margin-top: 50px;background:#f7f7f7;text-align:center}
#p35 .last_cont .cont_tit{padding: 30px 0;font-size:26px;font-weight:400;line-height:1.4;color:#222}
#p35 .last_cont .cont_tit span{font-weight:700}
#p35 .last_cont .cont_ct{display:inline-block;padding:6px 20px;margin-bottom:28px;background:#919191;color:#fff;text-align:center;border-radius:50px;font-size: 24px;font-weight:700}
#p35 .last_cont .cont_bot{font-size: 20px;font-weight:700;color:#333}

/*p38*/
#p38 .cont_list .top p{font-size:34px;font-weight:700;color:#111;line-height:1.3}
#p38 .cont_list .flex_list{display:flex;gap:57px;padding: 60px 0;}
#p38 .cont_list .flex_list .left{display:flex;}
#p38 .cont_list .flex_list .dot{display: flex;align-items:center;justify-content:center;flex-direction:column;gap: 6px;width:190px;height:190px;border:1px solid #e1e1e1;border-radius:50%;font-weight:700;font-size:22px;color: #222;box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 2%);}
#p38 .cont_list .flex_list .dot:nth-child(2){margin-left: -26px;}
#p38 .cont_list .flex_list .dot:nth-child(3){margin-left: -26px;}
#p38 .cont_list .flex_list .dot_num{font-size:17px;font-weight:700;color:#999}
#p38 .cont_list .flex_list .right{width:100%}
#p38 .cont_list .flex_list .right ul li{padding-bottom: 30px;margin-bottom: 30px;border-bottom:1px solid #e1e1e1}
#p38 .cont_list .flex_list .right .top_ko{display: flex;align-items: center;gap: 16px;padding-bottom: 20px;font-size: 20px;font-weight: 700;color: #222}
#p38 .cont_list .flex_list .right .s_num{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: #555;color: #fff;font-weight: 700;font-size: 13px;border-radius:50px}
#p38 .center{padding: 58px;background:#f7f7f7}
#p38 .center .top_tit{padding-bottom: 50px;text-align:center;font-size: 17px;}
#p38 .center .top_tit p{padding-bottom: 7px;font-size:30px;font-weight:700;color: #222;}
#p38 .center img{display:block;margin:0 auto;width: 100%;}
#p38 .bot_cont{padding: 50px 0;text-align:center;font-size: 17px;}
#p38 .bot_cont .top_tit p{padding-bottom: 7px;font-size:30px;font-weight:700;color: #222;}
#p38 table{margin:30px 0 0;width:100%;border-spacing:0;font-size:15px;text-align:center;border-top: 1px solid #e1e1e1;}
#p38 .cont_table{border-radius:20px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#p38 table tr.bg_gr{background-color:#f5f5f5}
#p38 table tr th{padding: 15px 12px;font-weight:600;font-size:17px;color:#fff;background-color: #333;}
#p38 table tr th.col01{background:#f67500;border-radius:20px 0 0}
#p38 table tr th.col02{background:#297ca8}
#p38 table tr th.col03{background:#1ba1a3;border-radius:0 0 0 20px}
#p38 table tr th+th{border-left:1px solid rgba(255,255,255,.2)}
#p38 table tr td{padding: 14px 7px;border-bottom:1px solid #e1e1e1}
#p38 table tr:last-child td{border-bottom:none}
#p38 table tr td+td{border-left:1px solid #e1e1e1}
#p38 table .s_col01{color:#2d529e;font-size: 15px;font-weight:700}
#p38 table .s_col02{color:#92358f;font-size:17px;font-weight:700}
#p38 table .s_col03{color:#c95c19;font-size:17px;font-weight:700}
#p38 table .s_col04{color: #e0bf18;font-size:17px;font-weight:700}
#p38 table .s_col05{color: #6dad4b;font-size:17px;font-weight:700}
#p38 table .s_col06{color: #6dad4b;font-size:17px;font-weight:700}
#p38 .cir_txt{padding:30px 0;text-align:center;font-size:18px;font-weight:500;color:#777}
#p38 .pro_box{position:relative;background:url(/sh_page/img/p38_pro_bg.jpg) no-repeat;background-size:cover;width:100%;height:310px;text-align:center;padding: 80px 50px;margin-top: 50px;font-size: 19px;line-height: 1.5;color: #fff;}
#p38 .pro_box p{padding-bottom:26px;font-size:32px;font-weight:700;color:#fff}
#p38 .pro_table{border:1px solid #e1e1e1}
#p38 .pro_ko_tit{padding:50px 0 0;font-size: 30px;font-weight:700;color:#222;text-align:center}
#p38 .pro_table span{color:#333;font-weight:600}
#p38 .pro_table .gray{background: #f3f3f3;color:#222;font-weight:700}
#p38 .curri img{max-width:1000px;display:block;margin:0 auto}
#p38 .pro_li_icon{padding:50px 40px}
#p38 .pro_li_icon ul{display:grid;grid-template-columns:repeat(3, 1fr)}
#p38 .pro_li_icon ul li{text-align:center;position:relative}
#p38 .pro_li_icon ul li:after{position:absolute;content:'';left: -16px;top:40%;width:42px;height:20px;background: url(/sh_page/img/p38_arrow.png) no-repeat;}
#p38 .pro_li_icon ul li:nth-child(1):after{display:none}
#p38 .pro_li_icon ul li .tit{display: inline-block;padding:3px 20px;position:relative;top:18px;background:#fdc00f;border-radius:50px;color:#fff;font-size:17px;font-weight:600}
#p38 .pro_li_icon ul li .icon_box{display: flex;align-items: center;justify-content: center;width:184px;height:184px;background:#f7f7f7;border-radius:20px;margin:0 auto 20px}
#p38 .pro_li_icon ul li .txt{font-size:16px}

/*p40*/
#p40 .top_txt{padding-bottom: 50px;text-align:center}
#p40 .top_txt p{padding-bottom:20px;font-size:34px;font-weight:700;color:#111}
#p40 .box_inr{padding:0 0 50px 0}
#p40 .book_list ul li{display:flex;padding:50px;gap: 24px;margin-bottom: 30px;border:1px solid #e1e1e1;justify-content:space-between}
#p40 .book_list ul .en{display:inline-block;padding: 2px 20px;font-weight: 700;font-size: 17px;color: #888;background: #f8f8f8;border-radius: 50px}
#p40 .book_list ul p{padding: 30px 0 16px;font-size: 26px;font-weight: 700;color: #111}

/*p45*/
#p45 .top_tit{padding-bottom:20px;text-align:center;color:#111;font-size:34px;font-weight:700}
#p45 .box_group{display:flex;position:relative;z-index:2;justify-content:center;flex-wrap:wrap;row-gap:53px;padding:60px 0 54px;border:1px solid #e1e1e1;background:#fff;text-align: center;}
#p45 .box_group li{position:relative;width: calc(100%/3);}
#p45 .box_group li:before{position:absolute;right:-9px;top:50%;transform:translateY(-50%);content:'';width:18px;height:18px;background:url('/sh_page/img/arrow.png') no-repeat center}
#p45 .box_group li:nth-child(3n):before{display:none}
#p45 .box_group li .icon_group{width:128px;height:128px;margin:0 auto 30px;border-radius:20px;line-height:128px;background-color:#f5f5f5}
#p45 .box_group li .step{width: 90px;margin:0 auto 12px;border-radius:15px;font-size: 12px;line-height:30px;color:#fff;background-color: #ede735;font-family: 'Bruno Ace';}
#p45 .box_group li .txt_group{white-space:pre-line;color:#666}
#p45 .box_group li .txt_group span{display:block;margin-bottom:7px;font-size:18px;font-weight:700;color:#333}
#p45 .bt_txt_box{position:relative;z-index:1;margin-top:-80px;padding:142px 0 65px;border-radius:20px;color:#fff;background:url('../img/sub/method1001_bg.png') no-repeat center bottom #042574;background-size:cover}
#p45 .bt_txt_box .eng_txt{color:#fff}
#p45 .bt_txt_box .mdi_txt{padding:0 15px;font-size:23px;line-height:33px;font-weight:300;white-space:pre-line;word-break:keep-all}
#p45 .bt_txt_box .mdi_txt span{font-weight:700}
#p45 .deco{padding-bottom:6px;font-size:14px}

/* 반응형 [s] */
@media (max-width:1280px){

}
@media (max-width:1024px){
.pagecommon{padding:20px}
.pagecommon .top_box .left{font-size:60px}
.pagecommon .top_box .right p{font-size:22px}
#p40 img{width:100%}
#p40 .d_br{display:none}
#p38 .cont_list .top p{font-size:27px}
#p38 .cont_list .flex_list .dot{ width:168px;height:168px;font-size:19px}
#p38 .cont_list .flex_list .right .top_ko{font-size:18px}
#p45 .tit_box .kor{font-size:30px;line-height:40px}
#p45 .box_group li .txt_group{padding:0 20px;white-space:normal;word-break:keep-all}
}
@media (max-width:900px){
#p38 .cont_list .flex_list{flex-direction:column}
#p38 .cont_list .flex_list .left{justify-content:center}
}
@media (max-width:800px){
#p34 .profile .left img{width:100%;max-width:300px}
}
@media (max-width:768px){
.pagecommon .top_box .left{padding-bottom:20px;font-size:40px}
.pagecommon .cont{padding:30px}
.pagecommon .cont .ko_tit{font-size:24px}
.pagecommon .cont{background-position:98% 60%;background-size:155px}
#p34 .profile{flex-direction:column}
#p34 .profile .left{margin:0 auto}
#p34 .profile .right{padding-top:30px}
#p34 .profile .right .top {padding-bottom:50px}
#p34 .profile .right .top .tit{justify-content:center;font-size:30px}
#p34 .profile .right .top p{text-align:center}
#p34 .profile .right .bot{padding:0 26px}
#p34 .profile:after{height:730px}
#p34 .bot_cont{padding:0}
#p34 .bot_cont .flex .left{font-size:26px}
#p34 .bot_cont .flex .right{font-size:16px}
#p35 .top_img p{font-size:28px}
#p35 .pro_list .box{padding:30px 0 0}
#p35 .pro_list .box .tit{font-size:21px}
#p35 .pro_list .bot_list ul{grid-template-columns:repeat(2, 1fr)}
#p40 .book_list ul li{padding:26px;flex-direction:column;margin-bottom:16px}
#p40 .book_list ul li .left{text-align:center;padding-bottom:20px}
#p40 .top_txt{padding-bottom:30px}
#p40 .top_txt p {font-size:27px}
#p38 .center{padding:30px}
#p38 .center .top_tit p{font-size:26px}
#p38 .pro_li_icon{padding:30px 0}
#p38 .pro_li_icon ul li .icon_box{width: 140px;height:140px}
#p38 .pro_li_icon ul li .icon_box img{width:60px}
#p38 .pro_li_icon ul li:after{top:35%}
#p45 .box_group li {width:calc(100% / 2)}
#p45 .box_group li:nth-child(2):before{display:none}
#p45 .box_group li:nth-child(4):before{display:none}
#p45 .box_group li:nth-child(3n):before{display:block}
#p45 .top_tit{font-size:27px}
}
@media (max-width:600px){
.pagecommon .top_box{flex-direction:column;align-items:center}
.pagecommon .top_box .left{text-align:center}
.pagecommon .cont{padding:26px 0}
.pagecommon .top_box .right{text-align:center;margin:0 auto;font-size:16px}
#p34 .bot_cont .flex{flex-direction:column}
#p35 .pro_list .bot_list p{font-size:15px}
#p35 .pro_list .bot_list ul .sub{font-size:14px}
#p35 .d_br{display:none}
#p35 .pro_list .pro_list_set ul li{grid-template-columns: repeat(1, 1fr)}
#p35 .pro_list .set_top{font-size:18px}
#p35 .pro_list .last_tit {padding:30px 0 0;font-size:22px;word-break:keep-all}
#p35 .last_cont .cont_ct{font-size:22px}
#p38 .bot_cont .top_tit p{font-size:23px}
#p38 .pro_ko_tit{font-size:23px}
#p38 table tr th{font-size:15px}
#p38 .pro_li_icon ul li .tit{font-size:14px}
#p45 .box_group{display:block;margin-top:35px;padding:0;border:none;border-radius:0;background:none}
#p45 .box_group li{width:100%;padding:30px 0;border:1px solid #e1e1e1;border-radius:20px;background:#fff}
#p45 .box_group li+li{margin-top:40px}
#p45 .box_group li:before{display:block !important;left:50%;right:auto;top:auto;bottom:-30px;transform:translateX(-50%) rotate(90deg)}
#p45 .box_group li:last-child:before{display:none !important}
#p45 .box_group li .icon_group{width:85px;height:85px;margin-bottom:20px;line-height:85px}
#p45 .box_group li .icon_group img{height:35px}
#p45 .box_group li .step{width: 1400pxpx;font-size:13px;line-height:25px}
#p45 .box_group li .txt_group{white-space:pre-line}
#p45 .box_group li .txt_group span{font-size: 17px;}
#p45 .bt_txt_box{padding:122px 0 45px}
#p45 .bt_txt_box .mdi_txt{padding:0 25px;font-size:17px;line-height:27px;white-space:normal}
}
@media (max-width:480px){
.pagecommon{padding:15px;font-size:14px}
.pagecommon .d_br{display:none}
.pagecommon .cont{padding:26px 0}
.pagecommon .top_box .left{font-size:30px}
.pagecommon .cont .ko_tit{font-size:20px}
.pagecommon .last_txt {padding:30px 0 0;font-size:24px}
.pagecommon .cont{background-position:98% 60%;background-size:100px}
.pagecommon .tit_en{font-size:12px}
#p38 .cont_table{font-size:14px}
#p34 .profile:after{height:640px}
#p34 .profile .right .bot ul{padding-bottom:30px}
#p34 .profile .right .top .tit{font-size:24px}
#p34 .bot_cont .bot p{font-size:18px}
#p34 .bot_cont .flex .left{font-size:23px}
#p35 .top_img p{font-size:23px}
#p35 .pro_list .bot_list ul{grid-template-columns:repeat(1, 1fr);gap:10px}
#p35 .pro_list .bot_list ul li{padding:20px;word-break:keep-all}
#p35 .last_cont{padding:26px}
#p35 .last_cont .cont_tit{font-size:20px}
#p35 .last_cont .cont_ct{font-size:17px}
#p35 .last_cont .cont_bot{font-size:15px}
#p40 .book_list ul p{padding:16px 0;font-size:22px}
#p40 .book_list ul .en{font-size:15px}
#p40 .book_list ul li .left{padding-bottom:0}
#p40 .box_inr{padding: 0;}
#p40 .top_txt p{font-size:24px}
#p38 .cont_list .top p{font-size:21px}
#p38 .cont_list .flex_list{padding:30px 0}
#p38 .cont_list .flex_list .dot{width:140px;height:140px;font-size:16px}
#p38 .cont_list .flex_list .dot_num{font-size:15px}
#p38 .center .top_tit p{font-size:22px}
#p38 .center .top_tit{font-size:15px}
#p38 .cir_txt{font-size:16px}
#p38 .pro_box{padding:80px 30px;margin-top:0;font-size:17px}
#p38 .pro_box p{font-size:26px}
#p38 .pro_table{font-size:14px}
#p38 .pro_ko_tit{padding:30px 0 0}
#p38 .pro_li_icon ul li .icon_box{width:107px;height:107px}
#p38 .pro_li_icon ul li .icon_box img{width:40px}
#p38 .pro_li_icon ul li .txt{font-size:14px}
#p45 .box_group{margin-top:0}
#p38 .cont_list .flex_list .right .top_ko {font-size:17px}
}
@media (max-width:392px){
#p34 .profile:after{height:664px}
}
@media (max-width:380px){
#p34 .profile .right .top{padding-bottom:30px}
#p34 .profile .right .bot ul{padding-bottom:24px}
#p34 .profile:after{height:640px}
#p38 .cont_list .flex_list .right .top_ko{flex-direction:column}
#p38 .cont_list .flex_list .right ul li{padding-bottom:20px;margin-bottom:20px}
#p38 .pro_li_icon ul{grid-template-columns:repeat(1, 1fr)}
#p38 .pro_li_icon ul li:after{display:none}
}
@media (max-width:345px){
#p34 .profile:after{height:690px}
}
/* 반응형 [e] */