@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');


@font-face {
    font-family: 'notokr-thin';
    src: url('../fonts/NotoKR-Thin/notokr-thin.eot');
    src: url('../fonts/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Thin/notokr-thin.woff2') format('woff2'),
         url('../fonts/NotoKR-Thin/notokr-thin.woff') format('woff'),
         url('../fonts/NotoKR-Thin/notokr-thin.ttf') format('truetype'),
         url('../fonts/NotoKR-Thin/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('../fonts/NotoKR-Regular/notokr-regular.eot');
    src: url('../fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
         url('../fonts/NotoKR-Regular/notokr-regular.woff') format('woff'),
         url('../fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
         url('../fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-medium';
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
         url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-light';
    src: url('../fonts/NotoKR-Light/notokr-light.eot');
    src: url('../fonts/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Light/notokr-light.woff2') format('woff2'),
         url('../fonts/NotoKR-Light/notokr-light.woff') format('woff'),
         url('../fonts/NotoKR-Light/notokr-light.ttf') format('truetype'),
         url('../fonts/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'notokr-demilight';
    src: url('../fonts/NotoKR-DemiLight/notokr-demilight.eot');
    src: url('../fonts/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.woff') format('woff'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'),
         url('../fonts/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'notokr-bold';
    src: url('../fonts/NotoKR-Bold/notokr-bold.eot');
    src: url('../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
         url('../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
         url('../fonts/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'notokr-black';
    src: url('../fonts/NotoKR-Black/notokr-black.eot');
    src: url('../fonts/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoKR-Black/notokr-black.woff2') format('woff2'),
         url('../fonts/NotoKR-Black/notokr-black.woff') format('woff'),
         url('../fonts/NotoKR-Black/notokr-black.ttf') format('truetype'),
         url('../fonts/NotoKR-Black/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}



.nt-t
{font-family:'notokr-thin';}
.nt-l
{font-family:'notokr-light';}
.nt-dl
{font-family:'notokr-demilight';}
.nt-r
{font-family:'notokr-regular';}
.nt-m
{font-family:'notokr-medium';}
.nt-b
{font-family:'notokr-bold';}
.nt-bl
{font-family:'notokr-black';}


*
{font-family:'notokr-regular', 'Lato'; }
h1,h2,h3,h4,h5,h6,b,strong
{line-height:130%; font-family:'notokr-medium'; font-weight:normal;}
.container
{max-width:1320px; margin:0 auto; padding:0px; width:100%;}
.main-sec-tit
{text-align:center; margin:0 0 40px;}
.main-sec-tit h2
{font-family:'Lato'; color:#313131; font-size:46px; font-weight:600;}
.main-sec-tit p
{font-family:'notokr-regular'; font-size:17px; color:#5b5b5b;}




/* NAV */
#wraper #header
{top:0px; height:85px;}
#wraper #header nav
{max-width:1320px;}
#wraper #header nav:after
{content:''; display:block; clear:both;}
#wraper #header nav h1
{float:left;}
#wraper #header nav #logo a
{height:85px;}
#wraper #header nav #logo a img
{left:0px; width:288px; height:48px; top:17px; margin:0px;}
#wraper #header nav .pc_menu_wrap
{padding:0px; position:relative; left:0px; width:75%; float:right; 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
{line-height:85px; font-weight:normal; font-family:'notokr-medium';}
#wraper #header nav .pc_menu_wrap ul li:hover ul
{max-height:500px !important;}
#wraper #header nav .pc_menu_wrap ul li ul li a
{line-height:39px;}
/* SCROLL DOWN */
#wraper #header.header_scroll nav .pc_menu_wrap ul li a
{line-height:85px;font-weight:normal; font-family:'notokr-medium';}


/* SLIDER */
#wraper .section
{padding-top:86px;}
#wraper .section .sequence-theme,
#wraper .section .sequence-theme .sequence
{height:700px !important;}
#wraper .section .sequence-theme .sequence .sequence-canvas li.animate-in
{transform:scale(1.1); transition-duration:5s;}
#wraper .section .sequence-theme .sequence .sequence-extra
{padding-top:14%;}
#wraper .section .sequence-theme .sequence .sequence-extra .sequence-content .sequence-slogan
{font-size:62px;}
#wraper .section .sequence-theme .sequence .sequence-extra .sequence-content .sequence-text
{font-size:22px; font-weight:400; margin:3% 0 0;}
#wraper .section .sequence-pagination
{bottom:5%;}



#section01 
{padding:100px 0 120px;}
#section01 .sec01-wrap:after
{clear:both; content:''; display:block;}
#section01 .sec01-wrap .sec01-img
{float:left; width:33%; position:relative; display:inline-block; text-align:center;padding:170px 0 130px 0;}
#section01 .sec01-wrap .sec01-img h4
{ font-size:26px; color:#fff;}
#section01 .sec01-wrap .sec01-img p
{padding:20px 0 30px; font-size:18px; color:#fff;}
#section01 .sec01-wrap .sec01-img span
{font-family:'notokr-light'; display:inline-block; padding:9px 50px 9px 30px; color:#fff; font-size:14px; border:1px solid #fff; background-image:url('../img/plus_btn.png'); background-repeat:no-repeat; background-position:109px 15px;}
#section01 .sec01-wrap .sec01-img:hover span
{background-color:#00449b; border-color:#00449b; transition-duration:.4s}

#section01 .sec01-wrap .sec01-img01
{background:url('../img/sec01-img01.jpg');}
#section01 .sec01-wrap .sec01-img02
{background:url('../img/sec01-img02.jpg');}
#section01 .sec01-wrap .sec01-img03
{background:url('../img/sec01-img03.jpg');}



#section02
{background:url('../img/sec02-bg.jpg') center; padding: 137px 0 110px; text-align:left;}
#section02 .sec02-txt
{max-width:1100px; margin:0 auto; width:100%;}
#section02 .sec02-txt h2
{display:inline-block; font-family:'Lato'; font-weight:600; color:#fff; font-size:46px; margin-right:70px; padding-right:70px; border-right:2px solid #fff;}
#section02 .sec02-txt p
{display:inline-block; font-size:19px; color:#fff;}
#section02 .sec02-txt a
{display:inline-block; border:1px solid #ddd; padding:14px 60px 14px 40px; color:#fff; font-size:15px; float:right; line-height:100%; background-image:url('../img/plus_btn.png'); background-repeat:no-repeat; background-position-x:170px; background-position-y:center; }
#section02 .sec02-txt a:hover
{background-color:#00449b; border-color:#00449b; transition-duration:0.1s}



#section03
{padding:100px 0;}
#section03 .sec03-wrap::after
{clear:both; content:''; display:block;}
#section03 .sec03-wrap .sec03-left
{float:left; width:48%;}
#section03 .sec03-wrap .sec03-right
{float:right; width:48%;}
#section03 .sec03-wrap .sec03-wrap-tit
{border-bottom:1px solid #ddd; position:relative;}
#section03 .sec03-wrap .sec03-wrap-tit h2
{display:inline-block; padding:0 10px 15px; border-bottom:2px solid #00449b; font-size:26px; color:#3b3b3b}
#section03 .sec03-wrap .sec03-wrap-tit a
{display:inline-block; position:absolute; right:0px; width:20px; height:20px; top:9px;}
#section03 .sec03-wrap .sec03-wrap-tit a .plus-col
{width:2px; height:20px;background:#00449b; position:relative; top:0px; display:inline-block; left:9px;}
#section03 .sec03-wrap .sec03-wrap-tit a .plus-row
{width:20px; height:2px; background:#00449b; position:absolute;top:9px; right:0px; display:inline-block;}
#section03 .sec03-wrap .sec03-wrap-tit a:hover
{transform:rotate(180deg); transition-duration:0.3s;}

#section03 .sec03-wrap .sec03-wrap-board
{margin-top:40px;}
#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td
{padding:0px !important;}
#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td > .board_output > tbody > tr
{display:none;; width:100%; margin: 0 0 10px;}
#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td > .board_output > tbody > tr.board_output_1_tr
{display:inline-block;}
#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td > .board_output > tbody > tr td:first-child
{display:inline-block;}
#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td > .board_output > tbody > tr td.bd_out1
{padding-left:15px; display:inline-block;}
#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td > .board_output > tbody > tr td.bd_out1 a
{font-family:'notokr-demilight'; font-size:16px; color:#828181;}
#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td > .board_output > tbody > tr td:nth-child(3)
{font-size:16px; color:#afafaf; display:inline-block; float:right;}



#section03 .sec03-wrap .sec03-wrap-board > .board_output > tbody > tr > td > .board_output > tbody > tr.board_output_6_tr
{display:inline-block;}

#foot
{padding:30px 0; background:#2c2c2c;}
#foot .container:after
{clear:both; content:''; display:block;}
#foot .f_logo
{background:url('../img/f_logo.png') no-repeat; float:left; margin-right:30px; width:256px; height:44px; margin-top:25px;}
#foot .f_txt
{float:left; width:50%;}
#foot .f_txt ul li.policy
{margin-bottom:15px;}
#foot .f_txt ul li.policy a
{font-size:14px; color:#b1b1b1}
#foot .f_txt ul li.policy a:after
{content:'·'; padding:0 5px;}
#foot .f_txt ul li.policy a:last-child:after
{content:'';}
#foot .f_txt ul li.policy a:hover
{color:#fff;}
#foot .f_txt ul li span
{font-size:15px; color:#bbbbbb; padding-right:10px; position:relative;}
#foot .f_txt ul li.copy
{margin-top:15px;}
#foot .f_txt ul li.copy span
{font-size:14px; color:#807d7d}
#foot .f_txt ul li span.mail strong
{border-bottom:1px solid #bbb; font-weight:normal;}
#foot .f_txt ul li span.mail:after
{content:'(우편물배송처)'; position:absolute; left:-5px; width:100%; top:21px; font-size:13px;}

#foot .f_family
{float:right; padding:20px; background:#00449b; }
#foot .f_family .f_family_fac
{background:url('../img/f_family.jpg'); width:219px; height:49px;}
#foot .f_family a
{border:1px solid #fff; color:#fff; padding:7px 43px 7px 31px; font-size:15px; display:inline-block; margin:10px 0 0; background-image:url('../img/plus_btn.png'); background-repeat:no-repeat; background-position:185px center; line-height:100%;}
#foot .f_family a:hover
{color:#d6d6d6; border-color:#d6d6d6;}





/* SUB */
.s_visual
{padding-top:0px;}
.sub-cont-wrap
{height:auto;}
.sub-cont-wrap:after
{content:''; display:block; clear:both;}
.sub-cont-wrap .body-wrap
{margin-bottom:50px;}

#s_navi #sub_menu > li a
{font-size:15px;}
#s_navi #sub_menu > li a:hover
{background:#ececec; color:#333;}
#page01 #s_navi #sub_menu a.menu1, 
#page02 #s_navi #sub_menu a.menu2, 
#page03 #s_navi #sub_menu a.menu3, 
#page04 #s_navi #sub_menu a.menu4,
#page05 #s_navi #sub_menu a.menu5, 
#page06 #s_navi #sub_menu a.menu6, 
#page07 #s_navi #sub_menu a.menu7, 
#page08 #s_navi #sub_menu a.menu8, 
#page09 #s_navi #sub_menu a.menu9, 
#page10 #s_navi #sub_menu a.menu10, 
#page11 #s_navi #sub_menu a.menu11
{color:#fff; background:#02387e; font-family:'notokr-medium'}


/** CEO 인사말 **/
.company .ceo-greeting .greeting-top:after
{content:''; clear:both; display:block;}
.company .ceo-greeting .greeting-top .ceo-left
{float:left;}
.company .ceo-greeting .greeting-top .ceo-right
{float:right; width:70%;}
.company .ceo-greeting .greeting-top .ceo-right h2
{font-size:21px; border-bottom:1px dotted #ddd; padding:0 0 20px; color:#333;}
.company .ceo-greeting .greeting-top .ceo-right p
{padding:20px 0px; font-size:16px; color:#666; line-height:180%;}
.company .ceo-greeting .greeting-top .ceo-right p b
{color:#01449b; font-weight:bold;}
.company .ceo-greeting .ceo-img 
{margin:30px 0 10px;}
.company .ceo-greeting .ceo-img img
{width:100%;}
.company .ceo-greeting .ceo-txt
{display:inline-block; width:100%;}
.company .ceo-greeting .ceo-txt p
{ font-size:16px; color:#666; line-height:180%;}
.company .ceo-greeting .ceo-txt p b
{color:#01449b; font-weight:bold;}

/** 경영이념 **/
.company .management h2
{text-align:center; color:#333; font-size:24px; margin: 0 0 40px;}
.company .management img
{width:100%;}


/** 회사연혁 **/
.company .history table
{width:100%; border:1px solid #ddd;}
.company .history table tr th
{font-family:'notokr-medium'; background:#00449b; color:#fff; font-size:14px; padding:10px 0; border-right:1px solid #325d97}
.company .history table tr td
{padding:10px 0px; font-size:16px; color:#333;border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}


/** 회사 조직도 **/
.organ img
{width:100%;}

/** CI **/
.ci img
{width:100%;}

/** 약도 및 연락처 **/
.location
{margin:0 0 100px}
.location h2
{font-size:24px; color:#333; margin: 0 0 30px;}
.location h2 strong
{font-size:16px;}
.location .location-txt
{padding:20px 0px;}
.location .location-txt table
{width:100%;border:1px solid #ddd;}
.location .location-txt table tr th
{font-size:16px;color:#fff; background:#00449b; padding:15px 10px; text-align:center; border-bottom:1px solid #0f4d9f}
.location .location-txt table tr td
{font-size:16px; color:#666; border-bottom:1px solid #ddd; padding:0 10px;}



/** 사업부문 **/
.business table
{width:100%; border:1px solid #ddd;}
.business table tr th
{font-family:'notokr-medium'; background:#00449b; color:#fff; font-size:14px; padding:10px 0; border-right:1px solid #325d97}
.business table tr td
{padding:10px 0px; font-size:16px; color:#333;border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}




/** 게시판 공통 **/
#container_list #cafe_blt_titleWrap .titleWrap_group1,
#container_list #cafe_blt_titleWrap .titleWrap_group2,
#container_list #cafe_blt_titleWrap .titleWrap_group3
{font-family:'notokr-regular';}

#container_list .general_item_table .item_group1,
#container_list .general_item_table .item_group2,
#container_list .general_item_table .item_group2 span,
#container_list .general_item_table .item_group3
{font-family:'notokr-regular'; font-size:14px; color:#333;}

/** 사업부문 게시판 **/
.business-board  #container_list .general_item_table > tbody > tr:hover {
    background:#fff;
    cursor:default !important
}
.business-board #container_list #cafe_blt_titleWrap .titleWrap_group1 {
    min-width:130px;
    cursor:normal;

}
.business-board #container_list .general_item_table .item_group1 {
    min-width:130px;
    word-break:keep-all;
    cursor:normal;
    background:#fff;
}
.business-boar #container_list .general_item_table .item_group2 span {
    cursor:default !important
}
/** 회사연혁 게시판 **/
.history-board #container_list .general_item_table > tbody > tr:hover {
    background:#fff;
    cursor:default !important
}
.history-board #container_list #cafe_blt_titleWrap .titleWrap_group1{
    min-width:80px;
    cursor:default !important
}
.history-board #container_list .general_item_table .item_group1 {
    min-width:80px;
    
}
.history-board #container_list #cafe_blt_titleWrap .titleWrap_group2,
.history-board #container_list .general_item_table .item_group2 {
    width:100px
}
.history-board #container_list #cafe_blt_titleWrap .titleWrap_group3, 
.history-board #container_list .general_item_table .item_group3 {
    width:auto;
}
.history-board #container_list .general_item_table .item_group3 span {
    cursor:default !important
}
@media screen and (max-width:460px){
    .history-board #container_list #cafe_blt_titleWrap .titleWrap_group3,
    .history-board #container_list .general_item_table .item_group3 {
        display:block
    }
}
/** 수상현황 **/
#container_list .gallery_item_table .item_cell_media img
{height:270px !important; border:1px solid #eee;}


/* POLICY */
.personal h3
{font-size:25px; font-family:'notokr-medium'; color:#000; line-height:130%; margin:20px 0;}
.personal p
{font-family:'notokr-regular'; font-size:15px; color:#666; line-height:180%; margin-bottom:20px;}
.personal p strong
{font-family:'notokr-medium'; font-weight:normal; color:#333; font-size:18px;}
.use p
{white-space:pre-line;}





@media screen and (max-width:414px){
    #wraper #header nav .btn_nav.open
    {top:10px;}

    #wraper .section .sequence-theme, #wraper .section .sequence-theme .sequence
    {height:260px !important;}

    #wraper .section .sequence-theme .sequence .sequence-extra
    {padding:16% 20px 0; width:auto !important;}
    #wraper .section .sequence-theme .sequence .sequence-extra .sequence-content .sequence-slogan
    {font-size:26px;}
    #wraper .section .sequence-theme .sequence .sequence-extra .sequence-content .sequence-text
    {font-size:18px;}

    .touch .sequence-theme .sequence-prev,
    .touch .sequence-theme .sequence-next
    {display:none !important;}
    #wraper .sequence-pagination .page
    {display:inline-block;}

    .main-sec-tit h2
    {font-size:36px;}
    .main-sec-tit p
    {font-size:16px;}

    #section01 .sec01-wrap .sec01-img
    {width:100%; padding:170px 0 130px 0;}

    #section02
    {padding:80px 10px 80px;}
    #section02 .sec02-txt h2
    {font-size:28px; border:none; padding:0; margin:0;}
    #section02 .sec02-txt p
    {font-size:16px; margin:10px 0;}
    #section02 .sec02-txt p br
    {display:none;}
    #section02 .sec02-txt a
    {float:none; margin:15px 0 0;}

    #section03
    {padding:100px 10px;}
    #section03 .sec03-wrap .sec03-left
    {width:100%; margin-bottom:30px;}
    #section03 .sec03-wrap .sec03-right
    {width:100%;}

    #foot
    {padding:30px 10px;}
    #foot .f_logo
    {float:none;}

    #foot .f_txt
    {float:none; width:100%; margin:30px 0 0;}
    #foot .f_txt ul li.policy a
    {font-size:16px;}
    #foot .f_txt ul li span
    {font-size:16px;}
    #foot .f_txt ul li.copy span
    {font-size:15px;}
    #foot .f_txt ul li span.mail
    {margin-bottom:20px; display:block;}

    #foot .f_family
    {float:none; width:auto; text-align:center; margin: 30px 0 0;}
    #foot .f_family .f_family_fac
    {display:inline-block;}


    /* SUB */
    .title-wrap .cont-title
    {font-weight:normal;}
    #sub_content_wrap .sub_menu_wrap .m_dep_box .m_dep_tit span
    {font-weight:normal; font-family:'notokr-medium';}
    #sub_content_wrap .sub_menu_wrap .m_dep_box li a
    {font-weight:normal;}
    #wraper #header nav .menu_wrap ul li a
    {font-weight:normal; font-family:'notokr-medium';}

    .company .ceo-greeting .greeting-top .ceo-left
    {float:none;}
    .company .ceo-greeting .greeting-top .ceo-right
    {width:100%;}
    .company .ceo-greeting .greeting-top .ceo-right h2
    {font-size:18px;}

    .company .management h2
    {font-size:17px;}

    .company .history table tr td
    {padding:10px;}

    .location .location-txt table tr th
    {width:25%;}


    .business table tr td
    {font-size:14px; padding:10px 5px;}

    /* LOGIN */
    .member .login_box
    {padding:10px 0;}
    .member .login_box .box
    {padding:0; display:inline-block;}


}