@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
*
{font-family:'Noto Sans Kr'}

/** nav STR **/
#wraper #header
{background:transparent; border-bottom:1px solid; border-color:rgba(255,255,255,.5)}
#wraper #header nav
{max-width:1300px;}

#wraper #header nav #logo a div
{background:url('logo.png'); width:289px; height:42px; margin-top:20px;}
#wraper #header nav #logo_on a
{display : block; position:relative; width:289px;height:90px;}
#wraper #header nav #logo_on a div
{background:url('logo_on.png'); width:289px; height:42px; margin-top:20px; position:absolute; top:0px; left:57px;}

/* ENGLISH */
#wraper #header.english nav #logo a div
{background:url('logo_en.png'); width:363px; height:42px;}
#wraper #header.english nav #logo_on a div
{background:url('logo_on_en.png'); width:363px; height:42px;}

#wraper #header nav .pc_menu_wrap
{left:420px; right:unset; width:60%;}
#wraper #header nav .pc_menu_wrap ul li.m01,
#wraper #header nav .pc_menu_wrap ul li.m02,
#wraper #header nav .pc_menu_wrap ul li.m03,
#wraper #header nav .pc_menu_wrap ul li.m04
{width:25%;}
#wraper #header nav .pc_menu_wrap ul li a
{color:white; font-size:19px; font-weight:400;}
#wraper #header nav .pc_menu_wrap ul li a:hover
{color:white;}
#wraper #header nav .pc_menu_wrap ul li ul li a:hover
{background:#2e54ab;}

#wraper #header .lan
{position:absolute; top:40px; right:-40px;}
#wraper #header .lan ul li
{display : inline-block; padding:0px 5px;}
#wraper #header .lan ul li a
{color:#fff; text-transform:uppercase; font-weight:300; font-size:16px;}
#wraper #header .lan ul li a.on
{font-weight:bolder;}
#wraper #header.fixed .lan ul li a
{color:#333;}


#wraper #header.fixed
{background:white; height:90px;}
#wraper #header.fixed nav #logo
{display : none;}
#wraper #header.fixed nav #logo_on
{display : inline-block !important;}
#wraper #header.fixed nav .pc_menu_wrap ul li a
{color:#333;}
/** nav END **/

/** slide STR **/
#mainContainer
{padding:0px !important;}
#mainContainer #mainVisual
{height:872px;}
#mainContainer .main-visual-item .main-visual-txt-con
{top:65%;}
/* 영문 */
#mainContainer.eng .main-visual-item .main-visual-txt-con
{top:57%; left:19%;}
/* 영문 */
#mainContainer .main-visual-item .main-visual-txt-con .main-visual-txt-inner
{text-align:center; display : inline-block;}
#mainContainer .main-visual-item .main-visual-txt-con .main-visual-txt-inner .main-visual-txt1
{font-size:68px; text-shadow:none; font-weight:300;}
#mainContainer .main-visual-item .main-visual-txt-con .main-visual-txt-inner .main-visual-txt3
{font-size:40px; text-shadow:none; font-weight:200;}

#mainContainer #mainVisual .slick-dots
{width:100%; right:0px; bottom:20px; top : auto; margin-top:0px;}
#mainContainer #mainVisual .slick-dots li
{margin:0px 6px; display : inline-block;}
#mainContainer #mainVisual .slick-dots li button
{border:2px solid white; background : transparent; width:13px; height:13px;}
#mainContainer #mainVisual .slick-dots li.slick-active button
{background:white; border:2px solid white;}
/** slide END **/

/** business(section01) STR **/
#businesswraper #banner
{max-width:1270px;}
#businesswraper
{padding:100px 0px;}
#businesswraper #banner #bsb1
{width:31%; max-width:100%; margin-top:0px;}
#businesswraper #banner #bsb1 #bsbwrap1
{margin-left:0px; width:100%;}
#businesswraper #banner #bsb1 #bsbwrap1 h5
{color:#3c3c3c; font-size:32px; line-height:130%; font-weight:400;}
#businesswraper #banner #bsb1 #bsbwrap1 .txt01
{padding-bottom:0px; color:#6a6a6a; font-size:17px; font-weight:300;}
#businesswraper #banner #bsb1 #bsbwrap1 .sec01_arrow
{padding-top:0px;}


#businesswraper #banner #bsb2
{width:31%; float:left; max-width:100%; margin-top:0px; margin-left:40px;}
#businesswraper #banner #bsb2 #bsbwrap2
{margin-left:0px; width:100%;}
#businesswraper #banner #bsb2 #bsbwrap2 h5
{font-size:32px; color:#3c3c3c; font-weight:400; line-height:130%;}
#businesswraper #banner #bsb2 #bsbwrap2 .txt01
{padding-bottom:0px; font-size:17px; color:#3c3c3c; font-weight:300;}
#businesswraper #banner #bsb2 #bsbwrap2 .sec01_arrow
{padding-bottom:0px;}

#businesswraper #banner #bsb3
{width:31%; float:left; max-width:100%; margin-top:0px; margin-left:40px;}
#businesswraper #banner #bsb3 #bsbwrap3
{margin-left:0px; width:100%; text-align:left;}
#businesswraper #banner #bsb3 #bsbwrap3 h5
{color:#3c3c3c; font-size:32px; line-height:130%; font-weight:400;}
#businesswraper #banner #bsb3 #bsbwrap3 .txt01
{padding-bottom:0px; color:#6a6a6a; font-size:17px; font-weight:300; padding-top:15px;}
#businesswraper #banner #bsb3 #bsbwrap3 .sec01_arrow
{padding-top:0px; padding-bottom:30px;}

#bsb3 .img
{width:100%}
/** business(section01) END **/


/** business(section02) STR **/
#businesswraper1
{background:url('sec02_bg.jpg') no-repeat center; height: auto; padding:85px 0px;}
#businesswraper1 #m_bs1 #m_bs1left .txt1
{margin:0px; line-height:130%; font-size:32px;}
#businesswraper1 #m_bs1 #m_bs1left .txt1 span
{font-weight:300;}
#businesswraper1 #m_bs1 #m_bs1left .txt2
{font-size:19px; font-weight:100;}
#businesswraper1 #m_bs1 #m_bs1left a
{color:white; display : inline-block; padding:10px 30px; font-size:15px; font-weight:300; bordeR:1px solid white; margin-top:25px; transition-duration:0.2s}
#businesswraper1 #m_bs1 #m_bs1left a:hover
{background:#031e65;border-color:#031e65;padding:10px 50px; }

/** business(section02) END **/

/** partner(section03) STR **/
.partner
{/*padding:28px 0px;*/ clear:both; /*background:#f8f8f8;*/}
.partner .container
{max-width:1200px; margin:0 auto; width:100%; display:none;}
.partner .container .partner_slide img
{display : inline-block; border:1px solid #efefef; margin-right:1px;}
/** partner(section03) END **/

/** footer STR **/
.footer
{padding:50px 0px; background-color:#3b3b3b;}
.footer:after
{clear:both; content:'';display:block;}
.footer .container
{max-width:1200px; margin:0 auto; width:100%;}

.footer .container .col-md-3
{float:left; width:20%;}
.footer .container .col-md-3 .f_logo
{background:url('f_logo.png');  width:109px;height:62px; display : inline-block; margin-top:25px;}

.footer .container .col-md-9
{width:80%;  float:right;}
.footer .container .col-md-9 ul li.txt01 span a
{font-size:15px ;color:#d3d3d3;}
.footer .container .col-md-9 ul li.txt01 span a:after
{content:'|'; padding:0px 10px; font-size:12px; top:-2px; position:relative; color:#989898;}
.footer .container .col-md-9 ul li.txt01 span:last-child a:after
{content:'';}
.footer .container .col-md-9 ul li.txt02 span
{font-size:15px; color:#929292}
.footer .container .col-md-9 ul li.txt02 span:after
{content:'/'; padding:0px 5px;}
.footer .container .col-md-9 ul li.txt02 span:last-child:after
{content:'';}
.footer .container .col-md-9 p.copy
{font-size:15px; color:#959494; margin-top:10px;}
/** footer END **/





/** policy **/
.textareapolicy
{width:100%; min-height:500px; font-size:13px; background:#eee; color:#666; padding:10px; border:none;}




/* 220729 추가 */
.content_wrap{
    margin-top: 20px;
}

.content_wrap h2{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 600;
}

.content_wrap ul{
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}

.content_wrap ul li{
    flex-basis: 40%;
    flex-grow: 1;
    text-align: center;
    font-size: 16px;
}



.content_wrap ul li img{
    background: #eaeaea;
    width: 80px;
    padding: 10px;
    border-radius: 50%;
}

.content_wrap ul li p{
    margin-top: 10px;
    word-break: keep-all;
}

.sub_tit_h2 {margin-bottom: 20px; word-break: keep-all;}

.s7_cont {}
.s7_cont h2 {font-size: 25px; font-weight: 600; color: #111; margin-bottom: 30px;}
.s7_cont ul {}
.s7_cont ul li {font-size: 16px; font-weight: 400; color: #555; line-height: 24px; word-break: keep-all; position: relative; padding-left: 25px; margin-bottom: 10px;}
.s7_cont ul li::before {position: absolute; content: ""; width: 7px; height: 7px; border: 4px solid #2e54ab; border-radius: 100%; top: 5px; left: 0;}
.s7_cont h3 {font-size: 19px; font-weight: 600; color: #222; text-align: right; margin-top: 50px;}

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

    #wraper #header nav .pc_menu_wrap
    {width:45%;}
    #wraper #header .lan
    {right:30px}

    #businesswraper #banner
    {max-width:100%; overflow:scroll;}
    #businesswraper #banner #bsb2,
    #businesswraper #banner #bsb3
    {margin-left:30px;}
    #businesswraper #banner #bsb3 #bsbwrap3 .txt01 br
    {display:none;}

    #businesswraper1 #m_bs1
    {padding:0px 20px;}
    #businesswraper1 #m_bs1 #m_bs1left .txt1
    {width:100%;}
    #businesswraper1 #m_bs1 #m_bs1left .txt2
    {margin:20px 0 0 0;}
}

@media screen and (max-width:992px){
    #wraper #header .lan
    {display:none;}
    #wraper #header nav.on .lan
    {display:inline-block; position:absolute; z-index:1111; top:22px; right:140px;}
    #wraper #header .lan ul li a
    {color:#333;}

}
@media screen and (max-width:920px){
    #businesswraper #banner #bsb1 #bsbwrap1 h5,
    #businesswraper #banner #bsb2 #bsbwrap2 h5,
    #businesswraper #banner #bsb3 #bsbwrap3 h5
    {font-size:26px;}

    .content_wrap ul li {padding: 0 15px;}
}
@media screen and (max-width:520px){
    #businesswraper #banner #bsb3 .img
    {float:left;width:100%;display:inline-block;}
}
@media screen and (max-width : 414px){


    #wraper #header
    {height:90px;}
    #wraper #header nav #logo a div
    {left:10px;}
    #wraper #header nav #logo_on a div
    {left:10px;}
    #wraper #header nav button.btn_nav.open
    {margin-top:25px;}
    #wraper #header nav #tel_but
    {display : none !important;}

    #mainContainer #mainVisual
    {height:300px !important;}
    #mainContainer .main-visual-item .main-visual-txt-con
    {left:0px; text-align:center; width:100%; top : 70%;}

    #mainContainer .main-visual-item .main-visual-txt-con .main-visual-txt-inner .main-visual-txt1
    {font-size:24px;}
    #mainContainer .main-visual-item .main-visual-txt-con .main-visual-txt-inner .main-visual-txt3
    {font-size:17px;}

    #mainContainer #mainVisual .slick-dots
    {left:0px;}

        /* 영문 */
        #mainContainer.eng .main-visual-item .main-visual-txt-con
        {left:0px; top : 65%;}
        #mainContainer.eng .main-visual-item .main-visual-txt-con .main-visual-txt-inner .main-visual-txt1
        {line-height:120%;}
        /* 영문 */


    #businesswraper #banner #bsb1
    {width:auto; padding:0px 24px;}
    #businesswraper #banner #bsb1 #bsbwrap1 h5
    {font-size:28px;}
    #businesswraper #banner #bsb2
    {width:auto; margin:90px 0px; padding:0px 24px;}
    #businesswraper #banner #bsb2 #bsbwrap2 h5
    {font-size:26px;}
    #businesswraper #banner #bsb3
    {width:auto; padding:0px 24px; margin:0px; float:none;clear:both;}
    #businesswraper #banner #bsb3 #bsbwrap3 h5
    {font-size:28px;}
    #businesswraper #banner #bsb3 .txt01 br
    {display : none;}

    #businesswraper1 #m_bs1 #m_bs1left
    {padding:0px 20px; width:auto;}
    #businesswraper1 #m_bs1 #m_bs1left .txt1
    {font-size:24px;}
    #businesswraper1 #m_bs1 #m_bs1left .txt1 span br
    {display : none;}

    .partner
    {text-align:center;}

    .footer .container .col-md-3
    {width:100%; text-align:center;}
    .footer .container .col-md-3 .f_logo
    {margin:0px 0px 25px 0px;}
    .footer .container .col-md-9
    {width:auto; padding:0px 20px;}


    .sub-cont-wrap .login_box
    {padding: 30px 0px;}


    /** sub **/
    .sub_menu_wrap .m_home
    {display : none;}
    .sub_menu_wrap .m_dep_box
    {width:calc(56% - 26px);}
    /*
    .sub-cont-wrap .tb_st2
    {border:1px solid #2b52a7}
    */

    .textareapolicy
    {width:95%;}

    .sub_tit_h2 {font-size: 16px;}
    .content_wrap ul li {flex-basis: 100%;}
    .s7_cont h2 {text-align: center; font-size: 22px;}
    .s7_cont ul li {font-size: 15px;}
    .s7_cont ul li::before {border: 3px solid #2e54ab; top: 6px;}
    .s7_cont h3 {font-size: 17px; text-align: center; margin-top: 30px;}
}