@charset "utf-8";

/*
//////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > 소개
	연관단어 : #int_intr

////////////////////////////////////////////////////////////////////////////// */
#int_intr{}
#int_intr .intro_box{position: relative; margin-bottom: 4.25em; padding: 2.5em; background-image: url(../../../images/site/eng/content/int_intr_img01.jpg);}
#int_intr .intro_box:before{
    content: ""; position: absolute; top: 2.5em; left: 2.5em; display: block; width: 48.7%; height: 100%; background: url(../../../images/site/eng/content/int_intr_img02.png) no-repeat center center; background-size: cover; box-shadow: 2px 2px 20px rgba(116, 116, 116, 0.25);
    transition: width 0.2s ease; -webkit-transition: width 0.2s ease;
}
#int_intr .intro_box .txts{
    padding:2.75em 0 2.75em calc(50% + 3.75em); box-sizing: border-box;
    transition: padding 0.2s ease; -webkit-transition: padding 0.2s ease;
}
#int_intr .intro_box .txts span{display: block; font-size: 0.9375em; color: rgba(34, 46, 60, 0.6);}
#int_intr .intro_box .txts .titles{position: relative; z-index: 1; display: inline-block; width: auto; max-width: 100%; font-weight: 500; /* font-family: 'Nanum Myeongjo'; */ font-size: 1.875em;}
#int_intr .intro_box .txts .titles:before{content: ""; position: absolute; bottom: 0.5em; right: -3em; z-index: -1; display: block; width: 4.54em; height: 2.87em; background: url(../../../images/site/eng/content/int_intr_img03.svg); background-size: contain; }
#int_intr .intro_box .txts p{margin-top: 1.4375em;}

#int_intr .busi_box{padding: 4.375em 2.5em 4.0625em; text-align: center;}
#int_intr .busi_box ul{display: inline-block; width: auto; }
#int_intr .busi_box ul:after{content: ""; display: block; clear: both;}
#int_intr .busi_box ul li{position: relative; float: left; padding: 9.3em 0 0; width: 11em; margin-left: 2em; text-align: center; box-sizing: border-box;}
#int_intr .busi_box ul li:first-child{margin-left: 0;}
#int_intr .busi_box ul li:before{
    content: ""; position: absolute ; top: 0; left: 50%; display: block; width: 8em; height: 8em; background-repeat: no-repeat; background-size: contain; background-position: center center;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
#int_intr .busi_box ul li:nth-child(1):before{background-image: url(../../../images/site/eng/content/int_intr_img04.svg);}
#int_intr .busi_box ul li:nth-child(2):before{background-image: url(../../../images/site/eng/content/int_intr_img05.svg);}
#int_intr .busi_box ul li:nth-child(3):before{background-image: url(../../../images/site/eng/content/int_intr_img06.svg);}
#int_intr .busi_box ul li:nth-child(4):before{background-image: url(../../../images/site/eng/content/int_intr_img07.svg);}
#int_intr .busi_box ul li:nth-child(5):before{background-image: url(../../../images/site/eng/content/int_intr_img08.svg);}
#int_intr .busi_box ul li:nth-child(6):before{background-image: url(../../../images/site/eng/content/int_intr_img09.svg);}
#int_intr .busi_box ul li span{display: block; color: #C3A57A; font-family: 'Roboto'; font-weight: 700;}
#int_intr .busi_box ul li strong{font-size: 1.1875em; font-weight: 500; color: #46644C;}
@media screen and (max-width:1400px){
    #int_intr .busi_box ul{width: 100%;}
    #int_intr .busi_box ul li{width: calc((100% - 1px) / 6); margin-left: 0;}
}
@media screen and (max-width:1200px){
    #int_intr .intro_box{font-size: 0.9em;}
    #int_intr .intro_box .txts p{font-size: 1.1em;}
    #int_intr .busi_box{font-size: 0.9em;}
}
@media screen and (max-width:1024px){
    #int_intr .intro_box{margin-bottom: 0;}
    #int_intr .intro_box:before{width: 45%; height: calc(100% - 5em);}
    #int_intr .intro_box .txts{padding: 2.75em 0 2.75em calc(45% + 3.75em);}
    
    #int_intr .busi_box{padding: 3.4em 2em 3em;}
    #int_intr .busi_box ul li{padding: 8.3em 0 0;}
    #int_intr .busi_box ul li:before{width: 7em; height: 7em;}
    
}
@media screen and (max-width:840px){
    #int_intr .intro_box:before{display: none}
    #int_intr .intro_box .txts{padding: 0;}
    #int_intr .busi_box{padding: 3em 1.5em 2.5em;}
    #int_intr .busi_box ul{width: 100%; }
    #int_intr .busi_box ul li{width: 32%; margin-left: 2%; padding: 8.3em 0 0;}
    #int_intr .busi_box ul li:nth-child(3n+1){margin-left: 0;}
    #int_intr .busi_box ul li:nth-child(n+4){margin-top: 2em;}
}
@media screen and (max-width:640px){
    #int_intr .intro_box{margin-bottom: 0; padding: 2em 1.5em;}
    #int_intr .intro_box:before{display: none;}
    #int_intr .intro_box .txts{padding: 0;}
    #int_intr .intro_box .txts .titles:before{bottom: 0;}
    
    #int_intr .busi_box ul li{width: 32.5%; margin-left: 1.25%; padding: 7.3em 0 0;}
    #int_intr .busi_box ul li:before{width: 6em; height: 6em;}
}
@media screen and (max-width:480px){
    #int_intr .busi_box{padding: 2em 2em 1.4em;}
    #int_intr .busi_box ul li{width: 49%; margin-left: 2%; padding: 6em 0 0;}
    #int_intr .busi_box ul li:nth-child(3n+1){margin-left: 2%;}
    #int_intr .busi_box ul li:nth-child(2n+1){margin-left: 0;}
    #int_intr .busi_box ul li:nth-child(n+3){margin-top: 1.5em;}
    #int_intr .busi_box ul li:before{width: 5em; height: 5em;}
}
@media screen and (max-width:420px){    
    #int_intr .intro_box:after{content: ""; position: absolute; top: 1em; right: 0; z-index: 0; box-shadow: none; display: block; width: 10em; height: 5em; background: url(../../../images/site/eng/content/int_intr_img03.svg) no-repeat center center; background-size: contain; }
    #int_intr .intro_box .txts .titles:before{display: none;}
}
@media screen and (max-width:368px){
    #int_intr .intro_box:after{top: 3.5em;}
}
@media screen and (max-width:360px){
    #int_intr .busi_box{padding: 2em 3% 1.4em;}

}
/*
//////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > 이사장 소개 > 인사말
	연관단어 : #int_gree

////////////////////////////////////////////////////////////////////////////// */
#int_gree{}
#int_gree .txt_box{margin-top: 1em;}
#int_gree .txt_box img{
    float: left; display: inline-block; margin-right: 2.6em; margin-bottom: 1em;
    transition: width 0.2s ease, height 0.2s ease; -webkit-transition: width 0.2s ease, height 0.2s ease;
}
#int_gree .txt_box .txt_box{position: relative; display: inline-block; box-sizing: border-box; clear: both;}
#int_gree .txt_box .title_box{position: relative; padding-top: 2.5em; margin-bottom: 1.3em;}
#int_gree .txt_box .title_box strong{position: relative; display: block; color: #46644C; font-size: 2.1875em;/*  font-family: 'Nanum Myeongjo'; */ font-weight: 500; letter-spacing: -0.04em;}
#int_gree .txt_box .title_box strong:before{content: ""; position: absolute; bottom: -0.3em; right: 1em; z-index: -1; display: block; width: 7.32em; height: 5.35em; background: url(../../../images/site/eng/content/int_gree_img02.svg) no-repeat center center; background-size: contain; }
#int_gree .txt_box .title_box strong span{display: block; font-weight: 300;}
#int_gree .txt_box .title_box p{margin-top: 0.6em; color: #46644C; font-size: 1.125em; letter-spacing: -0.05em; font-weight: 500;}
#int_gree .txt_box p{line-height: 1.5;}
#int_gree .txt_box .gree_sign{margin-top: 4.25em; text-align: right;}
#int_gree .txt_box .gree_sign i{font-style: normal;}
#int_gree .txt_box .gree_sign span{position: relative;display: inline-block; margin-left: 0.2em;font-size: 2em;}

@media screen and (max-width:1200px){
    #int_gree .txt_box img{width: 24.6em; height: 30.95em; margin-right: 2em; margin-bottom: 0.6em;}
    #int_gree .txt_box .title_box strong:before{right: 0.5em; width: 5.856em; height: 4.28em;}
}

@media screen and (max-width:1024px){
    #int_gree .txt_box img{width: 19.9875em; height: 25.146875em; margin-right: 2em; margin-bottom: 0.6em;}
    #int_gree .txt_box .title_box{padding-top: 1.3em;}
    #int_gree .txt_box .title_box strong:before{right: 0.5em; width: 4.758em; height: 3.4775em;}
}
@media screen and (max-width:840px){
    #int_gree .txt_box img{width: 15.375em; height: 19.34375em; margin-right: 2em;}
    #int_gree .txt_box .title_box strong{font-size:1.9em;}
    #int_gree .txt_box .title_box strong:before{right: 0.5em; width: 4.758em; height: 3.4775em;}
    #int_gree .txt_box .gree_sign i{display: block;}
}
@media screen and (max-width:740px){
    #int_gree .txt_box{}
    #int_gree .txt_box .title_box{font-size: 0.95em;}
    #int_gree .txt_box .title_box strong span{display: inline;}
    #int_gree .txt_box .title_box strong{font-size: 2em;}
}
@media screen and (max-width:640px){
    #int_gree .txt_box{text-align: center;}
    #int_gree .txt_box img{float: none; margin-right: 0; }
    #int_gree .txt_box .title_box{padding-top: 0; text-align: left;}
    #int_gree .txt_box .title_box strong span{display: block;}
    #int_gree .txt_box p{text-align: left;}
    #int_gree .txt_box .gree_sign{margin-top: 3em;}
}
@media screen and (max-width:480px){
    #int_gree .txt_box .title_box strong{font-size: 1.8em;}
}
@media screen and (max-width:380px){
    #int_gree .txt_box .title_box strong span{display: inline;}
    #int_gree .txt_box .gree_sign{margin-top: 3.25em;}
    #int_gree .txt_box .gree_sign{margin-top: 2.4em;} 
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > 이사장 소개 > 역대 이사장
	연관단어 : #int_hich

////////////////////////////////////////////////////////////////////////////// */
#int_hich{}
#int_hich .chai_wrap{position: relative; }
#int_hich .chai_wrap:after{content: ""; display: block; clear: both;}
#int_hich .chai_wrap .photo_wrap{
    position: absolute; top: 0; left: 0; display: inline-block; width: auto; padding: 0 1.4375em 1.375em 0; box-sizing: border-box;
    transition: width 0.2s ease; -webkit-transition: width 0.2s ease;
}
#int_hich .chai_wrap .photo_wrap:before{content: ""; position: absolute; bottom: 0; right: 0; z-index: -1; display: block; width: 13.4375em; height: calc(100% - 1.4375em); background: url(../../../images/site/eng/content/int_hich_img02.jpg) no-repeat right bottom;}
#int_hich .chai_wrap .photo_wrap img{display: block; width: auto; height: auto; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);}
#int_hich .chai_wrap .table_wrap{position: relative; padding: 1.4em 0 0 19em;}
#int_hich .chai_wrap .table_wrap .table colgroup col:first-child{width: 18em !important;}
@media screen and (max-width:1200px){
    #int_hich .chai_wrap .table_wrap .table colgroup col:first-child{width: 15em !important;}
}
@media screen and (max-width:1024px){
    #int_hich .chai_wrap .photo_wrap{width: 14em; margin-right: 1.5em;}
    #int_hich .chai_wrap .photo_wrap:before{width: 80%;}
    #int_hich .chai_wrap .photo_wrap img{
        width: 100%;
        transition: max-width 0.2s ease; -webkit-transition: max-width 0.2s ease;
    }
    #int_hich .chai_wrap .table_wrap{
        position: relative; padding-left: 15.5em; right: auto; bottom: auto;
        transition: width 0.2s ease; -webkit-transition: width 0.2s ease;
    }
    #int_hich .chai_wrap .table_wrap .table colgroup col:first-child{width: 12em !important;}
}
@media screen and (max-width:840px){
    #int_hich .chai_wrap .photo_wrap{width: 12em;}
    #int_hich .chai_wrap .table_wrap{padding-left: 13.5em;}
    #int_hich .chai_wrap .table_wrap .table colgroup col:first-child{width: 10em !important;}
}
@media screen and (max-width:740px){
    #int_hich .chai_wrap .table_wrap .table colgroup col:first-child{width: 8em !important;}
}
@media screen and (max-width:640px){
    #int_hich .chai_wrap{text-align: center;}
    #int_hich .chai_wrap .photo_wrap,
    #int_hich .chai_wrap .table_wrap{float: none;}
    #int_hich .chai_wrap .photo_wrap{
        position: relative; top: auto; left: 0; display: inline-block; width: auto;  margin-right: 0; 
    }
    #int_hich .chai_wrap .photo_wrap img{width: 100%; max-width: 11.5em; }
    #int_hich .chai_wrap .photo_wrap:before{background-position: right 0.3em bottom 0.3em;}
    #int_hich .chai_wrap .table_wrap{width: 100%; padding: 0; margin-top: 0.8em; margin-left: 0;}
    #int_hich .chai_wrap .table_wrap .table colgroup col:first-child{width: 10em !important;}
}
@media screen and (max-width:480px){
    #int_hich .chai_wrap .table_wrap .table colgroup col:first-child{width: 30% !important;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > 미션&비전
	연관단어 : #int_miss

////////////////////////////////////////////////////////////////////////////// */
#int_miss{}
#int_miss .top_box{padding-bottom: 0; text-align: center;}
#int_miss .top_box .img_wrap img{width: 100%; max-width: 709px;}
#int_miss .top_box .txt_wrap{
    display: inline-block; width: 100%; max-width: 69.0625em; margin: 5.125em 0 0 0; padding: 1em ; background-color: #EBEBE0; border: 2px solid #46644C; box-sizing: border-box;
    border-radius: 100px; -webkit-border-radius: 100px;
}
#int_miss .top_box .txt_wrap strong{color: #46644C; font-size: 2.1875em; font-family: 'Roboto'; font-weight: 700; vertical-align: middle;}
#int_miss .top_box .txt_wrap span{display: inline-block; margin-left: 3.12em;; font-size: 1.5625em; color: #46644C;/*  font-family: 'Nanum Myeongjo'; */ font-weight: 500; vertical-align: middle;}
#int_miss .top_box + p{margin-top: 2.5em;}
#int_miss h4 + p + [data-skin="list"]{margin-top: 1.5em;}
#int_miss p + .table_scroll{margin-top: 1.5625em;}
@media screen and (max-width:1200px){
    #int_miss .top_box .txt_wrap span{margin-left: 5%;}
}
@media screen and (max-width:1024px){
    #int_miss .top_box .txt_wrap{
        margin: 3.8em 0 0 0; padding: 1em 6%;
        border-radius: 60px; -webkit-border-radius: 60px;
    }
    #int_miss .top_box .txt_wrap span{display: block; margin-left: 0;}
    #int_miss .top_box .txt_wrap{font-size: 0.9em;}
    #int_miss .top_box + p{margin-top: 2em;}
    #int_miss h4 + p + [data-skin="list"]{margin-top: 1.2em;}
}
@media screen and (max-width:640px){
    #int_miss .top_box{padding: 1em 0 0 0;}
    #int_miss .top_box .txt_wrap{
        margin: 7% 0 0 0; font-size: 0.8em; 
        border-radius: 50px; -webkit-border-radius: 50px;
    }
    #int_miss .top_box + p{margin-top: 1.5em;}
    #int_miss h4 + p + [data-skin="list"]{margin-top: 1em;}
}
@media screen and (max-width:480px){
    #int_miss .top_box .txt_wrap{
        font-size: 0.7em; 
        border-radius: 40px; -webkit-border-radius: 40px;
    }
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > 연혁
	연관단어 : #int_hist

