@CHARSET "UTF-8";

/* 이사장인사말 */
.greeting_wrap .top_box{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;background:#f9f9f9;}
.greeting_wrap .top_box .txt{padding-left:50px;font-size:3.5rem;line-height:1.3;font-weight:300;color:#005bbd;}
.greeting_wrap .top_box .img{padding-top:30px;font-size:0;line-height:0;}
.greeting_wrap .paragraph p:nth-child(n+2){margin-top:30px;}
.greeting_wrap dl.name{margin-top:60px;}
.greeting_wrap dl.name{display:flex;align-items:center;gap:20px;}
.greeting_wrap dl.name dt{font-size:1.9rem;font-weight:500;}
.greeting_wrap dl.name dd{position:relative;padding-left:20px;font-size:0;line-height:0;}
.greeting_wrap dl.name dd::before{content:'';position:absolute;top:50%;left:0;width:1px;height:17px;background:#c2c2c2;transform:translateY(-50%);}
.greeting_wrap dl.name dd img{width:auto;height:32px;}

/* 미션비전핵심가치 */
.mission_wrap .cont_box{display:flex;justify-content:center;gap:20px;}
.mission_wrap .cont_box dl{display:flex;flex-direction:column;justify-content:center;gap:20px;width:300px;height:300px;border-radius:100%;color:#fff;text-align:center;box-sizing:border-box;}
.mission_wrap .cont_box dl.box1{background-color:#2763ba;}
.mission_wrap .cont_box dl.box2{background-color:#008ace;}
.mission_wrap .cont_box dl.box3{background-color:#2ca48f;}
.mission_wrap .cont_box dl dt{position:relative;padding-top:70px;font-size:2.4rem;font-weight:500;}
.mission_wrap .cont_box dl dt::after{content:'';position:absolute;top:0;left:50%;width:60px;height:60px;background-size:cover;transform:translateX(-50%);}
.mission_wrap .cont_box dl dd{font-size:1.7rem;font-weight:700;}
.mission_wrap .cont_box dl.box1 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6032/mission_icon1.png);}
.mission_wrap .cont_box dl.box2 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6032/mission_icon2.png);}
.mission_wrap .cont_box dl.box3 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6032/mission_icon3.png);}

.mission_wrap .cont_box2{display:flex;flex-direction:column;gap:100px;margin-top:100px;}
.mission_wrap .cont_box2 li{display:flex;align-items:center;gap:50px;}
.mission_wrap .cont_box2 li:nth-child(odd){flex-direction:row-reverse;}
.mission_wrap .cont_box2 li .img_area{flex-shrink:0;width:400px;height:300px;font-size:0;line-height:0;}
.mission_wrap .cont_box2 li .img_area img{object-fit:cover;}
.mission_wrap .cont_box2 li dl{flex-grow:1;font-weight:300;}
.mission_wrap .cont_box2 li dl dt{font-size:4rem;line-height:1.2;}
.mission_wrap .cont_box2 li dl dd{margin-top:20px;font-size:1.9rem;}

/* 보강스토리 */
.history.con_tab.fix{position:fixed;top:0;width:1000px;z-index:10;}

.history_wrap .box[id*="history"]{scroll-margin-top:60px;}
.history_wrap .box{display:flex;gap:70px;margin-top:40px;padding-top:40px;}
.history_wrap .box:nth-child(n+2){border-top:1px solid #e5e5e5;}
.history_wrap .box .year{height:fit-content;font-size:4.2rem;line-height:1.2;font-weight:700;color:#005bbd;}
.history_wrap .box .his_list{position:relative;flex-grow:1;}
.history_wrap .box .his_list::before,
.history_wrap .box .his_list::after{content:'';position:absolute;}
.history_wrap .box .his_list::before{top:4px;width:16px;height:16px;border-radius:100%;border:4px solid #005bbd;box-sizing:border-box;}
.history_wrap .box .his_list::after{top:30px;width:2px;height:calc(100% - 30px);background:#005bbd;}
.history_wrap .box .his_list dl{display:flex;align-items:baseline;}
.history_wrap .box .his_list dl:nth-child(n+2){margin-top:10px;}
.history_wrap .box .his_list dl dt{flex-shrink:0;width:80px;font-weight:600;}
.history_wrap .box .his_list dl dd{flex-grow:1;line-height:1.6;}

.history_wrap .box:nth-child(odd) .his_list{padding-left:50px;}
.history_wrap .box:nth-child(odd) .his_list::before{left:0;}
.history_wrap .box:nth-child(odd) .his_list::after{left:7px;}

.history_wrap .box:nth-child(even){flex-direction:row-reverse;}
.history_wrap .box:nth-child(even) .his_list{padding-right:50px;}
.history_wrap .box:nth-child(even) .his_list::before{right:0;}
.history_wrap .box:nth-child(even) .his_list::after{right:7px;}
.history_wrap .box:nth-child(even) .his_list dl{flex-direction:row-reverse;}
.history_wrap .box:nth-child(even) .his_list dl dt,
.history_wrap .box:nth-child(even) .his_list dl dd{text-align:right;}

/* CI */
.ci_wrap .ci_box{display:flex;justify-content:center;align-items:center;height:280px;background:url(/nanum/site/builder/dir/main/img/menu6032/bg_grid.png) repeat;border:1px solid #e5e5e5;box-sizing:border-box;}
.ci_wrap .ci_box span{display:block;position:relative;width:512px;height:128px;text-indent:-9999px;}
.ci_wrap .ci_box span::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/nanum/site/builder/dir/main/img/menu6032/ci_img.png) no-repeat;background-size:cover;}
.ci_wrap .color_box{display:flex;justify-content:center;align-items:center;gap:100px;margin-top:60px;}
.ci_wrap .color_box dl{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:80px;padding-left:100px;font-size:1.5rem;letter-spacing:0;}
.ci_wrap .color_box dl::after{content:'';position:absolute;top:50%;left:0;width:80px;height:80px;border-radius:100%;transform:translateY(-50%);}
.ci_wrap .color_box dl dt{font-weight:500;}
.ci_wrap .color_box dl dd{font-weight:700;}
.ci_wrap .color_box dl.color1::after{background:#5488c7;}
.ci_wrap .color_box dl.color2::after{background:#7c7b7b;}
.ci_wrap .color_box dl.color3::after{background:#b2b2b2;}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 이사장인사말 */
.greeting_wrap .top_box{flex-direction:column;}
.greeting_wrap .top_box .txt{width:100%;padding:50px 30px;padding-bottom:0;font-size:3rem;text-align:center;box-sizing:border-box;}
.greeting_wrap .top_box .img img{width:auto;height:200px;}
.greeting_wrap .paragraph p:nth-child(n+2){margin-top:20px;}

/* 미션비전 */
.mission_wrap .cont_box dl{flex:1;justify-content:flex-start;width:auto;height:auto;padding:30px 20px;border-radius:0;box-sizing:border-box;}
.mission_wrap .cont_box dl dt::after{width:48px;height:48px;}
.mission_wrap .cont_box dl dt{font-size:2.2rem;}
.mission_wrap .cont_box dl dd{font-size:1.7rem;}

.mission_wrap .cont_box2{gap:50px;margin-top:50px;}
.mission_wrap .cont_box2 li{gap:40px;}
.mission_wrap .cont_box2 li .img_area{width:40%;height:auto;}
.mission_wrap .cont_box2 li dl dt{font-size:2.8rem;}
.mission_wrap .cont_box2 li dl dd{font-size:1.7rem;}

/* 보강스토리 */
.history.con_tab.fix{top:110px;left:0;width:100%;}
.history.con_tab.fix ul{background:#fff;}
.history.con_tab.fix ul li:nth-child(odd) a{border-left:0 !important;}
.history.con_tab.fix ul li:nth-child(even) a{border-right:0 !important;}
.history.con_tab.fix ul li:nth-child(1).on a,
.history.con_tab.fix ul li:nth-child(2).on a{border-top:0 !important;}

.history_wrap .box{flex-direction:row !important;gap:40px;}
.history_wrap .box .year{font-size:3.2rem;}
.history_wrap .box .cont{padding:0 !important;}
.history_wrap .box .cont::before,
.history_wrap .box .cont::after{display:none;}
.history_wrap .box .cont dl{flex-direction:row !important;}
.history_wrap .box .cont dl dt,
.history_wrap .box .cont dl dd{text-align:left !important;}

/* CI */
.ci_wrap .ci_box{height:auto;padding:46px 0;background-size:auto 16px;}
.ci_wrap .ci_box span{width:256px;height:64px;}
.ci_wrap .color_box{gap:30px;margin-top:30px;}
.ci_wrap .color_box dl{min-height:64px;padding-left:80px;}
.ci_wrap .color_box dl::after{width:64px;height:64px;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
/* 보강스토리 */	
.history_wrap .box{flex-direction:column !important;gap:20px;}
.history_wrap .box .cont dl dt{width:20%;}

}

/********************모바일2********************/
@media all and (max-width:480px){

/* 인사말 */
.greeting_wrap .top_box .txt{font-size:2.4rem;}

/* 미션비전 */
.mission_wrap .headline{font-size:2.2rem;}
.mission_wrap .cont_box{flex-direction:column;}
.mission_wrap .cont_box dl dd br{display:none;}
.mission_wrap .cont_box dl.box3 dd br{display:block;}

.mission_wrap .cont_box2{gap:40px;margin-top:60px;}
.mission_wrap .cont_box2 li{flex-direction:column !important;gap:30px;}
.mission_wrap .cont_box2 li .img_area{flex:none;width:100%;}
.mission_wrap .cont_box2 li .img_area img{height:200px;}
.mission_wrap .cont_box2 li dl dd{margin-top:10px;}

/* CI */
.ci_wrap .color_box{flex-direction:column;align-items:flex-start;gap:20px;}
.ci_wrap .color_box dl{width:100%;min-height:48px;padding-left:60px;box-sizing:border-box;}
.ci_wrap .color_box dl::after{width:48px;height:48px;}

}

/********************웹********************/
@media all and (min-width:1025px) {
}