/*---sub page css---*/
/*---sub page css---*/
/*---sub page css---*/

/*---common---*/
.sub_section{padding: 80px 0 96px 0;}
.o_sub_inr {width: 92%; max-width: 1580px; margin: 0 auto;}
.o_snb_inr {width: 92%;max-width: 1580px;margin: 0 auto;}

.k_sub_tit{margin-bottom: 86px;}
.sub_pd_top {padding-top:130px;}

@media screen and (max-width: 1080px){
	.sub_pd_top {padding-top:80px;}
}
@media screen and (max-width: 720px){
	.sub_pd_top {padding-top:50px;}
	.o_snb_inr {width: 100%;}
}

/*---sub visual---*/
#sub_visual{height: 450px;position: relative;}
#sub_visual figure{display: block;width: 100%;height: 100%;}

.sv_img_01{background-image: url(/img/sub_visual/o_sv_01.jpg);}
.sv_img_02{background-image: url(/img/sub_visual/o_sv_02.jpg);}
.sv_img_03{background-image: url(/img/sub_visual/o_sv_03.jpg);}
.sv_img_04{background-image: url(/img/sub_visual/o_sv_04.jpg);}
.sv_img_05{background-image: url(/img/sub_visual/o_sv_05.jpg);}
.sv_img_00{background-image: url(/img/sub_visual/sv_00.jpg);}

.sv_tit{position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);width: 92%;color: #000;line-height: 145%; text-align:center;}

@media screen and (max-width: 1480px){

    #sub_visual{height: 350px;}
}

@media screen and (max-width: 960px){

    .sub_section{padding: 63px 0 78px 0;}
}

@media screen and (max-width: 720px){

    .sub_section{padding: 46px 0 60px 0;}

    .k_sub_tit{margin-bottom: 65px;}

    #sub_visual{height: 232px;}

    .sv_tit{word-break: keep-all;}
}

/*---sub navi---*/
#sub_navi_wrap{display:none; height: 79px;border-bottom: 1px solid #e5e5e5;}

.sub_navi>ul>li{display: none;}
.sub_navi>ul>li>a{display: none;}
.sub_navi>ul>li>ul{text-align: center;}
.sub_navi>ul>li>ul>li{display: inline-block;}
.sub_navi>ul>li>ul>li>a{display: block;width: 100%;height: 100%;line-height: 78px;font-size: 1.13rem;font-weight: bold;letter-spacing: 0.03em;padding: 0 25px;}

#sub_navi_01>ul>li.k_menu_1{display: block;}
#sub_navi_02>ul>li.k_menu_2{display: block;}
#sub_navi_03>ul>li.k_menu_3{display: block;}
#sub_navi_04>ul>li.k_menu_4{display: block;}

/*mobile*/
#sub_nav_mo{display: none;}

@media screen and (max-width: 1480px){

    #sub_navi_wrap{height: 70px;}

    .sub_navi>ul>li>ul>li>a{line-height: 69px;}
}

@media screen and (max-width: 960px){

    #sub_navi_wrap{height: 65px;}

    .sub_navi>ul>li>ul>li>a{line-height: 64px;}
}

@media screen and (max-width: 720px){

    #sub_navi_wrap{height: 51px;}

    #sub_nav_mo{display: flex;}
    #sub_nav_mo>a{width: 50px;height: 50px;background-image: url(/img/icon/sn_home.png);background-size: 13px;}

    .sn_mo{width: 102px;}
    .sn_mo>a{display: block;width: 100%;line-height: 50px;font-size: 12px;font-weight: 500;padding: 0 12px;position: relative;}
    .sn_mo>a::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1px;height: 11px;background-color: #aaa;}
    .sn_mo>a>i{position: absolute;top: 50%;transform: translateY(-50%);right: 8px;font-size: 16px;}
    .sn_up{display: none;}
    .sn_mo>a.active>i.sn_down{display: none;}
    .sn_mo>a.active>i.sn_up{display: block;}

    .sn_mo>ul>li>a, .sn_mo2>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 12px;font-weight: 500;padding: 4.5px 10px;}

    .sn_mo1>ul, .sn_mo2>ul{background-color: #FFF;border-left: 1px solid #eee;border-top: 1px solid #eee;position: relative;z-index: 1;padding-bottom: 8px;display: none;
        box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -webkit-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -moz-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -o-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
        -ms-box-shadow: 3px 3px 3px rgba(18,6,13,.15);
    }
    .sn_mo1>ul>li>ul, .sn_mo2>ul>li>a, .sn_mo2>ul>li>ul{display: none;}
	
	#sub_nav_01>ul>li.k_menu_1>ul{display: block;}
	#sub_nav_02>ul>li.k_menu_2>ul{display: block;}
	#sub_nav_03>ul>li.k_menu_3>ul{display: block;}
    #sub_nav_04>ul>li.k_menu_4>ul{display: block;}
    /*.sn_mo2>ul>li.sub_open>ul{display: block;}*/

    .sub_navi_pc{display: none;}
}