////////////////////////////////////////////////////////////////////////////// */
#int_hist{position: relative; }
#int_hist:before{content: ""; position: absolute; top: 1.3em; left:15.5em; z-index: 1; display: block; width: 2px; height: calc(100% - 1.3em); border-left: 2px dashed #a2b0a5; box-sizing: border-box; }
#int_hist .year_box{
    position: relative; padding: 3.125em 4.0625em;
    transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease;
}
#int_hist .year_box:not(:first-child){margin-top: 0.625em;}
#int_hist .year_box:first-child:before,
#int_hist .year_box:last-child:before{content: ""; position: absolute; top: 0; left:15.5em; z-index: 1; display: block; width: 2px; height: 50%; background-color: #F6F6F6; box-sizing: border-box; }
#int_hist .year_box:last-child:before{top: auto; bottom: 0;}
#int_hist .year_box:after{
    content: ""; position: absolute; top: 50%; left: calc(15.5em - 4px); z-index: 12; display: block; width: 10px; height: 10px; margin-top: -5px; background-color: #fff; border: 3px solid #46644C; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
#int_hist .year_box .years{
    position: absolute; top: 50%; left: 1.3em; display: inline-block; color: #46644C; font-weight: 500; letter-spacing: -0.05em; font-size: 3.125em; font-family: 'Rubik';
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#int_hist .year_box .texts{position: relative; margin: 0 0 0 15.625em; box-sizing: border-box;}
#int_hist .year_box .texts:not(:first-of-type){margin-top: 1em;}
#int_hist .year_box .texts .t_date{position: absolute; top: -0.1em; left: 0; display: inline-block; font-weight: 700; color: #46644C; letter-spacing: -0.05em; font-size: 1.25em; font-family: 'Roboto';}
#int_hist .year_box .texts p{padding: 0 0 0 9em; color: #222E3C; box-sizing: border-box;}

@media screen and (max-width:1024px){
    #int_hist{font-size: 0.8em;}
    #int_hist .year_box .texts{margin: 0 0 0 13em; font-size: 1.25em;}
    #int_hist .year_box .texts:not(:first-of-type){margin-top: 0.75em;}
}
@media screen and (max-width:740px){
    #int_hist{font-size: 0.7em;}
    #int_hist .year_box .texts{margin: 0 0 0 12em; font-size: 1.35em;}
    #int_hist:before{display: none;}
    #int_hist .year_box{padding: 1.2em 2.5em 2.5em ;}
    #int_hist .year_box:after{display: none;}
    #int_hist .year_box .years{
        position: relative; top: auto; left: auto; 
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    #int_hist .year_box:first-child:before, 
    #int_hist .year_box:last-child:before{display: none;}
    #int_hist .year_box .texts{margin: 0 0 0 0; font-size: 1.42857em;}
    #int_hist .year_box .texts:not(:first-of-type){margin-top: 0.5em;}
    #int_hist .year_box .texts p{padding: 0 0 0 8.5em;}
}
@media screen and (max-width:480px){
    #int_hist .year_box{padding: 1.2em 2em 2.5em ;}
    #int_hist .year_box .texts .t_date{position: relative; top: auto; left: auto; display: block; }
    #int_hist .year_box .texts p{padding: 0;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > CI&캐릭터
	연관단어 : #int_char

////////////////////////////////////////////////////////////////////////////// */
#int_char .symb_box img,
#int_char .logo_box img,
#int_char .char1_box img,
#int_char .char2_box img{transition: all 0.2s ease;}
#int_char{}
#int_char .symb_box{position: relative; padding: 4.5625em 1.5em; text-align: center;}
#int_char .symb_box img{display: inline-block; width: 100%; max-width: 12em;}
#int_char .symb_box .btns{position: absolute; bottom: 0; right: 0;}
#int_char .logo_box{padding: 4.5625em 1.5em; text-align: center;}
#int_char .logo_box img{display: inline-block; width: 100%; vertical-align: middle;}
#int_char .logo_box img:first-child{max-width: 16.25em;}
#int_char .logo_box img:nth-child(2){max-width: 41.5em; margin-left: 10%;}

#int_char .pant_box{margin-top: 1.5em;}
#int_char .pant_box:after{content: ""; display: block; clear: both;}
#int_char .pant_box li{float: left; width: calc((100% - 1px - 1.875em) / 3); margin-left: 0.9375em; padding: 0.75em 1em; box-sizing: border-box;}
#int_char .pant_box li:first-child{margin-left: 0; background-color: #fff; border: 1px solid #BFBFBF;}
#int_char .pant_box li:nth-child(2){background-color: #A14A00; color: #fff;}
#int_char .pant_box li:nth-child(3){background-color: #004A42; color: #fff;}
#int_char .pant_box li strong{display: block; padding-top: 3em; font-weight: 400;}
#int_char .pant_box li:first-child strong{font-weight: 500;}
#int_char .pant_box li span{font-weight: 300;}
#int_char .pant_box li:first-child span{font-weight: 400;}

#int_char .char1_box{padding: 4.5625em 1.5em; text-align: center;}
#int_char .char1_box img{display: inline-block; width: 100%; max-width: 31.3125em;}

#int_char .char2_box{margin-top: 1.5em; padding: 4.5625em 1.5em; text-align: center;}
#int_char .char2_box img{display: inline-block; width: 100%;max-width:  25.375em}
#int_char .char2_box img:first-child{margin-left: 0;}
#int_char .char2_box img:nth-child(3){}
#int_char h5.titles {margin: 1.3em 0 0.4em 0;}

@media screen and (max-width:1400px){
    #int_char .symb_box img,
    #int_char .logo_box img,
    #int_char .char1_box img{font-size: 0.9em;}
    #int_char .char2_box img{font-size: 0.85em;}
}
@media screen and (max-width:1200px){
    #int_char .symb_box img,
    #int_char .logo_box img,
    #int_char .char1_box img{font-size: 0.8em;}
    #int_char .char2_box img{font-size: 0.727em;}
}
@media screen and (max-width:1024px){
    #int_char .symb_box{padding: 3em 1.5em 4em;}
    #int_char .logo_box,
    #int_char .char1_box,
    #int_char .char2_box{padding: 2.8em 1.5em;}
    #int_char .pant_box{margin-top: 1.2em;}
    #int_char .symb_box img,
    #int_char .logo_box img,
    #int_char .char1_box img{font-size: 0.7em;}
    #int_char .char2_box img{font-size: 0.63em;}
}
@media screen and (max-width:840px){
    #int_char .symb_box img,
    #int_char .logo_box img,
    #int_char .char1_box img{font-size: 0.65em;}
    #int_char .char2_box img{font-size: 0.55em;}
    #int_char .logo_box img:nth-child(2){margin-left: 8%;}
}
@media screen and (max-width:740px){
    #int_char .symb_box img,
    #int_char .logo_box img,
    #int_char .char1_box img{font-size: 0.55em;}
    #int_char .char2_box img{font-size: 0.45em;}
}
@media screen and (max-width:640px){
    #int_char .pant_box{margin-top: 1em;}
    #int_char .symb_box{padding: 2.5em 1em 3.5em;}
    #int_char .logo_box,
    #int_char .char1_box,
    #int_char .char2_box{padding: 2.3em 1.5em;}
    #int_char .symb_box img,
    #int_char .logo_box img,
    #int_char .char1_box img{font-size: 0.47em;}
    #int_char .char2_box img{font-size: 0.36em;}
}
@media screen and (max-width:480px){
    #int_char .logo_box{padding: 2em 1.5em 1.5em;}
    #int_char .char1_box,
    #int_char .char2_box{padding: 1.5em 1.5em;}
    #int_char .symb_box{padding: 2em 1em 6.5em;}
    #int_char .symb_box .btns{width: 100%;}
    #int_char .symb_box .btns a{width: 100%; margin-top: 0.06em; box-sizing: border-box;}
    #int_char .logo_box .img_wrap{max-width: 20.125em; margin: 0 auto;}
    #int_char .logo_box img:nth-child(2){margin-top: 0.6em; margin-left: 0;}
    #int_char .pant_box li{float: none; width: 100%; margin-left: 0; margin-top: 0.6em;}
    #int_char .pant_box li:first-child{margin-top: 0;}
    #int_char .pant_box li strong{padding-top: 0;}
    #int_char .char2_box img{display: block; margin: 3em auto 0 ; font-size: 0.47em;}
    #int_char .char2_box img:first-child{margin: 0 auto;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > 조직 > 조직도
	연관단어 : #int_orga

////////////////////////////////////////////////////////////////////////////// */
#int_orga{}
#int_orga .orga_box{
    text-align: center;
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
#int_orga .orga_box .titles{
    position: relative; display: inline-block; width: 6.8em; height: 6.8em; font-size: 1.5625em; background: #222E3C url(../../../images/site/eng/content/int_orga_img01.svg) no-repeat center center; color: #fff; font-weight: 400; background-size: contain;
    border-radius: 50%; -webkit-border-radius: 50%;
}
#int_orga .orga_box .titles span{
    position: absolute; top: 50%; left: 50%; display: inline-block; 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#int_orga .orga_box > ul{position: relative; width: 52.125em; max-width: 100%; margin: 0 auto; padding: 2.1875em 0 0; box-sizing: border-box;}
#int_orga .orga_box > ul:before{content: ""; position: absolute; bottom: 0; left: 50%; z-index: -1; display: block; width: 1px; height: calc(100% + 2em); background-color: #C4C4C4;}
#int_orga .orga_box > ul > li{display: block; width: auto; }
#int_orga .orga_box > ul > li.aud_box{position: absolute; top: 2.1875em; right: 0;}
#int_orga .orga_box > ul > li p:before{
    content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; background-color: #fff; border-width: 3px; border-style: solid; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
#int_orga .orga_box > ul > li p:before{top: 0;}
#int_orga .orga_box > ul > li.aud_box p:before{top: 50%; left: 0;}
#int_orga .orga_box > ul:after{content: ""; position: absolute; top: calc(2.1875em + 2em); z-index: -1; right: 0; display: block; width: 50%; height: 1px; background-color: #C4C4C4;}
#int_orga .orga_box > ul > li p{
    position: relative; display: inline-block; width: 10em; padding: 0.825em 1em; font-size: 1.25em; color: #fff; font-weight: 300; box-sizing: border-box; 
    border-radius: 10px; -webkit-border-radius: 10px;
}
#int_orga .orga_box > ul > li p.greens{background-color: #46644C;}
#int_orga .orga_box > ul > li p.browns{background-color: #C3A57A;}
#int_orga .orga_box > ul > li p.greens:before{border-color: #46644C;}
#int_orga .orga_box > ul > li p.browns:before{border-color: #C3A57A;}
#int_orga .orga_box > ul > li > ul{margin-top: 2.375em; text-align: left;}
#int_orga .orga_box > ul > li > ul > li .p_box{position: relative;}
#int_orga .orga_box > ul > li > ul > li .p_box:before{
    content: ""; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; margin-top: -0.5px; background-color: #C4C4C4; }
