@charset "utf-8";
ul {margin:0; padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face { font-family: ngb; src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 

/*공통*/
.pagecommon{font-size:16px;color:#666;letter-spacing:-.3px;line-height:26px}
.pagecommon .top{padding-bottom:40px;margin-bottom: 44px;font-weight:700;font-size:34px;color:#111;text-align:center;border-bottom:1px solid #e1e1e1}
.pagecommon .top .en{padding-bottom:30px;font-size:16px;color:var(--primary);font-family:'Italiana';text-transform:uppercase}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/*#p33*/
#p33 .top_box{display:flex;justify-content:space-between;gap: 20px;align-items:center;margin-bottom:100px;}
#p33 .top_box .left h1{margin-bottom:180px;font-size:76px;font-weight:100;font-family:var(--e-font);color:var(--primary)}
#p33 .top_box .left ul li{padding-bottom:50px}
#p33 .top_box .left ul li p{padding-bottom:30px;font-size:22px;font-weight:600;color:var(--primary);font-family:'Italiana' ,'Pretendard'}
#p33 .top_box .left ul li:last-child{padding-bottom:0}
#p33 .top_box .left ul li .txt{font-size:18px;color:#222;line-height:1.6}
#p33 .bot_box .tit_box{margin-bottom: 50px;font-weight:500;font-size:18px;text-align:center;color:var(--primary)}
#p33 .bot_box .tit_box p{margin-bottom:30px;font-size:40px;font-family:var(--e-font);color:#111}
#p33 .box_list{padding:80px;background:url(../sh_page/img/p33_bg.png) #3e004b no-repeat;background-position:bottom left}
#p33 .box_list ul li{display:flex;align-items:center;padding:30px 40px;background:#fff;color:#111;border-radius:10px;margin-bottom:14px}
#p33 .box_list ul li:last-child{margin-bottom:0}
#p33 .box_list ul li .en{width:140px;font-size:20px;font-weight:500;font-family:var(--e-font);color:var(--primary)}
#p33 .box_list ul li .ko{width:170px;font-size:20px;font-weight:600;color:var(--primary);text-align:center}

/*#p37*/
#p37 .cont_box .top_cont{margin-bottom:50px;text-align:center}
#p37 .cont_box .top_cont p{padding-bottom:20px;font-size:24px;font-weight:600;line-height:1.4;color:#111} 
#p37 .center_box{position:relative;display:flex;gap:50px;justify-content:center;margin-bottom: 200px;}
#p37 .center_box:after{position:absolute;content:'';left:0;top:200px;width:100%;height: 690px;background:url(../sh_page/img/p33_bg.png) var(--primary) no-repeat;background-position:bottom left;z-index:-1}
#p37 .center_box ul li{position:relative;padding-left:20px;color:#Fff}
#p37 .center_box ul li:after{position:absolute;content:'';left:0;top:10px;width:3px;height:3px;background:#fff;border-radius: 50%;}
#p37 .center_box .right .top_r{display:flex;flex-direction:column;gap:110px}
#p37 .center_box .right .top_r ul{padding-bottom:20px}
#p37 .center_box .right .top_r .tit_top{padding-top: 50px;}
#p37 .center_box .right .top_r .box p{padding:4px 16px;margin-bottom:20px;display:inline-block;background:#fff;color var(--primary);color: #111;font-weight:600}
#p37 .center_box .right .top_r .tit_top .tit{font-size:20px;color:#888}
#p37 .center_box .right .top_r .tit_top p{padding:20px 0;font-size:40px;font-weight:700;color:#111}
#p37 .center_box .right .top_r .tit_top p span{padding-left:14px;font-size:18px;font-weight:500}

/*#p39*/
#p39 .list_cont ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
#p39 .list_cont ul li{position:relative;text-align:center}
#p39 .list_cont ul li .txt{padding:20px 0;font-size:20px;font-weight:700;background: #3e004b;color:#fff}
#p39 .list_cont ul li .txt .en{padding-bottom: 6px;font-size:15px;font-weight:200;font-family:'Italiana'}
#p39 .list_cont ul li .img{display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;height:400px;overflow: hidden;}
#p39 .hover-box{position:absolute;display:flex;top:0;left:0;width:100%;height: 100%;background-color: #000000db;transition:all 0.2s;opacity:0;justify-content:center;overflow: hidden;}
#p39 .hover-box:hover{opacity:1}
#p39 .hover_txt{display:flex;flex-direction:column;justify-content:center;gap:9px;font-size: 17px;font-weight:500;color:#fff}
#p39 .sml{padding: 4px 16px;background: #3e004b;}

/* 반응형 [s] */
@media (max-width:1230px){
#p33 .top_box .left h1{font-size:60px}
#p33 .top_box .left ul li p{font-size:20px}
}
@media (max-width:1100px){
#p39 .list_cont ul{grid-template-columns:repeat(2, 1fr)}
#p39 .list_cont ul li img{width:100%}
#p39 .list_cont ul li .w_img img{max-width:150px}
}
@media (max-width:1024px){
.pagecommon .top{padding-bottom:30px;margin-bottom:34px;font-size:28px}
.pagecommon .top .en{font-size:14px}
#p33 .top_box .left h1{margin-bottom:100px;font-size:50px}
#p33 .top_box .left ul li p{font-size:18px}
#p33 .top_box .left ul li .txt{font-size:16px}
#p33 .top_box .left ul li .txt br{display:none}
#p33 .bot_box .tit_box{margin-bottom:35px}
#p33 .bot_box .tit_box p{font-size:35px}
#p33 .box_list{padding:50px 30px}
#p33 .box_list ul li{flex-direction:column;text-align:center;gap:16px}
#p33 .box_list ul li .ko{font-size:18px}
#p33 .top_box{margin-bottom:70px}
#p37 .center_box{margin-bottom:50px;gap:30px}
#p37 .cont_box .top_cont p{font-size:20px}
#p37 .center_box .right .top_r .tit_top p{font-size:35px}
}
@media (max-width:768px){
#p33 .top_box .left h1{margin-bottom:60px;font-size:40px}
#p33 .top_box .left ul li p{font-size:17px}
#p37 .center_box .right{font-size:15px}
}
@media (max-width:590px){
.pagecommon{font-size:15px}
.pagecommon .top{font-size:24px}
#p33 .top_box{flex-direction:column;margin-bottom:50px}
#p33 .top_box .left h1{margin-bottom:40px;font-size:34px}
#p33 .bot_box .tit_box p{margin-bottom:20px;font-size:24px;line-height:1.3;word-break:keep-all}
#p37 .center_box{flex-direction:column;gap:20px}
#p37 .cont_box .top_cont{margin-bottom:30px}
#p37 .center_box .right{background:var(--primary)}
#p37 .center_box:after{display:none}
#p37 .center_box .right .top_r{padding:26px;gap:20px}
#p37 .center_box .right .top_r .tit_top{padding-top:0}
#p37 .center_box .right .top_r .tit_top p{padding-bottom: 0;color:#Fff;font-size:30px}
#p37 .center_box .right .top_r .tit_top .tit{font-size:18px;color:#ffffff75}
#p37 .center_box .right .top_r .tit_top p span{padding:10px;font-size:16px}
#p39 .list_cont ul{gap:15px}
#p39 .list_cont ul li .img{height:300px}
#p39 .list_cont ul li .w_img img{max-width:100px}
}
@media (max-width:480px){
.pagecommon .top{padding-bottom:24px;margin-bottom:30px}
.pagecommon .top .en{padding-bottom:20px}
#p33 .top_box .left ul li{padding-bottom:30px}
#p33 .top_box .left ul li p{padding-bottom:20px}
#p33 .top_box .left ul li .txt{font-size:15px}
#p33 .box_list{padding: 40px 22px;}
#p33 .box_list .ko_txt br{display:none}
#p33 .box_list ul li .ko{font-size:17px}
#p33 .bot_box .tit_box{font-size:17px}
#p33 .box_list ul li{padding:24px}
#p33 .top_box .left h1{margin-bottom:30px;font-size:30px}
#p37 .cont_box .top_cont p{font-size:18px}
#p37 .center_box{margin-bottom:0}
#p39 .list_cont ul li .txt .en{font-size:14px}
#p39 .list_cont ul li .txt{font-size:18px}
#p39 .list_cont ul{gap:8px}
#p39 .sml{font-size:11px}
#p39 .hover_txt{font-size:15px}
#p39 .list_cont ul li .txt{font-size: 15px;height:100px}
#p39 .list_cont ul li .txt .en{font-size:12px;line-height:1.4}
#p39 .list_cont ul li .img{height:280px}
}
@media (max-width:380px){
.p6 .top_img_area .txt_box .page_tit{font-size:20px;line-height:30px}
.p6 .list_tit_box .list_tit{font-size:20px}
.p35 .p35_top_box .top_txt .tit{font-size:20px}
#p39 .list_cont ul {grid-template-columns:repeat(1, 1fr)}
}
/* 반응형 [e] */