/* about */
/* about sec01 */
.about01_inr {max-width: 1340px; text-align: center; margin: 0 auto; z-index: 10; position: relative;}
.about01_ul {display:flex; gap:30px;}
.about01_li {width: 100%; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); border-radius: 25px; padding: 47px 30px; background: #fff; word-break:keep-all;}
.about01_txt_01 {padding: 20px 0 25px;}
.about01_txt_02 {line-height: 2.063rem; word-break:keep-all;}

.b_txt {font-weight: 800; display: flex; font-size: 16.563rem; position: relative; flex-wrap: wrap; height: 16.563rem;
    white-space: nowrap; z-index:-1;}
.b_txt span {position: absolute; font-size: 16.563rem; bottom: -30px; font-weight: 800; color: #f7f7f7;}

@media screen and (max-width: 1080px){
	.about01_txt_01 {font-size:24px;}
	.about01_txt_02 {font-size:15px; line-height:22px;}
	.about01_ul {gap:15px;}

	.b_txt {height:8rem;}
}

@media screen and (max-width: 720px){
	.about01_ul {flex-direction: column;}
	.about01_li {padding: 25px 0 30px; width: 100%; margin: 0 auto;}
	.about01_txt_01 {font-size: 20px; padding: 15px 0 15px;}
	.about01_txt_02 {font-size:13px; line-height:20px;}
	.about01_ul {gap:25px;}

	.b_txt {height: 7rem;}
}

/* about sec02 */
.about02 {padding-bottom:260px;}
.about02_inr {display:flex; gap:65px; color:#222; max-width: 1400px; margin: 0 auto;}
.about02_left figure {overflow:hidden; border-radius:30px; box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);}
.about02_left figure img {width: 100%;}
.about02_right {margin-top:70px; word-break: keep-all;}
.about02_right span {display:block;}
.about02_right b {margin-left:5px;}

.about02_pad {padding-bottom:40px;}
.about02_pad_02 {padding-bottom:55px;}
.lh_37 {line-height:2.313rem;}
.lh_28 {line-height:1.75rem;}

@media screen and (max-width: 1480px){
	.about02_inr {justify-content: space-between;}
	.about02_pad {padding-bottom:25px;}
	.about02_pad_02 {padding-bottom:30px;}

	.about02_left {width: 35%;}

	.about02_right {width: 58%; margin-top:15px; word-break: keep-all;}
	.about02_txt_01 {font-size: 26px;}
	.about02_txt_02 {font-size: 20px;}
	.about02_txt_03 {font-size: 15px;}
	.about02_txt_04 {font-size: 14px;}
}
@media screen and (max-width: 1080px){
	.about02 {padding-bottom:120px;}
	.about02_txt_02 {font-size: 19px;}
	.about02_txt_03 {font-size: 14px;}
	.about02_txt_04 {font-size: 13px;}
}
@media screen and (max-width: 1024px){
	.about02 {padding-bottom:80px;}
	.about02_inr {justify-content: space-between; flex-direction: column; gap:30px}
	.about02_pad {padding-bottom:25px;}
	.about02_pad_02 {padding-bottom:30px;}

	.about02_left {width: 45%;}
	.about02_left span {margin-top:30px;}

	.about02_right {width: 100%; margin-top:15px; word-break: keep-all;}
	.about02_txt_01 {font-size: 26px;}
	.about02_txt_02 {font-size: 20px;}
	.about02_txt_03 {font-size: 15px;}
	.about02_txt_04 {font-size: 14px;}
}
@media screen and (max-width: 720px){
	.about02 {padding-bottom:50px;}
	.about02_inr {gap:20px;}
	.about02_pad {padding-bottom:20px;}

	.about02_left {width: 75%;}
	.about02_left span {margin-top: 30px;}

	.about02_right {width: 100%; margin-top:15px; word-break: keep-all;}
	.about02_txt_01 {font-size: 26px;}
	.about02_txt_02 {font-size: 15px; line-height: 25px;}
	.about02_txt_03, .about02_txt_04 {font-size: 13px; line-height: 22px;}
}

/* about sec03 */
.about03_bg {background-image: url('/img/sub/about03_bg.png');background-repeat: no-repeat;background-position: center center;
    width: 667px; height: 717px; position: absolute; right: 0px; transform: translateY(-35%); z-index:-1;}
.about03_ul {display: flex; flex-wrap: wrap; align-items: baseline; max-width: 1400px; margin: 0 auto;}
.about03_li {width: calc((100% - 30px*4)/4); margin-right: 40px;}

.about03_li figure {border-radius: 15px; overflow: hidden; box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.05);}
.about03_li figure img {width: 100%;}
.about03_li:nth-of-type(n + 4) {margin-top: 35px;}
.about03_li:nth-of-type(4n) {margin-right:0;}