#int_orga .orga_box > ul > li > ul > li .p_box p{position: relative; z-index: 1; text-align: center;}
#int_orga .orga_box > ul > li > ul > li .p_box p.spe_box{position: absolute; top: 0; right: 0; margin-top: 0;}
#int_orga .orga_box > ul > li > ul > li .p_box p:before{top: 50%; left: auto; right: -5px;}
#int_orga .orga_box > ul > li > ul > li .p_box p.spe_box:before{right: auto; left: 0;}
#int_orga .orga_box > ul > li > ul > li > ul{margin-top: 2.375em; text-align: center;}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul{position: relative; margin-top: 4.75em; padding-top:4em; box-sizing: border-box;overflow: hidden;}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul:before{
    content: ""; position: absolute; top: 0; left: 50%; display: block; width: calc(100% - 13em); height: 1px; background-color: #C4C4C4;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul:after{content: ""; display: block; clear: both;}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li{position: relative; float: left; width: 13em; margin-left: calc((100% - 39em - 1px) / 2);}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li:first-child{margin-left: 0;}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li:before{
    content: ""; position: absolute; top: -100%; left: 50%; display: block; height: 100%; width: 1px; background-color: #C4C4C4;
}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li:nth-child(2):before{display: none;}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a{
    position: relative; display: inline-block; width: 100%; padding: 0.675em 1em; font-size: 1.25em; color: #555; text-decoration: none; background-color: #fff; border: 3px solid #EBEBE0; box-sizing: border-box;
    border-radius: 40px; -webkit-border-radius: 40px;
    transition: background-color 0.2s ease, color 0.2s ease; -webkit-transition: background-color 0.2s ease, color 0.2s ease;
}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a:hover,
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a:active{background-color: #EBEBE0;}
#int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a:before{
    content: ""; position: absolute; top: 0; left: 50%; display: block; width: 10px; height: 10px; margin-top: -6px; margin-left: -4px; background-color: #fff; border: 3px solid #EBEBE0; box-sizing: border-box; 
    border-radius: 50%; -webkit-border-radius: 50%;
}
.tables > div h4{margin: 1.78em 0 0.72em 0;}
.tables > div{display: none;}
.tables > div.on{display: block;}


@media screen and (max-width:1024px){
    #int_orga .orga_box{font-size: 0.9em;}
    #int_orga .orga_box > ul > li p{width: 9em;}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul:before{width: calc(100% - 11em);}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul > li{width: 11em; margin-left: calc((100% - 33em - 1px) / 2);}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a:hover, #int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a:active{background-color: #fff;}
}
@media screen and (max-width:640px){
    #int_orga .orga_box{font-size: 0.8em;}
    #int_orga .orga_box > ul{padding: 1.35em 0 0 0;}
    #int_orga .orga_box > ul:after{top: calc(1.35em + 2em);}
    #int_orga .orga_box > ul > li.aud_box{top: 1.35em;}
    #int_orga .orga_box > ul > li p:before{width: 8px; height: 8px; border-width: 2px; margin-left: -4px; margin-top: -4px;}
    #int_orga .orga_box > ul > li p{width: 7.5em;}
    #int_orga .orga_box > ul > li > ul{margin-top: 1.2em;}
    #int_orga .orga_box > ul > li > ul > li .p_box p:before{right: -4px;}
    #int_orga .orga_box > ul > li > ul > li > ul{margin-top: 1.2em;}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul:before{width: calc(100% - 10.5em);}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul{margin-top: 2.8em; padding-top: 2.4em;}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul > li{width: 10.5em; margin-left: calc((100% - 31.5em - 1px) / 2);}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a{border-width: 2px;}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul > li a:before{width: 8px; height: 8px; border-width: 2px; margin-top: -5px; margin-left: -3px;}
}
@media screen and (max-width:420px){
    #int_orga .orga_box{font-size: 0.75em;}
    #int_orga .orga_box > ul{padding: 1.43125em 0 0 0;}
    #int_orga .orga_box > ul:after{top: calc(1.43125em + 2em);}
    #int_orga .orga_box > ul > li.aud_box{top: 1.43125em;}
    #int_orga .orga_box > ul > li p{width: 6.4em;}
    #int_orga .orga_box > ul > li > ul{margin-top: 0.9625em;}
    #int_orga .orga_box > ul > li > ul > li > ul{margin-top: 0.9625em;}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul:before{width: calc(100% - 8.5em);}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul{margin-top: 2.025em;padding-top: 2em;}
    #int_orga .orga_box > ul > li > ul > li > ul > li > ul > li{width: 8.5em; margin-left: calc((100% - 25.5em - 1px) / 2);}
}



/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 정보공개 > 정보공개 청구
	연관단어 : #int_arti

////////////////////////////////////////////////////////////////////////////// */
#int_arti{}
#int_arti h4 + [data-skin="list"][data-type="3"] strong{display: inline-block; font-weight: 500; margin-right: 0.8em;}
#int_arti .img_wrap{margin-top: 3em;}
#int_arti .img_wrap img{display: inline-block; width: 100%; max-width: 600px;}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 재단소개 > 찾아오시는길
	연관단어 : #int_come

////////////////////////////////////////////////////////////////////////////// */
#int_come{}
#int_come .map_wrap{border: 1px solid #BFBFBF; box-sizing: border-box;}
#int_come .map_wrap #map{height: 36.25em;background-color: #eee;}
#int_come .map_wrap .map_txt{position: relative;display: table;table-layout: fixed;width: 100%;padding: 3em 5%;box-sizing: border-box;}
#int_come .map_wrap .map_txt:after{content: ""; display: block; clear: both;}
#int_come .map_wrap .map_txt .titles{position: relative; display: table-cell; width: 24.5em; vertical-align: middle; font-size: 1.1875em; font-weight: 400; color: #222E3C; letter-spacing: -0.05em;}
#int_come .map_wrap .map_txt .titles:before{
    content: ""; position: absolute; top: 50%; right: 0; z-index: -1; display: block; width: 7.69em; height: 7.69em; background: url(../../../images/site/eng/content/int_come_img01.jpg) no-repeat center center; background-size: contain;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#int_come .map_wrap .map_txt .titles span{display: block;/*  font-family: 'Nanum Myeongjo'; */ font-size: 1.85em; font-weight: 500;}
#int_come .map_wrap .map_txt ul{display: table-cell; width: 100%; padding-left: 7%; vertical-align: middle; box-sizing: border-box;}
#int_come .map_wrap .map_txt ul:after{content: ""; display: block; clear: both;}
#int_come .map_wrap .map_txt ul li{float: left; width: auto; font-size: 1.1875em; letter-spacing: -0.06em; margin: 0.51em 2.9em 0 0;}
#int_come .map_wrap .map_txt ul li:first-child{width: 100%; margin: 0;}
#int_come .map_wrap .map_txt ul li .tits{display: inline-block; margin-right: 0.79em; color: #222E3C; font-weight: 500; }
#int_come .map_wrap .map_txt ul li a{text-decoration: none;}
#int_come .table tbody tr td ul{}
#int_come .table tbody tr:first-child td ul:after{content: ""; display: block; clear: both;}
#int_come .table tbody tr:first-child td ul li{float: left; position: relative; margin-right: 2em; padding-left: 2.75em; letter-spacing: -0.04em; color: #222E3C;}
#int_come .table tbody tr:first-child td ul li:last-child{margin-right: 0;}
#int_come .table tbody tr:first-child td ul li span{position: absolute; top: -0.25em; left: 0; display: inline-block; width: 2.125em; height: 2.125em; text-indent: -9999px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
#int_come .table tbody tr:first-child td ul li.route3 span{background-image: url(../../../images/site/eng/content/int_come_img02.svg);}
#int_come .table tbody tr:first-child td ul li.route5 span{background-image: url(../../../images/site/eng/content/int_come_img03.svg);}
#int_come .table tbody tr:first-child td ul li.route1 span{background-image: url(../../../images/site/eng/content/int_come_img04.svg);}
#int_come .table tbody tr:nth-child(2) td ul li{color: #222E3C; letter-spacing: -0.04em;}
#int_come .table tbody tr:nth-child(2) td ul li:not(:first-child){margin-top: 0.3em;}
#int_come .table tbody tr:nth-child(2) td ul li strong{display: inline-block; margin-right: 0.625em; font-weight: 500;}

@media screen and (max-width:1200px){
    #int_come .map_wrap .map_txt{display: block; table-layout: auto; }
    #int_come .map_wrap .map_txt .titles{display: inline-block; width: auto; padding-right: 2.6em; box-sizing: border-box;}
    #int_come .map_wrap .map_txt ul{display: block; padding-left: 0;  margin-top: 2em;}
    
}
@media screen and (max-width:1024px){
    #int_come .map_wrap{font-size: 0.85em;}
    #int_come .map_wrap .map_txt ul{margin-top: 1.5em; font-size: 1.07em;}
    #int_come .map_wrap .map_txt ul li{margin: 0.3em 2em 0 0;}
    #int_come .table tbody tr:first-child td ul li{margin-right: 1.1em;}
}
@media screen and (max-width:840px){
    #int_come .table tbody tr:first-child td ul li{float: none; margin-top: 0.3em; margin-right: 0;}
    #int_come .table tbody tr:first-child td ul li:first-child{margin-top: 0;}
}
@media screen and (max-width:740px){
    #int_come .table tbody tr:nth-child(2) td ul li strong{display: block; margin-right: 0;}
}
@media screen and (max-width:640px){
    #int_come .map_wrap{font-size: 0.75em;}
    #int_come .map_wrap #map{font-size: 0.75em;}
    #int_come .map_wrap .map_txt ul{font-size: 1.15em;}
}
@media screen and (max-width:400px){
    #int_come .map_wrap .map_txt .titles{width: 100%; padding-right: 0;}
    #int_come .map_wrap .map_txt .titles:before{display: none;}
    #int_come .map_wrap .map_txt ul{margin-top: 1em;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 강제동원이란
	연관단어 : #com_comp

////////////////////////////////////////////////////////////////////////////// */
#com_comp{}
#com_comp p + .img_scroll,
#com_comp .img_scroll + p,
#com_comp p + .img_wrap,
#com_comp .img_wrap+ p{margin-top: 1.5em;}
#com_comp p + p{margin-top: 0.9375em;}
#com_comp .img_wrap:after{content: ""; display: block; clear: both;}
#com_comp .img_wrap .img_box2{float: left; width: 49.35%; margin-left: 1.3%;}
#com_comp .img_wrap .img_box2:first-child{margin-left: 0;}
#com_comp .img_wrap img{max-width: 100%;}

#com_comp .conc_box{}
#com_comp .conc_box:after{content: ""; display: block; clear: both;}
#com_comp .conc_box li{float: left; position: relative; width: calc((100% - 3.9% - 1px) / 4); height: 17.1875em; margin-left: 1.3%;  text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#com_comp .conc_box li:first-child{margin-left: 0; background-image: url(../../../images/site/eng/content/com_comp_img07.jpg);}
#com_comp .conc_box li:nth-child(2){background-image: url(../../../images/site/eng/content/com_comp_img08.jpg);}
#com_comp .conc_box li:nth-child(3){background-image: url(../../../images/site/eng/content/com_comp_img06.jpg);}
#com_comp .conc_box li:nth-child(4){background-image: url(../../../images/site/eng/content/com_comp_img09.jpg);}
#com_comp .conc_box li a{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; /* padding: 10.25em 1em 4.25em; */ box-sizing: border-box;}
#com_comp .conc_box li a:before{
    content: "";  position: absolute; top: 35%; left: 50%; display: block; width: 3.125em; height: 3.125em; background-repeat: no-repeat; background-position: center center; background-size: contain; 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#com_comp .conc_box li:nth-child(1) a:before{background-image: url(../../../images/site/eng/content/com_comp_img10.svg);}
#com_comp .conc_box li:nth-child(2n+2) a:before{background-image: url(../../../images/site/eng/content/com_comp_img11.svg);}
#com_comp .conc_box li:nth-child(3) a:before{background-image: url(../../../images/site/eng/content/com_comp_img12.svg);}
#com_comp .conc_box li a [data-skin="btn"]{
    position: absolute; top: 11em; left: 50%; display: block; width: 100%; max-width: 70%; padding: 0.5em 2.0825em; font-size: 1em; line-height: 1.6; 
    transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%);
    transition: background-color 0.2s ease, color 0.2s ease; -webkit-transition: background-color 0.2s ease, color 0.2s ease;
}
#com_comp .conc_box li a:hover [data-skin="btn"][data-color="3"]{background-color: #fff; color: #C3A57A; font-weight: 400;}

@media screen and (max-width:1350px){
	#com_comp .conc_box li a [data-skin="btn"]{max-width: 80%;}
}
@media screen and (max-width:1200px){
	#com_comp .conc_box li a [data-skin="btn"]{top: 10em;}
}
@media screen and (max-width:1024px){
    #com_comp p + .img_scroll,
    #com_comp .img_scroll + p,
    #com_comp p + .img_wrap,
    #com_comp .img_wrap+ p{margin-top: 1.2em;}
}
@media screen and (max-width:940px){
	#com_comp .conc_box li a [data-skin="btn"]{top: 9em;}
}
@media screen and (max-width:840px){
    #com_comp .conc_box li{width: calc((100% - 1.3% - 1px) / 2); height: 12em;}
    #com_comp .conc_box li:nth-child(2n+1){margin-left: 0;}
    #com_comp .conc_box li:nth-child(n+3){margin-top: 1.3%;}
    #com_comp .conc_box li a{padding: 6.4em 1em 2.2em;}
    #com_comp .conc_box li a:before{top: 30%; width: 2.2em; height: 2.2em;}
    #com_comp .conc_box li a [data-skin="btn"]{top: 6em;}
}
@media screen and (max-width:640px){
    #com_comp .img_scroll{position: relative;}
    #com_comp .img_scroll .move{overflow: auto; margin-top: 0.5em;}
    #com_comp .img_scroll:before{content:"좌우로 터치해서 보세요."; font-size:13px; width:168px; margin:0 auto; box-sizing:border-box; padding:0 0 0 25px; line-height:25px; color:#46644C; display:block; background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height:22px; background-size: contain;;}
    #com_comp .img_scroll .move .img_wrap{width: 640px;}
    #com_comp .img_wrap .img_box2{float: none; width: 100%; margin-left: 0; margin-top: 1.3%;}
    #com_comp .img_wrap .img_box2:first-child{margin-top: 0;}
    #com_comp p + .img_scroll,
    #com_comp .img_scroll + p,
    #com_comp p + .img_wrap,
    #com_comp .img_wrap+ p{margin-top: 1em;}
    #com_comp .conc_box li{height: 12.7em;}
    #com_comp .conc_box li a [data-skin="btn"]{top: 6.5em;}
}
@media screen and (max-width:530px){
	#com_comp .conc_box li a [data-skin="btn"]{top: 6em;}
}
@media screen and (max-width:420px){
    #com_comp .conc_box li a [data-skin="btn"]{padding: 0 1em;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 강제동원 연표
	연관단어 : #com_time

////////////////////////////////////////////////////////////////////////////// */
#com_time{}
#com_time .tab_wrap .tab_cont{position: relative; margin-top: 1.5em; padding: 0; background-color: transparent;}
#com_time .tab_wrap .tab_cont:before{content: ""; position: absolute; top: 1.3em; left:15.5em; z-index: 1; display: block; width: 2px; height: calc(100% - 1.3em); border-left: 2px dashed #a2b0a5; box-sizing: border-box; }
#com_time .tab_wrap .tab_cont .year_box{position: relative; padding: 3.125em 4.0625em;}
#com_time .tab_wrap .tab_cont .year_box:not(:first-child){margin-top: 0.625em;}
#com_time .tab_wrap .tab_cont .year_box:first-child:before,
#com_time .tab_wrap .tab_cont .year_box:last-child:before{content: ""; position: absolute; top: 0; left:15.5em; z-index: 1; display: block; width: 2px; height: 50%; background-color: #F6F6F6; box-sizing: border-box; }
#com_time .tab_wrap .tab_cont .year_box:last-child:before{top: auto; bottom: 0;}
#com_time .tab_wrap .tab_cont .year_box:after{
    content: ""; position: absolute; top: 50%; left: calc(15.5em - 4px); z-index: 12; display: block; width: 10px; height: 10px; margin-top: -5px; background-color: #fff; border: 3px solid #46644C; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
#com_time .tab_wrap .tab_cont .year_box .years{
    position: absolute; top: 50%; left: 1.3em; display: inline-block; color: #46644C; font-weight: 500; letter-spacing: -0.05em; font-size: 3.125em; font-family: 'Rubik';
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#com_time .tab_wrap .tab_cont .year_box .texts{position: relative;display: table;table-layout: fixed;width: 100%;padding: 0 0 0 15.625em;box-sizing: border-box;}
#com_time .tab_wrap .tab_cont .year_box .texts:not(:first-of-type){margin-top: 1em;}
#com_time .tab_wrap .tab_cont .year_box .texts:after{content: ""; display: block; clear: both;}
#com_time .tab_wrap .tab_cont .year_box .texts .t_date{display: table-cell;width: 10em;font-weight: 700;color: #46644C;letter-spacing: -0.05em;font-size: 1.25em;font-family: 'Roboto';}
#com_time .tab_wrap .tab_cont .year_box .texts p{color: #222E3C;box-sizing: border-box;}
@media screen and (max-width:1024px){
    #com_time .tab_wrap .tab_cont{font-size: 0.8em;}
    #com_time .tab_wrap .tab_cont .year_box .texts{padding: 0 0 0 13em;font-size: 1.25em;}
    #com_time .tab_wrap .tab_cont .year_box .texts:not(:first-of-type){margin-top: 0.75em;}
    #com_time .tab_wrap .tab_cont .year_box .texts .t_date{width: 9em;}
}
@media screen and (max-width:740px){
    #com_time .tab_wrap .tab_cont{font-size: 0.7em;}
    #com_time .tab_wrap .tab_cont .year_box .texts{padding: 0 0 0 12em;font-size: 1.35em;}

    #com_time .tab_wrap .tab_cont:before{display: none;}
    #com_time .tab_wrap .tab_cont .year_box{padding: 1.2em 2.5em 2.5em ;}
    #com_time .tab_wrap .tab_cont .year_box:after{display: none;}
    #com_time .tab_wrap .tab_cont .year_box .years{
        position: relative; top: auto; left: auto; 
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    #com_time .tab_wrap .tab_cont .year_box:first-child:before, 
    #com_time .tab_wrap .tab_cont .year_box:last-child:before{display: none;}
    #com_time .tab_wrap .tab_cont .year_box .texts{padding: 0 0 0 0;font-size: 1.42857em;}
    #com_time .tab_wrap .tab_cont .year_box .texts:not(:first-of-type){margin-top: 0.5em;}
}
@media screen and (max-width:480px){
    #com_time .tab_wrap .tab_cont .year_box{padding: 1.2em 2em 2.5em;}
    #com_time .tab_wrap .tab_cont .year_box .texts .t_date{position: relative; top: auto; left: auto; display: block; }
    #com_time .tab_wrap .tab_cont .year_box .texts p{padding: 0;}
    #com_time .tab_wrap .tab_cont .year_box .texts .t_date.t_line + p{padding-left: 0;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 동원 개요
	연관단어 : #com_summ

////////////////////////////////////////////////////////////////////////////// */
#com_summ{}
#com_summ .summ_box{
    position: relative; height: 24.75em; background-repeat: no-repeat; background-size: cover; background-position: center center;
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
#com_summ .summ_box .titles{
    position: absolute; top: 50%; left: 50%; display: block; width: 100%; padding: 0 1em; color: #fff; font-family: 'Nanum Myeongjo'; font-weight: 600; font-size: 2.1875em; line-height: 1.43; text-align: center; box-sizing: border-box;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
#com_summ .summ_box .titles span{display: block;}
#com_summ .summ_box .down_btns{position: absolute; bottom: 0; right: 0; padding:0.383em 2.075em; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
#com_summ p + h5{margin-top: 1.6em;}
#com_summ .img_scroll{display: inline-block; margin: 0 auto;}
#com_summ .img_scroll .move{}
#com_summ .img_scroll .move img{display: block; max-width: 100%;}
#com_summ .img_scroll .tip{max-width: 50em; text-align: left;}
/*#com_summ .summ_box .down_btns:hover{background-color: #222E3C; color: #EBEBE0; font-weight: 300;}
#com_summ .summ_box .down_btns:hover:before{background-image: url(../../../images/site/skin/icon_down.svg);}*/


#com_summ .case_list{
    padding-top: 1.5em; border-top: 1px solid #C4C4C4; box-sizing: border-box;
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
#com_summ .case_list ul{}
#com_summ .case_list ul:after{content: ""; display: block; clear: both;}
#com_summ .case_list ul li{float: left; width: calc((100% - 1px - 4%) / 3); margin-left: 2%; border: 1px solid #BFBFBF; box-sizing: border-box;}
#com_summ .case_list ul li:nth-child(3n+1){margin-left: 0;}
#com_summ .case_list ul li a{display: block; width: 100%; height: 100%; border-bottom: 2px solid #46644C; text-align: center;box-sizing: border-box;}
#com_summ .case_list ul li a img{display: block; width: 100%;}
#com_summ .case_list ul li a .text_boxs{padding: 1em 1em; box-sizing: border-box;}
#com_summ .case_list ul li a .text_boxs .titles{font-size: 1.1875em; color: #222E3C; font-weight: 500;}
#com_summ .case_list ul li a .text_boxs p{font-size: 0.9375em; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

@media screen and (max-width:1024px){
    #com_summ .summ_box{height: 22.275em; font-size: 0.9em;}
    #com_summ .case_list{font-size: 0.9em;}
}

@media screen and (max-width:740px){
    #com_summ .summ_box{height: 19.8em; font-size: 0.85em;}
}
@media screen and (max-width:720px){
    #com_summ p + h5{margin-bottom: 0.4em;}
    #com_summ .img_scroll{position: relative; display: block; }
    #com_summ .img_scroll:before{content:"좌우로 터치해서 보세요."; font-size:13px; width:168px; margin:0 auto; box-sizing:border-box; padding:0 0 0 25px; line-height:25px; color:#46644C; display:block; background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height:22px; background-size:auto 100%;}
    #com_summ .img_scroll .move{overflow: auto; margin-top: 10px; }
    #com_summ .img_scroll .move img{width: 720px; max-width: 720px;}
}

@media screen and (max-width:640px){
    #com_summ .summ_box .titles{font-size: 2em;}
}
@media screen and (max-width:570px){
    #com_summ .case_list{font-size: 1em;}
    #com_summ .case_list ul li{width: 100%; margin-left: 0; margin-top: 0.8em;}
    #com_summ .case_list ul li:nth-child(3n+1){margin-top: 0;}
}
@media screen and (max-width:500px){
    #com_summ .summ_box .titles span{display: inline;}
}
@media screen and (max-width:480px){
    #com_summ .summ_box .titles{font-size: 1.8em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 노무동원 개요
	연관단어 : .labo_summ

////////////////////////////////////////////////////////////////////////////// */
.labo_summ .summ_box{background-image: url(../../../images/site/eng/content/com_summ_img01.jpg);}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 군인동원 개요
	연관단어 : .sold_summ

////////////////////////////////////////////////////////////////////////////// */
.sold_summ .summ_box{background-image: url(../../../images/site/eng/content/com_summ_img02.jpg);}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 군속동원 개요
	연관단어 : .mili_summ

////////////////////////////////////////////////////////////////////////////// */
.mili_summ .summ_box{background-image: url(../../../images/site/eng/content/com_summ_img03.jpg);}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 여성동원 개요
	연관단어 : .wome_summ

////////////////////////////////////////////////////////////////////////////// */
.wome_summ .summ_box{background-image: url(../../../images/site/eng/content/com_summ_img04.jpg);}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 동원 사례
	연관단어 : #com_case

////////////////////////////////////////////////////////////////////////////// */
#com_case{}
#com_case .tih_wrap{position: relative; min-height: 32.9375em; background: url(../../../images/site/eng/content/com_case_img01.jpg) no-repeat center center; background-size: cover;}
#com_case .tih_wrap:after{content: ""; display: block; clear: both;}
#com_case .tih_wrap .img_box,
#com_case .tih_wrap .his_box{float: left; }
#com_case .tih_wrap .img_box{position: absolute; top: 0; left: 0; width: 26.875em; height: 100%;; overflow: hidden;}
#com_case .tih_wrap .img_box img{
    position: absolute; top: 50%; left: 50%;  display: block; width: auto; height: 100%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#com_case .tih_wrap .his_box{position: relative; width: calc(100% - 26.875em); padding: 2.5em 3.125em; margin-left: 26.875em; box-sizing: border-box;}
#com_case .tih_wrap .his_box li{position: relative; padding: 0 2.0625em 1.53em; box-sizing: border-box;}
#com_case .tih_wrap .his_box li:last-child{padding: 0 2.0625em 0;}
#com_case .tih_wrap .his_box li:before{content: ""; position: absolute; top: 1em; left: 0; display: block; width: 2px; height: 100%; border-left: 2px dashed rgba(247, 247, 247, 0.5); box-sizing: border-box;}
#com_case .tih_wrap .his_box li:last-child:before{display: none;}
#com_case .tih_wrap .his_box li:after{
    content: ""; position: absolute; top: 1em; left: 0; display: block; width: 10px; height: 10px; margin-top: -5px; margin-left: -4px; background-color: #fff; border:3px solid #C3A57A; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
#com_case .tih_wrap .his_box li strong{font-size: 1.1875em; color: #fff; font-weight: 400;}
#com_case .tih_wrap .his_box li p{margin-top: 0.2em; font-size: 1.1875em; color: #fff; font-weight: 300;}
#com_case .it_wrap{border: 1px solid #BFBFBF; box-sizing: border-box;}
#com_case .it_wrap .img_box{background-color: #868686;}
#com_case .it_wrap .img_box img{display: block; width: 100%; margin: 0 auto;}
#com_case .it_wrap .img_box img.maxh_20em{width: auto; max-width: 100%; height: 20em;}
#com_case .it_wrap .img_box img.maxh_30em{width: auto; max-width: 100%; height: 30em;}
#com_case .it_wrap .tit_box{display: table; table-layout: fixed; width: 100%; min-height: 6.25em; padding: 0.5em 1.375em; background-color: #fff; box-sizing: border-box;}
#com_case .it_wrap .tit_box p{display: table-cell; vertical-align: middle; font-size: 0.9375em;}

#com_case .divi2_it{position: relative;}
#com_case .divi2_it:after{content: ""; display: block; clear: both;}
#com_case .divi2_it .it_wrap{float: left;  width: calc((100% - 1.5%) / 2); margin-left: 1.5%;}
#com_case .divi2_it .it_wrap:first-child{margin-left: 0;}
#com_case .divi2_it .it_wrap.short_txt{position: absolute; top: 0; right: 0; height: 100%;}
#com_case .source_box{padding: 1.25em 1.875em; background-color: #F7F7F7; box-sizing: border-box;}
#com_case .source_box strong.green{color:#297111;}

#com_case .text_divi2{position: relative;}
#com_case .text_divi2:after{content: ""; display: block; clear: both;}
#com_case .text_divi2 .it_wrap{float: left; position: relative; width: calc((100% - 3%) / 2); margin-right: 3%; margin-bottom: 1em;} 
#com_case .text_divi2 .it_wrap.fl_right{float: right; margin-right: 0; margin-left: 3%;}
#com_case .text_divi2 .text_box{position: relative;}

#com_case .bg_yes{position: relative; padding: 3.125em 0; box-sizing: border-box;}
#com_case .bg_yes:after{content: ""; display: block; clear: both;}
#com_case .bg_yes.bg_f6{background-color: #F6F6F6;}
#com_case .bg_yes.bg_f6:before{
    content: ""; position: absolute; top: 0; left: 50%; z-index: -1; display: block; width: 100vw; height: 100%; background-color: #F6F6F6;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
#com_case .bg_yes .text2_wrap{float: left; width: calc((100% - 3%) / 2); margin-left: 3%;}
#com_case .bg_yes .text2_wrap:first-child{margin-left: 0;}
#com_case .bg_yes strong.green{display: block; margin-bottom: 0.2em; color:#297111;}


/*간격*/
#com_case [data-type="boxs"] + p,
#com_case .it_wrap + p,
#com_case .divi2_it + p,
#com_case .bg_yes p + strong.green{margin-top: 1.5em;}
#com_case p + .it_wrap,
#com_case p + .divi2_it,
#com_case p + .source_box,
#com_case p + .bg_f6,
#com_case .bg_yes.bg_f6 + .source_box{margin-top: 3.125em;}

@media screen and (max-width:1024px){
    #com_case .tih_wrap .img_box{width: 24em;}
    #com_case .tih_wrap .his_box{width: calc(100% - 24em); padding: 2em 2.5em; margin-left: 24em;}
    #com_case .tih_wrap{min-height: 28em; font-size: 0.9em;}
    #com_case .it_wrap{font-size: 0.9em;}
    #com_case .it_wrap .tit_box{padding: 0.5em 1em; font-size: 1.15em;}
}
@media screen and (max-width:840px){
    #com_case .tih_wrap .img_box{width: 22em;}
    #com_case .tih_wrap .his_box{width: calc(100% - 22em); padding: 2em 2.5em; margin-left: 22em;}
    
    #com_case .bg_yes .text2_wrap{float: none; width: 100%; margin-left: 0;}
    #com_case .bg_yes .text2_wrap + .text2_wrap{margin-top: 1.5em;}
}
@media screen and (max-width:740px){
    #com_case .tih_wrap .img_box{position: relative; top: auto; left: auto; width: 100%; height: 30em; }
    #com_case .tih_wrap .img_box img{
        top: 0; height: auto; width: 100%;
        transform: translate(-50%,0); -webkit-transform: translate(-50%,0);
    }
    #com_case .tih_wrap .img_box.no_photo img{
        top: 50%; 
        transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    }
    #com_case .tih_wrap .his_box{width: 100%; padding: 2em 2.5em; margin-left: 0;}
}
@media screen and (max-width:640px){
    #com_case .tih_wrap .img_box{height: 28em;}
    #com_case .divi2_it .it_wrap{float: none; width: 100%; margin-left: 0; margin-top: 1em;}
    #com_case .divi2_it .it_wrap:nth-child(1){margin-top: 0;}
    #com_case .divi2_it .it_wrap.short_txt{position: relative; top: auto; right: auto; height: auto;}
    #com_case .text_divi2 .it_wrap{float: none; width: 100%; margin-right: 0;}
    #com_case .text_divi2 .it_wrap.fl_right{float: none; margin-left: 0;}
    #com_case .source_box{padding: 1em 1.5em;}
    #com_case .bg_yes{padding: 2.2em 0;}
    /*간격*/
    #com_case [data-type="boxs"] + p,
    #com_case .it_wrap + p,
    #com_case .divi2_it + p,
    #com_case .text_divi2 .text_box,
    #com_case .bg_yes .text2_wrap + .text2_wrap{margin-top: 1.1em;}
    #com_case p + .it_wrap,
    #com_case p + .divi2_it,
    #com_case p + .source_box,
    #com_case p + .bg_f6,
    #com_case .bg_yes.bg_f6 + .source_box{margin-top: 2.2em;}
}
@media screen and (max-width:480px){
    #com_case .tih_wrap .img_box{height: 24em;}
}
@media screen and (max-width:400px){
    #com_case .tih_wrap .img_box{height: auto; }
    #com_case .tih_wrap .img_box img{
        position: relative; top: auto; left: auto; width: 100%; height: auto; 
        transform: translate(0,0); -webkit-transform: translate(0,0);
    }
    #com_case .tih_wrap .img_box.no_photo img{
        top: auto; 
        transform: translate(0,0); -webkit-transform: translate(0,0);
    }
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 여성동원 개요
	연관단어 : .wome_summ