@media screen and (max-width: 1080px){
	.about03_bg {opacity: 0.6;}
	.about03_li {width: calc((100% - 20px*3)/3); margin-right: 30px;}
	.about03_li:nth-of-type(n + 3) {margin-top: 30px;}
	.about03_li:nth-of-type(3n) {margin-right: 0px;}
	.about03_li:nth-of-type(4n) {margin-right: 30px;}
	.about03_li:nth-of-type(12n) {margin-right: 0px;}
}

@media screen and (max-width: 720px){
	.about03_li {width: calc((100% - 10px*2)/2); margin-right: 20px;}
	.about03_li:nth-of-type(n + 2) {margin-top: 15px;}
	.about03_li:nth-of-type(2n) {margin-right:0;}
	.about03_li:nth-of-type(3n) {margin-right: 20px;}
	.about03_li:nth-of-type(6n)	{margin-right:0;}

}


/*snb*/
.o_snb{height: auto;}
.o_snb>div{height: inherit;}
.o_snb ul{text-align: center; width: 100%; max-width:1400px; margin:0 auto; display: flex;}
.o_snb ul li{display: block; width: 20%; position: relative; border-bottom: 1px solid #f5f5f5;}
.o_snb ul li a{display: block;width: 100%;height: 100%;line-height: 65px; color:#222; border-bottom:1px solid #fafafa;}
.o_snb ul li a.on {color: #000; font-weight: 700;}
.o_snb ul li a.on:after{content: "";position: absolute; bottom:0; left: 0%;width: 100%; height: 3px; background: #604ed2;}

@media screen and (max-width: 1080px){
	.board_wrap {padding: 80px 0 110px !important;}
	.o_snb ul {flex-wrap: wrap;}
	.o_snb ul li {width: 50%;}
}

@media screen and (max-width: 720px){
	.board_wrap {padding: 50px 0 80px !important;}
	.o_snb ul {flex-wrap: wrap;}
	.o_snb ul li {width: 50%;}
}


/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #000;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #adcce6;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #000;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	.add_pop_con p{font-size: 12px;}
}




/*common*/

.mt_55 {margin-top:55px;}


/*contact_01*/

.contact_seciton {background:#fafafa; padding-top:130px;}
.contact_map_box {height:540px;}
.contact_map {height:100%; height:100%;}
.contact_map_box .root_daum_roughmap .wrap_map {height:100%;}
.contact_map .wrap_controllers {display:none;}
.cont_info {display:flex;}
.cont_info li {width:33.33%; text-align:center; padding:56px 0 ; box-sizing:border-box; position:relative;}
.cont_info li:last-child:after {display:none;}
.cont_info li:after {content:''; width:2px; height:158px; background:#e6e6e6; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.cont_info li h4 {margin-top:24px;}
.cont_info li p {line-height:1.5em; margin-top:12px;}


@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1080px){
.contact_map_box {height:350px;}
.contact_seciton {padding-top:80px;}
.cont_info {flex-wrap:wrap;}
.cont_info li {padding:25px 0; width:100%;}
.cont_info li:after {display:none;}
.mt_55 {margin-top:30px;}
}

@media screen and (max-width: 720px){
.contact_map_box {height:300px;}
.contact_seciton {padding-top:50px;}
.mt_55 {margin-top:20px;}

}

/*contact_02*/


.contact_02 .b_txt {justify-content:center; width:100%;}
.contact_02 .b_txt span{color:rgba(220, 220, 220, 0.2); font-size:13.75rem;}
.c_inquiry_box {max-width:752px; width:92%; margin:0 auto;}
.c_form_box label {display:block; margin-bottom:10px;}
.c_form_box label i{position:relative;}
.c_form_box label i:after {content:''; position:absolute; right:-10px; top:-5px; width:6px; height:6px; border-radius:50%; background:#4731d4;}
.j_form_input {border:1px solid #e0e0e0; border-radius:10px; width:100%; padding:18px 16px;}
.j_form_input::placeholder {font-size:1.065rem; font-weight:500; color:#999999;}
.j_form_textarea {width:100%; resize:none; border:1px solid #e0e0e0; border-radius:10px; padding:18px 16px; box-sizing:border-box;}
.j_form_textarea::placeholder {font-size:1.065rem; font-weight:500; color:#999999;}
.agree_box {text-align:center; margin-top:20px;}
.agree_box .form_chkbox {display: none;position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0;outline: 0; z-index: -1; overflow: hidden;}
.form_chkbox + label span {width:22px; height:22px; border-radius:50%; border:1px solid #4731d4; display:block; cursor:pointer;}
.agree_box input[type="checkbox"]:checked  + label span {background:url('/img/icon/c_chk.png') no-repeat 50% 50%;}
.agree_box label {    display: flex; align-items: center; justify-content: center;}
.agree_box label b {font-size:1.063rem; font-weight:500; color:#777; margin-left:5px; cursor:pointer;}
.agree_box label a {display:block; color:#555; font-size:1.063rem; font-weight:500; margin-left:5px;}
.j_btn_wrap {margin-top:40px;}
.j_form_btn {width:180px; height:50px; line-height:50px; font-size:1.25rem; border:1px solid #4731d4; font-weight:700; border-radius:25px; color:#4731d4; margin:0 auto; display:block;}



@media screen and (max-width: 720px){
	.contact_02 .b_txt span {font-size: 3.05rem; top:50%; bottom:auto;}
	.contact_02 .b_txt {height: 10.263rem;}
	.j_btn_wrap {margin-top:20px;}
	.j_form_btn {width:120px;}
}



/*상담 문의 게시판 css*/

.board_wrap {padding:130px 0;}




/*RECRUIT*/
.recruit_01.sub_pd_top {padding-bottom:130px;}
.recruit_02.sub_pd_down {padding-bottom:130px;}
.re_li_bg {background:#faf9ff;}
.recruit_list_wrap {max-width:1227px; width:100%; margin:0 auto;}
.recruit_list {display:flex; flex-wrap:wrap;}
.recruit_list li {width:calc((100% - 50px*3)/4); margin-right:50px; text-align:center; padding:73px 15px; border-radius:30px;     box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);}
.recruit_list li:nth-of-type(n + 5) {margin-top:50px;}
.recruit_list li:nth-of-type(4n) {margin-right:0;}
.recruit_list li h4 {margin-top:38px;}
.recruit_list li p {margin-top:10px;}
.recruit_btn {width:205px; height:57px; line-height:57px; text-align:center; background:#4731d4; border-radius:28.5px; color:#fff; margin:94px auto 0 auto; display:block; }



/*추가 수정*/
.recruit_01 .recruit_list { align-items: center;}
.recruit_01 .recruit_list li h4 {margin-top:0;}
.recruit_01 .recruit_list li {width:calc((100% - 50px)/2); margin-right:50px;}
.recruit_01 .recruit_list li:nth-of-type(2n) {margin-right:0;}
.recruit_01 .recruit_list li:nth-of-type(n + 3) {margin-top:50px;}



@media screen and (max-width: 1280px){

.recruit_list li {width:calc((100% - 30px*3)/4); margin-right:30px;}
.recruit_list li:nth-of-type(n + 5) {margin-top:30px;}

}


@media screen and (max-width: 1080px){
.recruit_list li {width:calc((100% - 20px*3)/4); margin-right:20px;}
.recruit_list li:nth-of-type(n + 5) {margin-top:20px;}
.recruit_list li {padding:50px 0;}
.recruit_list li h4 {margin-top:28px;}
.recruit_01.sub_pd_top {padding-bottom:80px;}
}

@media screen and (max-width: 720px){
.recruit_list {justify-content:center;}
.recruit_list li {width:calc((100% - 20px)/2); margin-right:20px; padding:20px 0;}
.recruit_list li .be_icon img {width:50%;}
.recruit_list li h4 {margin-top:20px;}
.recruit_list li:nth-of-type(2n) {margin-right:0;}
.recruit_list li:nth-of-type(n + 3) {margin-top:20px;}
.recruit_btn {margin-top:45px; width:150px;}
.recruit_01.sub_pd_top {padding-bottom:40px;}

.recruit_01 .recruit_list_wrap {margin-top:40px;}
.recruit_01 .recruit_list li {width:100%;  margin-right:0;}
.recruit_01 .recruit_list li:nth-of-type(n + 2) {margin-top:20px;}
}

/*해외 마케팅 및 해외 무역*/
.p03_br {}
.p0305_content {background:#fbfbfb;}
.p0305_content.sub_pd_top  {padding-bottom:190px;}
.p0305_list {display:flex; flex-wrap:wrap; max-width: 1137px; margin: 0 auto;}
.p0305_list li{width:calc((100% - 32px*2)/3); margin-right:32px;}
.p0305_list li:nth-of-type(3n) {margin-right:0;}
.p0305_list li:nth-of-type(n + 4) {margin-top:30px;}
.p0305_list li:nth-of-type(4) {margin-left:200px;} 
.p0305_sub_txt_en { max-width: 1085px; margin: 55px auto 0 auto !important;}
.p0305_sub_txt {margin:55px 0; line-height:1.6em; word-break:keep-all;}
.p0305_list li figure img {width:100%;}
.p0305_list li figure { box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); border-radius:15px; overflow: hidden;}


/* .p03_bot_line {margin-top:30px;}
.p03_bot_line .p0305_list {max-width:750px; width:100%;}

.p03_bot_line .p0305_list li {width:calc((100% - 32px)/2); margin-right:32px;}
.p03_bot_line .p0305_list li:nth-of-type(2n) {margin-right:0;} */
@media screen and (max-width: 1480px){
.p03_br {display:none;}
}

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1080px){
.p0305_list li:nth-of-type(4) {margin-left:0px;} 
.p0305_list li{width:calc((100% - 32px)/2); margin-right:32px;}
.p0305_list li:nth-of-type(2n) {margin-right:0;}
.p0305_list li:nth-of-type(3n) {margin-right:32px;}
.p0305_list li:nth-of-type(n + 3) {margin-top:30px;}
.p0305_list {justify-content: unset;;}
.p0305_content.sub_pd_top {padding-bottom:80px;}
.p0305_sub_txt {margin:30px 0;}
}

@media screen and (max-width: 720px){
.p0305_content.sub_pd_top {padding-bottom:60px;}
.p0305_list li{width:calc((100% - 20px)/2); margin-right:20px;}
.p0305_list li:nth-of-type(2n) {margin-right:0;}
.p0305_list li:nth-of-type(3n) {margin-right:20px;}
.p0305_list li:nth-of-type(n + 3) {margin-top:30px;}
.p0305_sub_txt {font-size:13px;}
.p0305_sub_txt {margin:20px 0;}
}