////////////////////////////////////////////////////////////////////////////// */
.wome_summ{}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 강제동원 > 지도로 보는 강제동원
	연관단어 : #com_maps

////////////////////////////////////////////////////////////////////////////// */
#com_maps{}
#com_maps .maps_box{position: relative; text-align: center; }
#com_maps .img_scroll .move .img_wrap img{display: inline-block; max-width: 100%;}
#com_maps .source_box{margin-top: 3.125em; padding: 1.25em 1.875em; background-color: #F7F7F7; box-sizing: border-box;}
#com_maps .source_box strong.green{color:#297111;}
#com_maps h5{margin: 1.3em 0 0.4em 0;}
@media screen and (max-width:640px){
    #com_maps .img_scroll{position: relative;}
    #com_maps .img_scroll .move{overflow: auto; overflow-y: hidden; margin-top: 0.5em;}
    #com_maps .img_scroll:before{content:"좌우로 터치해서 보세요."; font-size:13px; width:168px; margin:0 auto; box-sizing:border-box; padding:0 0 0 25px; line-height:25px; color:#46644C; display:block; background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height:22px; background-size: contain;;}
    #com_maps .img_scroll .move .img_wrap{position: relative; width: 640px;}
    
    #com_maps .source_box{margin-top: 2.2em; padding: 1em 1.5em;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 주요사업 > 국립일제강제동원역사관 운영 > 역사관 소개
	연관단어 : #maj_hist

////////////////////////////////////////////////////////////////////////////// */
#maj_hist{}
#maj_hist .int_box{position: relative; background-image: url(../../../images/site/eng/content/maj_hist_img01.png); background-size: 1440px 100%; }
#maj_hist .int_box .bxs>img{width: 54%; max-width: 100%;}
#maj_hist .int_box .bxs .txts{position: relative; z-index: 1; }
#maj_hist .int_box:after{content: ""; position: absolute; top: 0; right: 0; z-index: 0; display: block; width: 74%; height: 100%; background: url(../../../images/site/eng/content/maj_hist_img05.png) no-repeat right center; background-size: 100% 100%;}

#maj_hist .mis_box{
    padding: 4.6875em 3em; text-align: center;
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
#maj_hist .mis_box .titles{display: block; font-size: 1.875em; font-weight: 500;/*  font-family: 'Nanum Myeongjo'; */}
#maj_hist .mis_box img{
    display: block; max-width: 18.125em; margin: 1em auto 0;
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
#maj_hist .val_box{
    padding: 4.6875em 7.3%; text-align: center;
    transition: font-size 0.2s ease; -webkit-transition: font-size 0.2s ease;
}
#maj_hist .val_box .titles{display: block; padding-top: 0.2em; font-size: 1.875em; font-weight: 500; /* font-family: 'Nanum Myeongjo'; */ letter-spacing: -0.02em;}
#maj_hist .val_box .titles i{font-style: normal;}
#maj_hist .val_box .titles span{position: relative; display: inline-block;}
#maj_hist .val_box .titles span:before{content: ""; position: absolute; top: -0.2em; left: 50%; display:block; width: 0.27em; height: 0.27em; margin-left: -0.135em; background-color: #FFC000; border-radius: 50%;}
#maj_hist .val_box ul{margin-top: 3.4375em;}
#maj_hist .val_box ul:after{content: ""; display: block; clear: both;}
#maj_hist .val_box ul li{
    float: left; position: relative; width: calc((100% - 3em) / 4); margin-left: 1em;
    transition: width 0.2s ease; -webkit-transition: width 0.2s ease;
}
#maj_hist .val_box ul li:first-child{margin-left: 0;}
#maj_hist .val_box ul li strong{display: inline-block; position: absolute; top: 0; left: 0; width: 2.67em; height: 2.67em; font-size: 1.875em; line-height: 2.4; border: 4px solid #C4C4C4;/*  font-family: 'Nanum Myeongjo'; */ font-weight: 500; box-sizing: border-box;}
#maj_hist .val_box ul li p{padding-left: calc(5em + 1.47em); font-size: 0.9375em; text-align: left;}
#maj_hist .val_box ul li p span{display: block; font-size: 1.34em; /* font-family: 'Nanum Myeongjo'; */ font-weight: 400;}


@media screen and (max-width:1400px){
    #maj_hist .val_box{padding: 4.6875em 4%;}
    #maj_hist .val_box ul li{width: calc((100% - 1.5em) / 4); margin-left: 0.5em;}
    #maj_hist .val_box ul li p{padding-left: calc(5em + 1em)}
}
@media screen and (max-width:1200px){
    #maj_hist .mis_box,
    #maj_hist .val_box{font-size: 0.95em;}
}
@media screen and (max-width:1024px){
    #maj_hist .mis_box,
    #maj_hist .val_box{font-size: 1em; padding: 3.2em 4%;}
    #maj_hist .mis_box .titles{font-size: 1.75em;}
    #maj_hist .mis_box img{font-size: 0.9em;}
    #maj_hist .val_box ul{margin-top: 3em;}
    #maj_hist .val_box ul li{display: table; table-layout: fixed; width: 49%; margin-left: 2%;}
    #maj_hist .val_box ul li:nth-child(2n+1){margin-left: 0;}
    #maj_hist .val_box ul li:nth-child(n+3){margin-top: 1em;}
    #maj_hist .val_box ul li strong{position: relative; top: auto; left: auto; display: table-cell; width: 2.67em;}
    #maj_hist .val_box ul li p{display: table-cell; vertical-align: middle; padding-left: 1em;}
    #maj_hist .val_box ul li p br{display: none;}
}
@media screen and (max-width:920px){
    #maj_hist .int_box:after{width: 95%;}
    #maj_hist .int_box .bxs>img{left: 0; width: 25em; height: auto}
}
@media screen and (max-width:640px){
    #maj_hist .int_box{font-size: 0.9em;}
    #maj_hist .int_box:before{display: none;}
    #maj_hist .int_box .txt_box{padding: 0;}
    #maj_hist .int_box .txt_box strong{font-size: 1.945em;}
    #maj_hist .int_box .txt_box strong:before,
    #maj_hist .int_box .txt_box strong:after{display: none;}
    #maj_hist .int_box .txt_box p{margin-top: 1em;}
    #maj_hist .mis_box, #maj_hist .val_box{font-size: 0.95em;padding: 2.5em 5% 3em;}
    #maj_hist .mis_box .titles{font-size: 1.5em;}
    #maj_hist .val_box .titles{font-size: 1.7em;}
    #maj_hist .mis_box img{font-size: 0.8em;}
    #maj_hist .val_box ul{margin-top: 1em;}
    #maj_hist .val_box ul li{width: 100%; margin-left: 0;margin-top: 1em;}
    #maj_hist .val_box ul li p{font-size: 1.05em;}
    #maj_hist .val_box .titles i{display: block;}
    #maj_hist .val_box .titles span:before{top: 0em; width: 0.2em; height: 0.2em; margin-left: -0.1em;}
}
@media screen and (max-width:480px){
    #maj_hist .val_box ul li p{font-size: 1em;}
    #maj_hist .mis_box .titles{max-width: 9em; margin: 0 auto; }
    #maj_hist .mis_box img{font-size: 0.85em;}
}
@media screen and (max-width:360px){
    #maj_hist .mis_box .titles{font-size: 1.65em;}
    #maj_hist .val_box .titles{font-size: 1.7em;}
    #maj_hist .val_box ul li strong{font-size: 1.7em; width: 2.8em; height: 2.8em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 주요사업 > 국립일제강제동원역사관 운영 > 시설안내
	연관단어 : #maj_faci

////////////////////////////////////////////////////////////////////////////// */
#maj_faci .int_box{padding: 0; }
#maj_faci .int_box .img_box{height: 39.4375em; background: url(../../../images/site/eng/content/maj_faci_img01.jpg) no-repeat center center; background-size: cover; text-indent: -9999px;}
#maj_faci .int_box .txt_box{position: relative; display: table; table-layout: fixed; width: 100%; padding: 2.66em 3.5%; border: 1px solid #BFBFBF; box-sizing: border-box;}
#maj_faci .int_box .txt_box:after{content: ""; display: block; clear: both;}
#maj_faci .int_box .txt_box .titles{position: relative; display: table-cell; width: 23.5em; vertical-align: middle; font-size: 1.1875em; font-weight: 400; color: #222E3C; letter-spacing: -0.05em;}
#maj_faci .int_box .txt_box .titles:before{
    content: ""; position: absolute; top: 50%; right: 0; z-index: -1; display: block; width: 7.69em; height: 7.69em; background: url(../../../images/site/eng/content/int_come_img01.jpg) no-repeat center center; background-size: contain;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#maj_faci .int_box .txt_box .titles span{display: block; /* font-family: 'Nanum Myeongjo'; */ font-size: 1.85em; font-weight: 500;}
#maj_faci .int_box .txt_box > ul{position: relative; display: table-cell; width: 100%; vertical-align: middle; box-sizing: border-box;}
#maj_faci .int_box .txt_box > ul:after{content: ""; display: block; clear: both;}
#maj_faci .int_box .txt_box > ul > li{float: none; width: auto; font-size: 1.1875em; letter-spacing: -0.06em; margin: 0.51em 0 0 0;}
#maj_faci .int_box .txt_box > ul > li:first-child{margin-top: 0;}
#maj_faci .int_box .txt_box > ul > li:first-child,
#maj_faci .int_box .txt_box > ul > li:nth-child(2){position: absolute; top: 0; right: 60%; width: 10em;}
#maj_faci .int_box .txt_box > ul > li:nth-child(2){top: 1.4em;}
#maj_faci .int_box .txt_box > ul > li:nth-child(3){display: table; table-layout: fixed; margin: 0 0 0 auto; width: 100%; padding-left: 46%; box-sizing: border-box;}
#maj_faci .int_box .txt_box > ul > li:nth-child(3) .tits{display: table-cell; width: 4.8em;}
#maj_faci .int_box .txt_box > ul > li .tits{display: inline-block; margin-right: 0.79em; color: #222E3C; font-weight: 500; vertical-align: top;}
#maj_faci .int_box .txt_box > ul > li:first-child .tits{margin-right: 1.79em;}
#maj_faci .int_box .txt_box > ul > li > ul{display: table-cell; width: 100%;}
#maj_faci .int_box .txt_box > ul > li > ul:after{content: ""; display: block; clear: both;}
#maj_faci .int_box .txt_box > ul > li > ul li{display: inline-block;min-width: 49.5%; width: auto;}

#maj_faci .exhi_box .tab_cont .title_box{position: relative; display: table; table-layout: fixed; width: 100%; margin-bottom: 1.5em;}
#maj_faci .exhi_box .tab_cont .title_box strong,
#maj_faci .exhi_box .tab_cont .title_box p{display: table-cell;}
#maj_faci .exhi_box .tab_cont .title_box strong{width: 13em; font-size: 2.1875em; font-weight: 500; /* font-family: 'Nanum Myeongjo'; */}
#maj_faci .exhi_box .tab_cont .title_box p{padding-left: 1em; vertical-align: top; font-size: 1.1875em; box-sizing: border-box;}

#maj_faci .img_scroll .move .img_wrap:after{content: ""; display: block; clear: both;}
#maj_faci .img_scroll .move .img_wrap .img_box2{float: left; width: 49.35%; margin-left: 1.3%;}
#maj_faci .img_scroll .move .img_wrap .img_box2:first-child{margin-left: 0;}
#maj_faci .img_scroll .move .img_wrap img{max-width: 100%;}

#maj_faci .floor_box{text-align: center;}
#maj_faci .floor_box .tab_cont{position: relative; }
#maj_faci .floor_box .tab_cont .ab_box{position: absolute; top: 9.3%; left: 4.862%;}
#maj_faci .floor_box .tab_cont .ab_box .titles{display: block; font-family: 'Rubik'; font-size: 3.125em; font-weight: 500; line-height: 1; text-align: left;}
#maj_faci .floor_box .tab_cont .img_scroll .move .img_wrap{text-align: right;}
#maj_faci .floor_box .tab_cont .left_ol{ width: auto; margin-top: 1.4em; text-align: left;}
#maj_faci .floor_box .tab_cont .left_ol li{position: relative; width: auto; margin-top: 1.15em; padding-left: 2.6em; font-size: 1.1875em; box-sizing: border-box;}
#maj_faci .floor_box .tab_cont .left_ol li:first-child{margin-top: 0;}
#maj_faci .floor_box .tab_cont .left_ol li em{
    position: absolute; top: -0.3em; left: 0; display: block; width: 2.355em; height: 2.355em; font-size: 0.85em; line-height: 2.355; background-color: #FFF; text-align: center; font-style: normal; color: #222E3C; font-weight: 500; font-family: 'Roboto'; border: 1px solid #BFBFBF; box-sizing: border-box;
    border-radius: 50%; -webkit-border-radius: 50%;
}
#maj_faci .floor_box .tab_cont .img_scroll{padding-left: 15em;}
#maj_faci .floor_box .tab_cont .img_wrap img{width: 62.75em;}
#maj_faci .floor_box .tab_cont .bott_ul{display: inline-block; margin-top: 2.8125em;}
#maj_faci .floor_box .tab_cont .bott_ul li{position: relative; display: inline-block; padding-left: 2.875em; margin-left: 2.3125em; box-sizing: border-box;}
#maj_faci .floor_box .tab_cont .bott_ul li:first-child{margin-left: 0;}
#maj_faci .floor_box .tab_cont .bott_ul li:before{content: ""; position: absolute; top: -0.14em; left: 0; display: block; width: 1.9375em; height: 1.9375em; background-repeat: no-repeat; background-size: contain; background-position: center center;}
#maj_faci .floor_box .tab_cont .bott_ul li:nth-child(1):before{background-image: url(../../../images/site/eng/content/maj_faci_img08.png);}
#maj_faci .floor_box .tab_cont .bott_ul li:nth-child(2):before{background-image: url(../../../images/site/eng/content/maj_faci_img09.png);}
#maj_faci .floor_box .tab_cont .bott_ul li:nth-child(3):before{background-image: url(../../../images/site/eng/content/maj_faci_img10.png);}
#maj_faci .floor_box .tab_cont .bott_ul li:nth-child(4):before{background-image: url(../../../images/site/eng/content/maj_faci_img11.png);}
#maj_faci .floor_box .tab_cont .bott_ul li:nth-child(5):before{background-image: url(../../../images/site/eng/content/maj_faci_img12.png);}
#maj_faci .floor_box .tab_cont .bott_ul li:nth-child(6):before{background-image: url(../../../images/site/eng/content/maj_faci_img13.png);}

#maj_faci .out_box{}
#maj_faci .out_box:after{content: ""; display: block; clear: both;}
#maj_faci .out_box > div{float: left; display: table; table-layout: fixed; width: calc((100% - 2%) / 2); margin-right: 2%; padding: 3.6% 2.9% 2.9%;}
#maj_faci .out_box > div:last-child{margin-right: 0; margin-top: 0;}
#maj_faci .out_box > div img,
#maj_faci .out_box > div .text_box{display: table-cell;}
#maj_faci .out_box > div img{width: auto; width: 100%;}
#maj_faci .out_box > div .text_box{width: calc(100% - 56.5%); vertical-align: bottom; padding: 0 0 0 3%; box-sizing: border-box;}
#maj_faci .out_box > div .text_box strong{color: #46644C; font-weight: 500; font-size: 1.375em;}
#maj_faci .out_box > div .text_box p{margin-top: 0.3em; font-size: 1.1875em;}

@media screen and (max-width:1200px){
    #maj_faci .int_box{font-size: 0.9em;}
    #maj_faci .int_box .img_box{height: 35em;}
    #maj_faci .exhi_box .tab_cont .title_box{font-size: 0.9em;}
    
    
    #maj_faci .exhi_box .tab_cont .title_box{display: block; table-layout: auto;}
    #maj_faci .exhi_box .tab_cont .title_box strong, 
    #maj_faci .exhi_box .tab_cont .title_box p{display: block;}
    #maj_faci .exhi_box .tab_cont .title_box strong{width: 100%;}
    #maj_faci .exhi_box .tab_cont .title_box p{margin-top: 0.2em; padding-left: 0;}
    #maj_faci .floor_box .tab_cont .bott_ul li{margin-left: 2em;}
    #maj_faci .floor_box .tab_cont .ab_box{font-size: 0.9em;}
    #maj_faci .out_box > div .text_box{font-size: 0.9em;}
}
@media screen and (max-width:1024px){
    #maj_faci .int_box .txt_box{padding: 2em 3%;}
    #maj_faci .int_box .txt_box .titles{width: 22em; }
    #maj_faci .int_box .txt_box .titles:before{font-size: 0.8em; right: 0;}
    #maj_faci .int_box .txt_box > ul > li:nth-child(3){padding-left: 42%;}
    #maj_faci .exhi_box .tab_cont .title_box strong{font-size: 2em;}
    #maj_faci .floor_box .tab_cont .img_scroll{position: relative; padding-left: 0; margin-left: 13em;}
    #maj_faci .floor_box .tab_cont .img_scroll .move{overflow: auto; margin-top: 0.5em;}
    #maj_faci .floor_box .tab_cont .img_scroll:before{content:"좌우로 터치해서 보세요."; font-size:13px; width:168px; margin:0 auto; box-sizing:border-box; padding:0 0 0 25px; line-height:25px; color:#46644C; display:block; background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height:22px; background-size:contain;}
    #maj_faci .floor_box .tab_cont .img_scroll .move .img_wrap{width: 900px;}
    #maj_faci .floor_box .tab_cont .bott_ul{ margin-top: 1.2em;}
    #maj_faci .floor_box .tab_cont .bott_ul li{margin-top: 0.8em; margin-left: 0; margin-right: 1em;}
}
@media screen and (max-width:840px){
    #maj_faci .int_box .img_box{height: 31em;}
    
    #maj_faci .int_box .txt_box{display: block; table-layout: auto; padding: 1.8em 3.5%;}
    
    #maj_faci .int_box .txt_box .titles{display: block; vertical-align: baseline; }
    #maj_faci .int_box .txt_box > ul{display: block; vertical-align: baseline; margin-top: 0.5em;}
    #maj_faci .int_box .txt_box > ul > li:first-child, #maj_faci .int_box .txt_box > ul > li:nth-child(2){right: auto; left: 0;}
    #maj_faci .int_box .txt_box > ul > li:nth-child(3){padding-left: 11em; width: 34em; margin: 0 auto 0 0;}
    
    #maj_faci .out_box > div{display: block; table-layout: auto; }
    #maj_faci .out_box > div img, #maj_faci .out_box > div .text_box{display: block;}
    #maj_faci .out_box > div img{width: auto; max-width: 100%;}
    #maj_faci .out_box > div .text_box{width: 100%; padding: 0; margin: 1em 0 0 0;}
}

@media screen and (max-width:640px){
    #maj_faci .int_box .img_box{height: 24em;}
    #maj_faci .int_box .txt_box{padding: 1.5em;}
    #maj_faci .int_box .txt_box > ul > li:first-child, 
    #maj_faci .int_box .txt_box > ul > li:nth-child(2){position: relative; top: auto; right: auto; width: auto; }
    #maj_faci .int_box .txt_box > ul > li:nth-child(3){width: auto; padding-left: 0; margin: 0.51em 0 0 0;}
    #maj_faci .int_box .txt_box > ul > li > ul{width: 20em; }
    #maj_faci .int_box .txt_box > ul > li > ul li{}
    
    #maj_faci .exhi_box .tab_btn.select .title a:nth-child(2){display: none;}
    #maj_faci .exhi_box .tab_cont .title_box strong{font-size: 1.8em;}
    
    #maj_faci .floor_box .tab_btn.select .title a:nth-child(1){display: none;}
    #maj_faci .floor_box .tab_cont .ab_box{position: relative; top: auto; left: auto; width: 100%;}
    #maj_faci .floor_box .tab_cont .ab_box .titles{font-size: 2.8em;}
    #maj_faci .floor_box .tab_cont .left_ol:after{content: ""; display: block; clear: both;}
    #maj_faci .floor_box .tab_cont .left_ol li{float: left; width: 49%; margin-left: 2%; margin-top: 1em;}
    #maj_faci .floor_box .tab_cont .left_ol li:nth-child(2n+1){margin-left: 0;}
    #maj_faci .floor_box .tab_cont .left_ol li:nth-child(2){margin-top: 0;}
    #maj_faci .floor_box .tab_cont .img_scroll{margin-left: 0; margin-top: 1em;}
    #maj_faci .floor_box .tab_cont .bott_ul{margin-top: 0;}
    #maj_faci .floor_box .tab_cont .bott_ul li{padding-left: 2.2em; margin-right: 0.8em;}
    #maj_faci .floor_box .tab_cont .bott_ul li:before{ top: 0;width: 1.6em; height: 1.6em;}

    #maj_faci .img_scroll{position: relative;}
    #maj_faci .img_scroll .move{overflow: auto; margin-top: 0.5em;}
    #maj_faci .img_scroll:before{content:"좌우로 터치해서 보세요."; font-size:13px; width:168px; margin:0 auto; box-sizing:border-box; padding:0 0 0 25px; line-height:25px; color:#46644C; display:block; background:url(../../../images/site/skin/scroll_ico.png) no-repeat left top; height:22px; background-size:contain;}
    #maj_faci .img_scroll .move .img_wrap{width: 640px;}
}

@media screen and (max-width:480px){
    #maj_faci .int_box{font-size: 0.8em;}
    #maj_faci .int_box .txt_box{font-size: 1.1em;}
    #maj_faci .out_box > div{float: none; width: 100%; margin-right: 0; padding: 1.5em 6% 6%;}
    #maj_faci .out_box > div:last-child{margin-top: 1em;}
}
@media screen and (max-width:400px){
    #maj_faci .int_box .txt_box .titles:before{display: none;}
    #maj_faci .int_box .txt_box .titles{width: auto; line-height: 1.4;}
    
    
}
@media screen and (max-width:400px){
    #maj_faci .floor_box .tab_cont .left_ol li{float: none; width: 100%; margin-left: 0; margin-top: 0.8em;}
    #maj_faci .floor_box .tab_cont .left_ol li:nth-child(2){margin-top: 0.8em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 정보공개 > 정보공개청구
	연관단어 : #inf_open

////////////////////////////////////////////////////////////////////////////// */
#inf_open{}
#inf_open [data-skin="boxs"]{text-align: center;}
#inf_open [data-skin="boxs"] p{position: relative; width: 100%; margin: 0 auto; padding-top: 6.5625em; color: #222E3C; letter-spacing: -0.04em; line-height: 1.5; box-sizing: border-box;}
#inf_open [data-skin="boxs"] p:before{
    content: ""; position: absolute; top: 0; left: 50%; display: block; width: 17.3125em; height: 5.0625em; background: url(../../../images/site/eng/content/inf_open_img01.png) no-repeat center center; background-size: contain;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
    transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
#inf_open [data-skin="boxs"] p a{color: #222E3C;}
#inf_open .btn_group{margin-top: 3.125em; text-align: center;}

@media screen and (max-width:1024px){
    #inf_open [data-skin="boxs"] p{padding-top: 5.25em;}
    #inf_open [data-skin="boxs"] p:before{width: 13.85em; height: 4.05em;}
    #inf_open .btn_group{margin-top: 2.5em;}
}
@media screen and (max-width:640px){
    #inf_open [data-skin="boxs"] p{padding-top: 4.265625em;}
    #inf_open [data-skin="boxs"] p:before{width: 11.253125em; height: 3.2903em;}
    #inf_open .btn_group{margin-top: 2em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 알림/소식 > 기부금 > 기부안내
	연관단어 : #not_intr

////////////////////////////////////////////////////////////////////////////// */
#not_intr{}
#not_intr .intr_box{position: relative; padding: 7em 30em 7em 4.5%; background: url(../../../images/site/eng/content/not_intr_img01.jpg) no-repeat center center; background-size: cover; box-sizing: border-box;}
#not_intr .intr_box:before{content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 29.0625em; height: 23.5625em; background: url(../../../images/site/eng/content/not_intr_img02.png) no-repeat center center; background-size: contain;}
#not_intr .intr_box strong{display: block; /* font-family: 'Nanum Myeongjo';  */font-size: 2.1875em; font-weight: 500;}
#not_intr .intr_box p{/*padding-right: 32%; */margin-top: 1.2em; font-size: 1.1875em; box-sizing: border-box;}
#not_intr .grou_box{padding: 3.4375em 7% 1.25em; background: url(../../../images/site/eng/content/not_bene_img02.jpg) no-repeat center center; background-size: 100% 100%;}
#not_intr .grou_box ul{position: relative;}
#not_intr .grou_box ul:after{content: ""; display: block; clear: both;}
#not_intr .grou_box ul li{float: left; position: relative; display: table; table-layout: fixed; width: 50%; height: 7.3125em; padding: 0 7% 0 11em; box-sizing: border-box;}
#not_intr .grou_box ul:before{
    content: ""; position: absolute; top: 50%; right: 50%; margin-right: -1px; display: block; width: 1px; height: 80%;  border-right: 1px dashed rgba(70, 100, 76, 0.5); box-sizing: border-box;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#not_intr .grou_box ul li:nth-child(1){
    position: absolute; top: 50%; left: 0; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#not_intr .grou_box ul li:nth-child(2){margin-left: 50%; padding: 0 0 0 calc(11em + 7%);}
#not_intr .grou_box ul li:before{
    content: ""; position: absolute; top: 50%; left: 0; display: block; width: 8em; height: 8em; background-repeat: no-repeat; background-position: center center; background-size: contain; box-shadow: 0px 0px 20px rgba(205, 205, 205, 0.4);
    border-radius: 50%; -webkit-border-radius: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
#not_intr .grou_box ul li:nth-child(1):before{background-image: url(../../../images/site/eng/content/not_bene_img03.svg);}
#not_intr .grou_box ul li:nth-child(2):before{left: 14%; background-image: url(../../../images/site/eng/content/not_bene_img04.svg);}
#not_intr .grou_box ul li strong{display: block; font-size: 1.0625em; color: #C3A57A; font-weight: 500;}
#not_intr .grou_box ul li p{display: table-cell; width: 100%; vertical-align: middle;}
#not_intr .grou_box ul li p span{display: block; font-size: 1.1875em; color: #46644C; font-weight: 500;}
#not_intr .grou_box ul + p{margin-top: 1.46em; font-size: 0.9375em; color: #666; text-align: center;}
#not_intr .marb_p + p{margin-top: 1.2em;}
#not_intr .btn_group{text-align: left;}
#not_intr h5 + .btn_group{margin-top: 0;}
#not_intr .grcolor{color: #297111;}

@media screen and (max-width:1500px){
    #not_intr .intr_box:before{font-size: 0.9em;}
    #not_intr .grou_box{padding: 3.4375em 5% 1.25em;}
    #not_intr .grou_box ul li{padding: 0 5% 0 11em;}
    #not_intr .grou_box ul li:nth-child(2){padding: 0 0 0 calc(11em + 5%)}
    #not_intr .grou_box ul li:nth-child(2):before{left: 10%;}
}
@media screen and (max-width:1200px){
    #not_intr .intr_box{font-size: 0.95em;}
    #not_intr .grou_box{font-size: 0.95em;}
    #not_intr .grou_box ul li{padding: 0 5% 0 9.5em;}
    #not_intr .grou_box ul li:nth-child(2){padding: 0 0 0 calc(9.5em + 5%)}
    #not_intr .grou_box ul li:before{width: 7em; height: 7em;}
}
@media screen and (max-width:1024px){
    #not_intr .intr_box{padding: 5em 23em 5em 4%}
    #not_intr .intr_box:before{font-size: 0.8em;}
    #not_intr .intr_box:before{font-size: 0.65em;}
    #not_intr .grou_box{padding: 3em 4% 1.25em; font-size: 0.9em;}
    #not_intr .grou_box ul li{padding: 0 4% 0 8em;}
    #not_intr .grou_box ul li:nth-child(2){padding: 0 0 0 calc(8em + 4%)}
    #not_intr .grou_box ul li:before{width: 6em; height: 6em;}
    #not_intr .grou_box ul li:nth-child(2):before{left: 8%;}
}
@media screen and (max-width:840px){
    #not_intr .intr_box{font-size: 0.85em;}
    #not_intr .intr_box{padding: 2.2em 4%}
    #not_intr .intr_box:before{font-size: 0.55em;}
    #not_intr .intr_box p{padding-right: 13em;}
    #not_intr .grou_box ul li{padding: 0 4% 0 6.5em;}
    #not_intr .grou_box ul li:nth-child(2){padding: 0 0 0 calc(6.5em + 4%)}
    #not_intr .grou_box ul li:before{width: 5em; height: 5em;}
}
@media screen and (max-width:740px){
    #not_intr .grou_box ul li{padding: 0 4% 0 5.5em;}
    #not_intr .grou_box ul li:nth-child(2){padding: 0 0 0 calc(5.5em + 4%)}
    #not_intr .grou_box ul li:before{width: 4em; height: 4em;}
}
@media screen and (max-width:640px){
    #not_intr .intr_box{padding: 2em 1.5em;}
    #not_intr .intr_box:before{display: none;}
    #not_intr .intr_box strong{font-size: 2em;}
    #not_intr .intr_box p{padding-right: 0; margin-top: 0.5em;}
    #not_intr .grou_box{padding: 2.5em 2em 1.5em;}
    #not_intr .grou_box ul:before{display: none;}
    #not_intr .grou_box ul li{display: block; table-layout: auto; width: 100%; height: auto; padding: 0 0 0 5em;}
    #not_intr .grou_box ul li:nth-child(1){
        position: relative; top: auto; left: auto;
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    #not_intr .grou_box ul li:nth-child(2){margin-left: 0; margin-top: 1.5em; padding:0 0 0 5em;}
    #not_intr .grou_box ul li:before{
        top: -0.5em;
        transform: translateY(0); -webkit-transform: translateY(0);
    }
    #not_intr .grou_box ul li:nth-child(2):before{left: 0;}
}
@media screen and (max-width:480px){
    #not_intr .grou_box{padding: 2em 1.5em 1.5em;}
    #not_intr .btn_group{width: 70%;}
    #not_intr .btn_group a:not(:first-child){margin-top: 0.2em;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 정보공개 > 정보공개 청구
	연관단어 : #inf_guid

////////////////////////////////////////////////////////////////////////////// */
#inf_guid{}
#inf_guid [data-icon="yes"] .icon_wrap:before{background-image: url(../../../images/site/eng/content/inf_guid_img01.svg);}
#inf_guid [data-icon="yes"] .icon_wrap p:first-of-type{max-width: 44em;}
#inf_guid [data-icon="yes"] .icon_wrap p a{color: #46644C;}




/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 정보공개 > 경영공시
	연관단어 : #inf_disc

////////////////////////////////////////////////////////////////////////////// */
#inf_disc{}
#inf_disc .part_report03{position: relative; display: block; width: 100%;}
#inf_disc .part_report03:after{content: ""; display: block; clear: both;}
#inf_disc .part_report03 .part_area{position: absolute; top: 0; width: calc((100% - 1px - 2.625em) / 3); height: 100%;}
#inf_disc .part_report03 .part_area:first-child{position: relative; top: auto; height: auto;}
#inf_disc .part_report03 .part_area:nth-child(2){left: calc(((100% - 1px - 2.625em) / 3) + 1.3125em);}
#inf_disc .pa  rt_report03 .part_area:nth-child(3){right: 0;}
#inf_disc .part_report03 .part_area{right: 0;}
#inf_disc .part_report03 .part_area dl{margin-top: 1.5625em; border: 1px solid #C4C4C4; border-top: 2px solid #46644C; border-bottom: 2px solid #46644C; box-sizing: border-box;}
#inf_disc .part_report03 .part_area dl:first-child{margin-top: 0;}
#inf_disc .part_report03 .part_area:nth-child(2) dl{height: 100%;}
#inf_disc .part_report03 .part_area:nth-child(3) dl:nth-child(2){position: absolute; width: 100%; height: calc(100% - 22.1875em - 0.42em);}
#inf_disc .part_report03 .part_area dl dt{padding: 0.87em 0.5em; font-size: 1.1875em; text-align: center; color: #222E3C; background-color: #EBEBE0; letter-spacing: -0.05em; border-bottom: 1px solid #C4C4C4; box-sizing: border-box;}
#inf_disc .part_report03 .part_area dl dd{padding: 2em 14%;  box-sizing: border-box;}
#inf_disc .part_report03 .part_area dl dd li{color: #555; letter-spacing: -0.04em;}
#inf_disc .part_report03 .part_area dl dd li a{color: #555;}

@media screen and (max-width:1024px){
    #inf_disc .part_report03 .part_area{float: left; position: relative; top: auto; width: calc((100% - 1.3125em - 1px) / 2); margin-left: 1.3125em;}
    #inf_disc .part_report03 .part_area:first-child{margin-left: 0;}
    #inf_disc .part_report03 .part_area:nth-child(2){left: auto;}
    #inf_disc .part_report03 .part_area:nth-child(3){right: auto; margin-top: 1.3125em;}
    #inf_disc .part_report03 .part_area:nth-child(2) dl{height: auto;}
    #inf_disc .part_report03 .part_area:nth-child(3) dl:nth-child(2){position: relative; height: auto; }
    #inf_disc .part_report03 .part_area dl{margin-top: 1.3125em;}
    #inf_disc .part_report03 .part_area dl dd{padding: 1.5em 2em;}
}
@media screen and (max-width:640px){
    #inf_disc .part_report03 .part_area{position: relative; top: auto; width: 100%; height: auto; margin-top: 1em; margin-left: 0;}
    #inf_disc .part_report03 .part_area:first-child{margin-top: 0;}
    #inf_disc .part_report03 .part_area:nth-child(3){margin-top: 1em;}
    #inf_disc .part_report03 .part_area dl:not(:first-child){margin-top: 1em;}
}
@media screen and (max-width:480px){
    #inf_disc .part_report03 .part_area dl dd{padding: 5%;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 정보공개 > 윤리경영 > 윤리경영 헌장
	연관단어 : #inf_cons

////////////////////////////////////////////////////////////////////////////// */
#inf_cons{}
#inf_cons .box2_wrap{position: relative; padding: 5.25em 2em; text-align: center; } 
#inf_cons .box2_wrap:before{
    content: ""; position: absolute; bottom: 2.5em; right: 1.8em; display: block; width: 11.75em; height: 7.5em; background: url(../../../images/site/eng/content/inf_cons_img01.svg) no-repeat right bottom; background-size: contain; 
    transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
#inf_cons .box2_wrap strong{display: block; /* font-family: 'Nanum Myeongjo'; */ font-weight: 500; color: #222E3C; font-size: 2.1875em; letter-spacing: -0.05em;}
#inf_cons .box2_wrap .text_box{margin-top: 1em;}
#inf_cons .box2_wrap .text_box p{font-size: 1.1875em; letter-spacing: -0.05em;}
#inf_cons .box2_wrap .text_box p:not(:first-child){margin-top: 0.87em;}
#inf_cons .box2_wrap .text_box p span{display: block;}
#inf_cons .box3_wrap{padding: 2.5em; letter-spacing: -0.04em;}

@media screen and (max-width:1024px){
    #inf_cons{font-size: 0.8em;}
    #inf_cons .box2_wrap{padding: 4.5em 2em;}
    #inf_cons .box2_wrap:before{background-size: 80%; }
    #inf_cons .box2_wrap strong{font-size: 2.3em;}
    #inf_cons .box2_wrap .text_box{margin-top: 0.8em; font-size: 1.2em;}
    #inf_cons .box3_wrap{padding: 2em; }
    #inf_cons .box3_wrap ul{font-size: 1.25em;}
}
@media screen and (max-width:840px){
    #inf_cons .box2_wrap .text_box p span{display: inline;}
}
@media screen and (max-width:640px){
    #inf_cons .box2_wrap:before{background-size: 65%; }
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 정보공개 > 공공데이터
	연관단어 : #inf_data

////////////////////////////////////////////////////////////////////////////// */
#inf_data{}
#inf_data [data-icon="yes"] .icon_wrap:before{background-image: url(../../../images/site/eng/content/inf_data_img01.svg);}
#inf_data [data-icon="yes"] .icon_wrap p:first-of-type{max-width: 43em;}
@media screen and (max-width:1024px){
    #inf_data [data-icon="yes"] .icon_wrap:before{
        top: 50%;
        transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
    }
}
@media screen and (max-width:640px){
    #inf_data [data-icon="yes"] .icon_wrap:before{
        top: 0;
        transform: translate(0,0); -webkit-transform: translate(0,0);
    }
}
@media screen and (max-width:480px){
    #inf_data [data-icon="yes"] .icon_wrap:before{top:-6em;}
    #inf_data .btn_group {width: 90%; margin: 2em auto 0;}
    .btn_group [data-skin="btn"]:not(:last-child){margin-right: 0;}
    #inf_data .btn_group [data-skin="btn"]:not(:first-child){margin-top: 0.4em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 기타 > 개인정보처리방침
	연관단어 : #etc_priv

////////////////////////////////////////////////////////////////////////////// */
#etc_priv{}
#etc_priv [data-icon="yes"] .icon_wrap:before{background-image: url(../../../images/site/eng/content/etc_priv_img01.svg);}
#etc_priv [data-icon="yes"] .icon_wrap p:first-of-type{max-width: 49em;}
#etc_priv .priv_btn{min-width: 15em;}
[data-skin="list_num"] > li > p.tip:after{top: 0.7em;}
@media screen and (max-width:640px){
    #etc_priv .priv_btn{padding: 0.5em 1em}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 기타 > 이메일 무단수집거부
	연관단어 : #etc_emai

////////////////////////////////////////////////////////////////////////////// */
#etc_emai{}
#etc_emai .pre_box{position: relative; padding: 6.9375em 1em; text-align: center; }
#etc_emai .pre_box .title{position: relative; display: block; font-size: 2.0625em; font-weight: 500; }
#etc_emai .pre_box .title:before{
    content: ""; display: inline-block; width: 4em; height: 4.19em; margin-bottom: 1em; background: url(../../../images/site/eng/content/etc_emai_img01.svg) no-repeat center center; background-size: contain; 
    transition: width 0.2s ease, height 0.2s ease; -webkit-transition: width 0.2s ease, height 0.2s ease;
}
#etc_emai .pre_box .title span{display: block; font-size: 0.49em; text-transform: uppercase; letter-spacing: 0.25em; font-family: 'Roboto'; color: #46644C;}
#etc_emai .pre_box p{max-width: 52em; margin: 1em auto 0; padding: 0 1em; box-sizing: border-box;}

@media screen and (max-width:1024px){
    #etc_emai .pre_box{padding: 6em 1em;}
    #etc_emai .pre_box .title{font-size: 1.9em;}
    #etc_emai .pre_box .title span{font-size: 0.55em;}
    #etc_emai .pre_box .title:before{width: 3.57em; height: 3.74em; margin-bottom: 0.8em;}
}
@media screen and (max-width:640px){
    #etc_emai .pre_box{padding: 3em 4%;}
    #etc_emai .pre_box .title{font-size: 1.7em;}
    #etc_emai .pre_box .title span{font-size: 0.55em;}
}
@media screen and (max-width:480px){
    #etc_emai .pre_box .title{font-size: 1.5em;}
    
}
/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 페이지 준비중
	연관단어 : #preparing

////////////////////////////////////////////////////////////////////////////// */
#preparing{}
#preparing .pre_box{position: relative; padding: 6.9375em 1em; text-align: center; }
#preparing .pre_box .title{position: relative; display: block; font-size: 2.0625em; font-weight: 500; }
#preparing .pre_box .title:before{
    content: ""; display: inline-block; width: 3.81em; height: 3.81em; margin-bottom: 1em; background: url(../../../images/site/eng/content/preparing_img01.svg) no-repeat center center; background-size: contain; 
    transition: width 0.2s ease, height 0.2s ease; -webkit-transition: width 0.2s ease, height 0.2s ease;
}
#preparing .pre_box .title span{display: block; font-size: 0.49em; text-transform: uppercase; letter-spacing: 0.25em; font-family: 'Roboto'; color: #46644C;}
#preparing .pre_box p{margin: 1em auto 0;}

@media screen and (max-width:1024px){
    #preparing .pre_box{padding: 6em 1em;}
    #preparing .pre_box .title{font-size: 1.9em;}
    #preparing .pre_box .title span{font-size: 0.55em;}
    #preparing .pre_box .title:before{width: 3.4em; height: 3.4em; margin-bottom: 0.8em;}
}
@media screen and (max-width:640px){
    #preparing .pre_box{padding: 3em 4%;}
    #preparing .pre_box .title{font-size: 1.7em;}
    #preparing .pre_box .title span{font-size: 0.55em;}
}
@media screen and (max-width:480px){
    #preparing .pre_box .title{font-size: 1.5em;}
    
}
/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 정보공개 > 윤리경영 > 청탁금지법
	연관단어 : #inf_soli

////////////////////////////////////////////////////////////////////////////// */
#inf_soli{}
#inf_soli h5{margin: 2.64em 0 0.8em 0;}
#inf_soli h5:first-of-type{margin-top: 0;}
#inf_soli [data-skin="list_num"] li.star{position: relative;}
#inf_soli [data-skin="list_num"] li.star:before{content: "*"; position: absolute; top: 0; left: -0.6em;}
#inf_soli .t_tbox{position: relative; margin-top: 0.4em;}
#inf_soli .t_tbox:before{
    content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 2em; height: 2em; background: url(../../../images/site/eng/content/inf_soli_img01.svg) no-repeat center center; background-size: contain;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
}
#inf_soli .t_tbox:after{content: ""; display: block; clear: both;}
#inf_soli .t_tbox .table_wrap{width: calc((100% - 3.75em) / 2); margin-left: calc(((100% - 3.75em) / 2) + 3.75em);}
#inf_soli .t_tbox .table_wrap:first-child{position: absolute; top: 0; left: 0; height: 100%; margin-left: 0;}
#inf_soli .t_tbox .table_wrap:first-child .table{position: absolute; top: 0; left: 0; height: 100%;}
#inf_soli .t_tbox .table tr td [data-skin="list"] li{display: inline-block; margin-right: 1em; margin-top: 0;}
#inf_soli .t_tbox .table tr td [data-skin="list"] li:last-child{margin-right: 0;}

@media screen and (max-width:1504px){
    #inf_soli .t_tbox .table tr td [data-skin="list"] li:not(:first-child){margin-top: 0.3em;}
}
@media screen and (max-width:740px){
    #inf_soli .t_tbox .table_wrap{width: 100%; margin-left: 0;}
    #inf_soli .t_tbox .table_wrap:first-child{position: relative; top: auto; left: auto; height: auto; margin-bottom: 3em;}
    #inf_soli .t_tbox .table_wrap:first-child .table{position: relative; top: auto; left: auto; height: auto; }
    #inf_soli .t_tbox:before{display: none;}
    #inf_soli .t_tbox .table_wrap:first-child:after{
        content: ""; position: absolute; bottom: -2.5em; left: 50%; display: block; width: 1.75em; height: 1.75em; background: url(../../../images/site/eng/content/inf_soli_img01.svg) no-repeat center center; background-size: contain;
        transform: translateX(-50%); -webkit-transform: translateX(-50%);
    }
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : cyb_vre
	연관단어 : #cyb_vre

////////////////////////////////////////////////////////////////////////////// */
#cyb_vre{}
#cyb_vre .divi2_boxs{margin-top: 1.5em;}
#cyb_vre .divi2_boxs:after{content: ""; display: block; clear: both;}
#cyb_vre .divi2_boxs li{float: left; width: calc((100% - 2%) / 2); margin-left: 2%; border: 1px solid #E5E5E5; box-sizing: border-box;}
#cyb_vre .divi2_boxs li:first-child{margin-left: 0;}
#cyb_vre .divi2_boxs li .img_wrap{position: relative; height: 22.375em; overflow: hidden;}
#cyb_vre .divi2_boxs li .img_wrap img{
    position: absolute; top: 50%; left: 50%; display: block; min-width: 100%; min-height: 100%; 
    transform: translate(-50%,-50%);
}
#cyb_vre .divi2_boxs li .txt_wrap{padding: 2.8em 1em 3.125em; text-align: center; box-sizing: border-box;}
#cyb_vre .divi2_boxs li .txt_wrap .titles{display: block; font-size: 1.875em;}
#cyb_vre .divi2_boxs li .txt_wrap [data-skin="btn"]{margin-top: 1em;}
@media screen and (max-width: 1024px){
    #cyb_vre .divi2_boxs li .img_wrap{font-size: 0.9em;}
    #cyb_vre .divi2_boxs li .txt_wrap .titles{font-size: 1.6em;}
}
@media screen and (max-width: 740px){
    #cyb_vre .divi2_boxs li{float: none; width: 100%; margin-left: 0; margin-top: 1.5em;}
    #cyb_vre .divi2_boxs li:first-child{margin-top: 0;}
}
@media screen and (max-width: 640px){
    #cyb_vre .divi2_boxs li .img_wrap{font-size: 0.7em;}
    #cyb_vre .divi2_boxs li .txt_wrap{padding: 1.5em 1em 1.825em;}
}

/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : data-intro
	연관단어 : [data-intro]

////////////////////////////////////////////////////////////////////////////// */
/*[data-intro]{margin-top: 3.125em;}
[data-img="full"]{margin-top: 1.875em;}*/
.img_boxs{position: relative; border-top: 1px solid #C4C4C4; text-align: center; box-sizing: border-box;}
.img_boxs .img_wrap{margin-top: 2.75em;}
.img_boxs .img_wrap img{display: inline-block; max-width: 100%;}
.img_boxs [data-skin="btn"]{
    position: absolute; left: 50%; bottom: 0;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.img_boxs.board_intro [data-skin="btn"]{
    position: relative; left: auto; bottom: auto; margin-top: 2em;
    transform: translateX(0); -webkit-transform: translateX(0);
}

@media screen and (max-width: 1504px){
    /*[data-intro]{margin-top: 1.875em;}*/
}

@media screen and (max-width: 1024px){
    /*[data-intro]{margin-top: 0;}*/
    .img_boxs .img_wrap{margin-top: 2em;}
    .img_boxs [data-skin="btn"]{
        position: relative; left: 0; bottom: 0;
        transform: translateX(0%); -webkit-transform: translateX(0%);
    }
    .img_boxs.board_intro [data-skin="btn"]{margin-top: 1.75em;}
}
@media screen and (max-width: 740px){
}
@media screen and (max-width: 640px){
    .img_boxs .img_wrap{margin-top: 1.75em;}
    .img_boxs.board_intro [data-skin="btn"]{margin-top: 1.5em;}
}