@charset "utf-8";

@font-face {
    font-family: 'notokr-regular';
    src: url('webfont/notokr-regular.eot');
    src: url('webfont/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-regular.woff2') format('woff2'),
         url('webfont/notokr-regular.woff') format('woff'),
         url('webfont/notokr-regular.ttf') format('truetype'),
         url('webfont/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-bold';
    src: url('webfont/notokr-bold.eot');
    src: url('webfont/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-bold.woff2') format('woff2'),
         url('webfont/notokr-bold.woff') format('woff'),
         url('webfont/notokr-bold.ttf') format('truetype'),
         url('webfont/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('webfont/notokr-medium.eot');
    src: url('webfont/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-medium.woff2') format('woff2'),
         url('webfont/notokr-medium.woff') format('woff'),
         url('webfont/notokr-medium.ttf') format('truetype'),
         url('webfont/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* LAYOUT */
#wrap { -webkit-overflow-scrolling : touch; }
#header { background-color: #fff; }
#container { }
#footer { position: relative; margin-top: 10px; background-color: #fff; border-top: 5px solid #e1e1e1; }


/* HEADER */
#header > .head { height: 85px; }
#header > .head .area { position: relative; width: 994px; margin: 0 auto; }
#header > .head .area h1 { margin: 0; padding: 24px 0 0 9px; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header > .head .area .lnb { position: absolute; right: 10px; top: 37px; }
#header > .head .area .lnb ul { margin: 0; padding: 0; }
#header > .head .area .lnb li { position: relative; list-style: none; float: left; padding-left: 13px; margin-right: 12px; }
#header > .head .area .lnb li:after { content:""; position: absolute; width: 1px; height: 10px; left: 0; top: 2px; background-color: #cccccc; }
#header > .head .area .lnb li:first-child:after { display: none; }
#header > .head .area .lnb a,
#header > .head .area .lnb a:hover { font-family: 'notokr-medium'; font-weight: normal; font-size: 12px; line-height: 12px; color: #414141; letter-spacing: -0.5px; }
#header > .head .area .lnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* 모바일 메뉴 */
#header > .head .area .gnb_btn { position: absolute; width: 30px; right: 15px; top: 36px; cursor: pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .head .area .gnb_btn img { width: 100%; }

#header > .head .area .gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999; display:none; }
#header > .head .area .gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#20aae3; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999; }
#header > .head .area .gnb_m .head { height:55px; background-color:#fff; }
#header > .head .area .gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
#header > .head .area .gnb_m .head .gnb_btn_close img { width:100%; }

#header > .head .area .gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; }
#header > .head .area .gnb_m .list ul { margin:0; padding:0; }
#header > .head .area .gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #3db5e7; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .head .area .gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; font-size:11px; line-height:42px; font-weight:500; letter-spacing:1px; }
#header > .head .area .gnb_m .list .list_blet { position:absolute; width:8px; height:12px; right:14px; top:15px; background-image:url(../images/inc/m_blet.png); background-repeat:no-repeat; background-size:contain; }

#header > .head .area .gnb_m .list li.select { background-color:#080d16; }
#header > .head .area .gnb_m .list li.select .list_title { color:#20aae3; }
#header > .head .area .gnb_m .list li.select .list_title span { color:#20aae3; }
#header > .head .area .gnb_m .list li.select .list_blet { background-image:url(../images/inc/m_blet_ov.png); }

#header > .head .area .gnb_m .list .sub_list { background-color:#63c4eb; display:none; }
#header > .head .area .gnb_m .list .sub_list ul { margin:0; padding:0; }
#header > .head .area .gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #75cbed; border-bottom:none; font-family:'Noto Sans KR'; color:#080d16; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
#header > .head .area .gnb_m .list:after { content:""; clear:both; display:block; }


#header > .gnb { height: 80px; background-color: #f2f2f2; -webkit-box-show:inset 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.1); }
#header > .gnb .inner { width: 994px; margin: 0 auto; }
#header > .gnb .inner ul { margin: 0; padding: 32px 0 0; font-size: 0; text-align: center; }
#header > .gnb .inner li { display: inline-block; position: relative; list-style: none; padding-left: 35px; margin-right: 35px; }
#header > .gnb .inner li:after { content:""; position: absolute; width: 1px; height: 10px; left: 0; top: 4px; background-color: #cccccc; }
#header > .gnb .inner li:first-child:after { display: none; }
#header > .gnb .inner li:last-child:after { margin-right: 0; }
#header > .gnb .inner a { font-family: 'notokr-medium'; font-weight: normal; font-size: 18px; line-height: 18px; color: #333333; letter-spacing: -1px; }
#header > .gnb .inner a:hover { font-family: 'notokr-medium'; font-weight: normal; color: #0164a5; }
#header > .gnb .inner:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* CONTAINER */
#container > .head { position: relative; width: 994px; margin: 0 auto; }
#container > .head .slide { width: 762px; }
#container > .head .slide ul { margin: 0; padding: 0; }
#container > .head .slide li { list-style: none; line-height: 0; }

#container > .head .business { position: absolute; width: 225px; right: 7px; top: 25px; border: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color: #e9e9e9; }
#container > .head .business .title { font-family: 'notokr-medium'; font-weight: normal; font-size: 19px; line-height: 54px; color: #232323; letter-spacing: -0.5px; text-align: center; }
#container > .head .business .list { padding-bottom: 10px; background-color: #fff; }
#container > .head .business .list ul { margin: 0; padding: 0; }
#container > .head .business .list li { position: relative; list-style: none; border-top: 1px solid #cdcdcd; }
#container > .head .business .list li:after { content: ""; position: absolute; width: 8px; height: 2px; right: 13px; top: 50%; margin-top: -1px; background-color: #828282; }
#container > .head .business .list li:before { content: ""; position: absolute; width: 2px; height: 8px; right: 16px; top: 50%; margin-top: -4px; background-color: #828282; }
#container > .head .business .list a { padding: 11px 14px; display: block; font-family: 'notokr-medium'; font-weight: normal; font-size: 14.5px; line-height: 16px; color: #767676; letter-spacing: -0.5px; }
#container > .head .business .list a:hover { font-family: 'notokr-medium'; font-weight: normal; font-size: 14.5px; line-height: 16px; color: #0164a5; }
#container > .head .business .line { height: 4px; background-color: #1571b0; -webkit-border-bottom-right-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-bottom-left-radius:6px; border-bottom-left-radius:6px; }


#container > .board { background-color: #fcfcfc; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
#container > .board .area { width: 994px; margin: 0 auto; padding: 30px 0; font-size: 0; }
#container > .board .area .inner { display: inline-block; width: 497px; padding: 0 27px; border-right: 1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .board .area .inner.v1 { border-right: none; }
#container > .board .area .inner .title { position: relative; font-family: 'notokr-medium'; font-weight: normal; font-size: 21px; line-height: 21px; color: #151515; letter-spacing: -1px; }
#container > .board .area .inner .title .more { position: absolute; width: 18px; height: 18px; right: 0; top: 2px; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .board .area .inner .title .more:after { content: ""; position: absolute; width: 8px; height: 2px; right: 4px; top: 50%; margin-top: -1px; background-color: #828282; }
#container > .board .area .inner .title .more:before { content: ""; position: absolute; width: 2px; height: 8px; right: 7px; top: 50%; margin-top: -4px; background-color: #828282; }

#container > .board .area .inner .list { margin: 17px 0 0; }
#container > .board .area .inner .list ul { margin: 0; padding: 0; }
#container > .board .area .inner .list li { position: relative; list-style: none; padding-left: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .board .area .inner .list a,
#container > .board .area .inner .list a:hover { display: block; font-family: Dotum; font-size: 12px; font-weight: normal; line-height: 22px; color: #333333; }
#container > .board .area .inner .list .date { position: absolute; right: 0; top: 0; font-family: Dotum; font-size: 12px; font-weight: normal; line-height: 22px; color: #777777; text-align: right; }
#container > .board .area .inner .list li:after { content: ""; position: absolute; width: 4px; height: 4px; left: 3px; top: 9px; background-color: #0072bc; }


#container > .side { position: relative; width: 994px; margin: 0 auto; padding: 30px 0; font-size: 0; }
#container > .side .notice { display: inline-block; vertical-align: middle; width: 376px; padding: 0 27px; border-right: 1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .side .notice .title { position: relative; font-family: 'notokr-medium'; font-weight: normal; font-size: 19px; line-height: 21px; color: #151515; letter-spacing: -1px; }
#container > .side .notice .title .more { position: absolute; width: 18px; height: 18px; right: 0; top: 2px; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .side .notice .title .more:after { content: ""; position: absolute; width: 8px; height: 2px; right: 4px; top: 50%; margin-top: -1px; background-color: #828282; }
#container > .side .notice .title .more:before { content: ""; position: absolute; width: 2px; height: 8px; right: 7px; top: 50%; margin-top: -4px; background-color: #828282; }

#container > .side .notice .list { margin: 10px 0 0; }
#container > .side .notice .list ul { margin: 0; padding: 0; }
#container > .side .notice .list li { position: relative; list-style: none; padding-left: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .side .notice .list a,
#container > .side .notice .list a:hover { display: block; font-family: Dotum; font-size: 12px; font-weight: normal; line-height: 22px; color: #333333; }
#container > .side .notice .list .date { position: absolute; right: 0; top: 0; font-family: Dotum; font-size: 12px; font-weight: normal; line-height: 22px; color: #777777; text-align: right; }
#container > .side .notice .list li:after { content: ""; position: absolute; width: 4px; height: 4px; left: 3px; top: 9px; background-color: #0072bc; }

#container > .side .customer { display: inline-block; vertical-align: middle; width: 303px; padding: 0; border-right: 1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; }
#container > .side .customer .thum { display: inline-block; vertical-align: middle; margin-left: 20px; line-height: 0; }
#container > .side .customer .info { display: inline-block; vertical-align: middle; width: 170px; }
#container > .side .customer .info p { margin: 10px 0 4px; font-family: 'notokr-medium'; font-weight: normal; font-size: 12px; line-height: 16px; color: #6c6c6c; letter-spacing: -1px; }
#container > .side .customer .info p i { display: block; }
#container > .side .customer .info span { display: inline-block; font-family: 'notokr-bold'; font-weight: normal; font-size: 13px; line-height: 17px; color: #0072bc; }
#container > .side .customer .info span.v1 { color: #4d4d4d; }
#container > .side .customer .info span.v2 { width: 54px; }
#container > .side .customer .info span.v3 { font-size: 14px; letter-spacing: -0.5px; }

#container > .side .banner { display: inline-block; width: 315px; vertical-align: middle; }
#container > .side .banner ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#container > .side .banner li { display: inline-block; list-style: none; margin: 0 10px; }
#container > .side .banner .thum { line-height: 0; text-align: center; }
#container > .side .banner .thum_info { font-family: 'notokr-bold'; font-weight: normal; font-size: 12px; line-height: 12px; color: #4d4d4d; letter-spacing: -1px; text-align: center; }


#footer .area { overflow: hidden; position: relative; width: 994px; margin: 0 auto; }
#footer .area .logo { position: absolute; left: 9px; top: 27px; line-height: 0; }
#footer .area .address { margin: 30px 0 35px 250px; }
#footer .area .address ul { margin: 0; padding: 0; }
#footer .area .address li { list-style: none; float: left; margin: 0 15px 0 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 11px; line-height: 16px; color: #727171; letter-spacing: -0.5px; }
#footer .area .address li a,
#footer .area .address li a:hover { font-family: 'notokr-medium'; font-weight: normal; font-size: 11px; line-height: 16px; color: #727171; letter-spacing: -0.5px; } 
#footer .area .address span { color: #0066a8; }
#footer .area .address:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* SUB CONTAINER */
#sub_container { width: 980px; margin: 25px auto 50px; font-size: 0; }

#sub_container > .side { display: inline-block; vertical-align: top; width: 18.8755%; }
#sub_container > .side .menu { border: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color: #e9e9e9; }
#sub_container > .side .menu .title { padding-left: 14px; font-family: 'notokr-medium'; font-weight: normal; font-size: 21px; line-height: 54px; color: #232323; letter-spacing: -0.5px; text-align: left; }
#sub_container > .side .menu .list { padding-bottom: 10px; background-color: #fff; }
#sub_container > .side .menu .list ul { margin: 0; padding: 0; }
#sub_container > .side .menu .list li { position: relative; list-style: none; border-top: 1px solid #cdcdcd; }
#sub_container > .side .menu .list li:after { content: ""; position: absolute; width: 8px; height: 2px; right: 13px; top: 50%; margin-top: -1px; background-color: #828282; }
#sub_container > .side .menu .list li:before { content: ""; position: absolute; width: 2px; height: 8px; right: 16px; top: 50%; margin-top: -4px; background-color: #828282; }
#sub_container > .side .menu .list a { padding: 11px 14px; display: block; font-family: 'notokr-medium'; font-weight: normal; font-size: 14.5px; line-height: 16px; color: #767676; letter-spacing: -0.5px; }
#sub_container > .side .menu .list a:hover { font-family: 'notokr-medium'; font-weight: normal; font-size: 14.5px; line-height: 16px; color: #0164a5; }
#sub_container > .side .menu .line { height: 4px; background-color: #1571b0; -webkit-border-bottom-right-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-bottom-left-radius:6px; border-bottom-left-radius:6px; }
#sub_container > .side .menu .list li.select { }
#sub_container > .side .menu .list li.select a,
#sub_container > .side .menu .list li.select a:hover { font-family: 'notokr-medium'; font-weight: normal; font-size: 14.5px; line-height: 16px; color: #0164a5; }
#sub_container > .side .menu .line { height: 4px; background-color: #1571b0; -webkit-border-bottom-right-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-bottom-left-radius:6px; border-bottom-left-radius:6px; }

#sub_container > .side .customer { margin-top: 12px; border: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ 
 -moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
}
#sub_container > .side .customer p { margin: 17px 12px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 12px; line-height: 16px; color: #6c6c6c; }
#sub_container > .side .customer p i { display: block; }
#sub_container > .side .customer span { display: block; margin: 5px 0 15px; font-family: 'notokr-bold'; font-weight: normal; font-size: 13px; line-height: 17px; color: #0072bc; }

#sub_container > .side .time { margin-top: 12px; border: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ 
 -moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
}

#sub_container > .side .time .time_title { margin: 17px 12px 0; font-family: 'notokr-bold'; font-weight: normal; font-size: 15px; line-height: 16px; color: #0072bc; }
#sub_container > .side .time p { margin: 10px 12px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 14px; line-height: 20px; color: #6c6c6c; }
#sub_container > .side .time p strong { margin: 0; font-family: 'notokr-bold'; font-weight: normal; font-size: 14px; line-height: 20px; color: #6c6c6c; }




#sub_container > .r_side { display: inline-block; vertical-align: top; width: 78.0645%; margin: 0 0 0 3.06%; }
#sub_container > .r_side > h2 { position: relative; margin: 0; padding: 0 0 4px 5px; background: url(../images/inc/title_bg.png) repeat-x left bottom; font-family: 'notokr-medium'; font-weight: normal; font-size: 23px; line-height: 56px; color: #2d2d2d; letter-spacing: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sub_container > .r_side > h2 .lnb { position: absolute; right: 8px; top: 26px; }
#sub_container > .r_side > h2 .lnb ul { margin: 0; padding: 0; }
#sub_container > .r_side > h2 .lnb li { list-style: none; float: left; font-family: gulim; font-size: 11px; line-height: 13px; color: #666666; }

#sub_container > .r_side > .content { position: relative; min-height: 450px; margin: 30px auto 0; }


/* 인사말 */
#message { margin: 0 18px; }
#message .grid { position: relative; width: 729px; height: 118px; border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; background: url(../images/about/message_bg.png) repeat left top; font-size: 0; text-align: center; }
#message .grid .thum01 { display: inline-block; vertical-align: middle; width: 224px; height: 44px; margin: 36px 37px 0 0; }
#message .grid .thum02 { display: inline-block; vertical-align: middle; width: 376px; height: 44px; margin: 36px 0 0 0; background-color: #fff; text-align: center; }
#message h3 { margin: 40px 0 0 15px; font-family: 'notokr-medium'; font-weight: normal; font-size: 22px; line-height: 34px; color: #252627; letter-spacing: -1px; }
#message h3 strong { font-family: 'notokr-bold'; font-weight: normal; font-size: 22px; line-height: 34px; color: #005084; }
#message p { margin: 15px 15px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 14px; line-height: 20px; color: #484848; letter-spacing: -1px; }
#message .sign { margin-top: 40px; padding: 20px 15px 0 0; border-top: 1px solid #dcdcdc; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* 약력 */
#history { margin: 0 18px; }
#history .outer { margin-bottom: 30px; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; }
#history .outer h3 { height: 68px; margin: 0; padding-left: 19px; background: url(../images/about/history_bg.png) repeat left top; font-family: 'notokr-bold'; font-weight: normal; font-size: 23px; line-height: 68px; color: #2d2d2d; letter-spacing: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#history .outer .inner { margin: 25px 10px 0; }
#history .outer .inner ul { margin: 0; padding: 0; }
#history .outer .inner li { list-style: none; float: left; width: 48%; margin: 0 1% 20px; }
#history .outer .inner .title { height: 25px; padding-left: 15px; background-color: #2174b6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: gulim; font-size: 12px; line-height: 25px; font-weight: bold; color: #fff; }
#history .outer .inner .title.v1 { background-color: #2f99d2; }
#history .outer .inner .title.v2 { background-color: #4ac1e6; }
#history .outer .inner .title.v3 { background-color: #62d5ef; }
#history .outer .inner .list { margin: 10px 0 0 15px; }
#history .outer .inner .list ul { margin: 0; padding: 0; }
#history .outer .inner .list li { list-style: none; float: none; width: auto; margin: 0; padding-left: 8px; font-family: gulim; font-size: 12px; line-height: 24px; color: #464646; background: url(../images/about/history_dot.png) no-repeat left 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#history .outer .inner .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#history .outer .inner:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 찾아오시는길 */
#location { margin: 0 18px; }
#location ul { margin: 0; padding: 0; }
#location li { list-style: none; margin-bottom: 30px; border: 1px solid #dfdfdf; }
#location .map { line-height: 0; border-bottom: 1px solid #dfdfdf; background-color: #f2f2f2; text-align: center; }
#location .map_info { position: relative; }
#location .map_info h3 { padding: 26px 25px 0; margin: 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 22px; line-height: 22px; color: #191919; letter-spacing: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location .map_info h3 span { font-family: 'notokr-medium'; font-weight: normal; font-size: 22px; line-height: 22px; color: #005287; }
#location .map_info .list { margin: 10px 25px 30px; }
#location .map_info .list ul { margin: 0; padding: 0; }
#location .map_info .list li { position: relative; list-style: none; float: left; padding-left: 14px; margin: 0 10px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; font-family: gulim; font-size: 12px; line-height: 12px; color: #464646; }
#location .map_info .list li:after { content: "/"; position: absolute; left: 0; top: 0; }
#location .map_info .list li:first-child { padding: 0; }
#location .map_info .list li:first-child:after { display: none; }
#location .map_info .btn_naver { position: absolute; right: 4px; top: -23px; line-height: 0; }
#location .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#location:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* BUSINESS MAIN */
#business_main { overflow: hidden; width: 753px; margin: 0 auto; background: url(../images/business/main_bg.png) repeat-y left top; font-size: 0; text-align: center; }
#business_main > .thum { text-align: center; line-height: 0; }
#business_main > .head_title { display: inline-block; margin-top: 10px; padding: 0 15px 10px; font-family: 'notokr-medium'; font-weight: normal; font-size: 35px; line-height: 35px; color: #2a2a2a; letter-spacing: -1px; border-bottom: 1px solid #ababab; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business_main > .head_title strong { font-family: 'notokr-bold'; font-weight: normal; font-size: 35px; line-height: 35px; }
#business_main > .head_info { display: inline-block; margin-top: 20px; font-family: 'notokr-regular'; font-weight: normal; font-size: 35px; line-height: 35px; color: #0566a5; letter-spacing: -1px; }
#business_main > .head_info i { display: none; }
#business_main > h3 { margin: 60px 30px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 35px; line-height: 35px; color: #d72183; letter-spacing: -1px; text-align: left; }
#business_main > .list { margin: 10px 11px; }
#business_main > .list ul { margin: 0; padding: 0; }
#business_main > .list li { list-style: none; margin-bottom: 10px; border: 1px solid #d7d7d7; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business_main > .list h4 { height: 68px; margin: 0; padding-left: 19px; background: url(../images/about/history_bg.png) repeat left top; font-family: 'notokr-medium'; font-weight: normal; font-size: 22px; line-height: 68px; color: #2d2d2d; letter-spacing: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e9e9e9; text-align: left; }
#business_main > .list p { margin: 20px 20px 34px; font-family: 'notokr-medium'; font-weight: normal; font-size: 14px; line-height: 20px; color: #484848; letter-spacing: -1px; text-align: left; }
#business_main > .list p i { display: block; }
#business_main > .list .btn_more { margin: -20px 20px 34px; line-height: 0; text-align: left; }
#business_main > .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#business_main > .list_info { margin: 0 32px; font-family: 'notokr-medium'; font-weight: normal; font-size: 14px; line-height: 34px; color: #034488; letter-spacing: -1px; text-align: left; }
#business_main > .customer { margin: 0 11px 35px; border: 1px solid #d7d7d7; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; font-size: 0; }
#business_main > .customer .icon { display: inline-block; vertical-align: middle; line-height: 0; }
#business_main > .customer .icon_info { display: inline-block; vertical-align: middle; font-family: 'notokr-medium'; font-weight: normal; font-size: 15px; line-height: 15px; color: #6c6c6c; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business_main > .customer .icon_info span { font-family: 'notokr-bold'; font-weight: normal; font-size: 15px; line-height: 15px; color: #0072bc; }


/* BUSINESS */
#business { margin: 0 auto; }
#business > .head { border-bottom: 3px solid #444444; font-size: 0; }
#business > .head .thum_info { display: inline-block; vertical-align: top; width: 57.5%; margin: 0 0 0 1.96%; }
#business > .head .thum_info.v1 { width: 50%; margin: 0 0 0 1.96%; }
#business > .head .thum_info.v1 p { margin: 40px 0 0; }
#business > .head .thum_info .head_title { margin: 40px 0 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 22px; line-height: 22px; color: #232222; letter-spacing: -1px; }
#business > .head .thum_info p { margin: 30px 0 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 14px; line-height: 20px; color: #484848; letter-spacing: -1px; }
#business > .head .thum_info p.v1 { margin: 10px 0 0; }
#business > .head .thum_info p.v2 { margin: 50px 0 0; }
#business > .head .thum_info p.v3 { margin: 50px 0 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 19px; line-height: 26px; color: #484848; letter-spacing: -1px; }
#business > .head .thum_info p span { font-family: 'notokr-medium'; font-weight: normal; font-size: 14px; line-height: 20px; color: #0f5f9e; letter-spacing: -1px; }
#business > .head .thum_info p i { display: block; }
#business > .head .thum_info .head_btn { margin: 13px 0 0; line-height: 0; }
#business > .head .thum { display: inline-block; vertical-align: top; width: 36.7%; line-height: 0; }

#business > h3 { position: relative; margin: 40px 6px 0; padding-top: 11px; font-family: 'notokr-medium'; font-weight: normal; font-size: 22px; line-height: 22px; color: #000000; letter-spacing: -1px; }
#business > h3:after { content: ""; position: absolute; width: 16px; height: 4px; left: 0; top: 0; background-color: #0072bc; }
#business > h3 .h3_btn { position: absolute; right: 0; top: 8px; line-height: 0; }

#business > .list { margin: 18px 6px 0; }
#business > .list ul { margin: 0; padding: 0; }
#business > .list li { position: relative; list-style: none; }
#business > .list h4 { margin: 0; width: 338px; height: 25px; padding-left: 15px; background-color: #2174b6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: gulim; font-size: 12px; line-height: 26px; font-weight: bold; color: #fff; }
#business > .list h4.v1 { background-color: #2f99d2; }
#business > .list h4.v2 { background-color: #4cc4e8; }
#business > .list p { margin: 0; padding: 14px 14px 25px; font-family: gulim; font-size: 12px; line-height: 24px; color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list p i { display: block; }
#business > .list_p { margin: 0; padding: 14px 6px 25px; font-family: gulim; font-size: 12px; line-height: 24px; color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_p.v1 { margin: 0; padding: 14px 6px 0; }
#business > .list_p.v2 { margin: 0; padding: 20px 6px 0; font-family: 'notokr-medium'; font-size: 14px; line-height: 24px; color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_p.v3 { margin: 0; padding: 14px 6px 0; font-family: 'notokr-medium'; font-size: 14px; line-height: 24px; color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_p.v4 { margin: 0; padding: 34px 6px 0; font-family: 'notokr-medium'; font-size: 21px; line-height: 30px; color: #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_p i { display: block; }
#business > .list .list_btn { position: absolute; right: 0; top: 0; line-height: 0; }
#business > .list .inner_list { margin: -20px 0 0 30px; }
#business > .list .inner_list ul { margin: 0; padding: 0; }
#business > .list .inner_list li { position: relative; list-style: none; padding-left: 8px; font-family: gulim; font-size: 12px; line-height: 24px; color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list .inner_list .list_dot { position: absolute; width: 1px; height: 5px; left: 0; top: 9px; background-color: #2174b6; }
#business > .list .inner_list .list_dot:after { content: ""; position: absolute; width: 1px; height: 3px; left: 1px; top: 1px; background-color: #2174b6; }
#business > .list .inner_list .list_dot:before { content: ""; position: absolute; width: 1px; height: 1px; left: 2px; top: 2px; background-color: #2174b6; }

#business > .process_list { margin: 21px 10px 0; }
#business > .process_list ul { margin: 0; padding: 0; }
#business > .process_list li { display: inline-block; vertical-align: middle; list-style: none; line-height: 0; }
#business > .process_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#business > .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#business > .list_table { position:relative; margin: 2px 0 10px;/* border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_table th { padding:10px 8px; font-family:gulim; font-size:12px; line-height:20px; font-weight:normal; color:#323131; text-align:right; background-color:#efefef; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_table th.v1 { font-weight:bold; text-align:center; }
#business > .list_table td { padding:10px 8px; font-family:gulim; font-size:12px; line-height:20px; font-weight:normal; color:#323131; text-align:right; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_table td.v1 { font-weight:bold; text-align:center; }
#business > .list_table td.v2 { background-color:#fbf3ef; }

#business > .list_table.v1 { margin:10px 6px 30px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; }
#business > .list_table.v1 th { padding:10px 8px; font-family:gulim; font-size:12px; line-height:20px; font-weight:bold; color:#323131; text-align:center; background-color:#efefef; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_table.v1 td { padding:10px 8px; font-family:gulim; font-size:12px; line-height:20px; font-weight:normal; color:#323131; text-align:left; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_table.v1 td.v1 { font-weight:bold; text-align:center; background-color:#efefef; }

#business > .list_table .table_list {}
#business > .list_table .table_list ul { margin:0; padding:0; }
#business > .list_table .table_list li { position:relative; list-style:none; padding-left:10px; font-family: 'gulim'; font-weight: normal; font-size: 12px; line-height: 20px; color: #323131; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list_table .table_list li:after { content:""; position:absolute; width:4px; height:2px; left:0; top:8px; background-color:#2587c8; }

#business > .table_won { margin:0 10px; font-family:gulim; font-size:12px; line-height:20px; font-weight:normal; color:#323131; text-align:right; }

#business > .table_title { margin: 10px 6px 0; width: 338px; height: 25px; padding-left: 15px; background-color: #2f99d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: gulim; font-size: 12px; line-height: 26px; font-weight: bold; color: #fff; }


/* WAIT */
#wait { margin: 0 auto; }
#wait > .thum { text-align: center; line-height: 0; }
#wait > .thum_info { margin: 10px 0 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 25px; line-height: 25px; color: #353434; letter-spacing: -1px; text-align: center; }
#wait > .thum_info strong { font-family: 'notokr-medium'; font-weight: normal; color: #0f74ba; }
#wait > p { margin: 15px 0 0; font-family: 'gulim'; font-weight: normal; font-size: 12px; line-height: 18px; color: #6b6b6b; text-align: center; }
#wait > p i { display: none; }


/* SEMU */
#semu { margin: 0 auto; }
#semu > h3 { position: relative; margin: 40px 6px 0; padding-top: 11px; font-family: 'notokr-medium'; font-weight: normal; font-size: 22px; line-height: 22px; color: #000000; letter-spacing: -1px; }
#semu > h3:after { content: ""; position: absolute; width: 16px; height: 4px; left: 0; top: 0; background-color: #0072bc; }
#semu > h3 i { display: none; }

#semu > p { margin: 0; padding: 14px 6px 5px; font-family: gulim; font-size: 12px; line-height: 24px; color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#semu > p span { color: #0063a4; }

#semu > .inner_list { position: relative; margin: 14px 0 0 10px; }
#semu > .inner_list ul { margin: 0; padding: 0; }
#semu > .inner_list li { position: relative; list-style: none; padding-left: 8px; font-family: gulim; font-size: 12px; line-height: 24px; color: #464646; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#semu > .inner_list li.v1 { margin-top: 20px; color: #0063a4; }
#semu > .inner_list .list_dot { position: absolute; width: 1px; height: 5px; left: 0; top: 9px; background-color: #2174b6; }
#semu > .inner_list .list_dot:after { content: ""; position: absolute; width: 1px; height: 3px; left: 1px; top: 1px; background-color: #2174b6; }
#semu > .inner_list .list_dot:before { content: ""; position: absolute; width: 1px; height: 1px; left: 2px; top: 2px; background-color: #2174b6; }
#semu > .inner_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#semu > .inner_list .btn_semupotal { position: absolute; right: 0; top: 0; line-height: 0; }


/* KAKAO PLUS */
#kakao_plus { position:fixed; right:30px; bottom:30px; line-height:0; }


/* 종합소득세 추가 */
#income { margin-top:0; }
.income_tab { margin-top:50px; margin-bottom:30px; }
.income_tab ul { margin:0; padding:0; }
.income_tab li { list-style:none; float:left; width:49.5%; margin-left:1%; border:1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.income_tab li:first-child { margin-left:0; }
.income_tab a { display:block; background-color:#f0f0f0; font-family: 'notokr-regular'; font-weight: normal; font-size: 15px; line-height: 46px; color: #777777; letter-spacing: -1px; text-align:center; }
.income_tab a:hover { background-color:#0072bc; font-family: 'notokr-medium'; font-weight: normal; font-size: 15px; line-height: 46px; color: #ffffff; letter-spacing: -1px; text-align:center; }
.income_tab li.select a,
.income_tab li.select a:hover { background-color:#0072bc; font-family: 'notokr-medium'; font-weight: normal; font-size: 15px; line-height: 46px; color: #ffffff; letter-spacing: -1px; text-align:center; }
.income_tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#income > .income_head { margin: 0 0 0; padding-bottom:50px; font-size:0; border-bottom:1px solid #d7d7d7; }
#income > .income_head .thum { display:inline-block; vertical-align:top; width:487px; line-height:0; }
#income > .income_head .thum_info { display:inline-block; vertical-align:top; width:450px; margin-left:40px; margin-top:5px; font-family: 'notokr-regular'; font-weight: normal; font-size: 20px; line-height: 34px; color: #004c7e; letter-spacing: -1px; text-align:left; }
#income > .income_head .thum_info strong { font-family: 'notokr-bold'; font-weight: normal; font-size: 20px; line-height: 34px; color: #004c7e; letter-spacing: -1px; text-align:left; }
#income > .income_head .thum_info i { display:block; }

#income > .income_head .thum_info h4 { margin:30px 0 0; padding:0 0 0 21px; font-family: 'notokr-medium'; font-weight: normal; font-size: 17px; line-height: 20px; color: #555555; letter-spacing: -1px; text-align:left; background: url(../images/dot.png) no-repeat left 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#income > .income_head .thum_info .info_text { margin:8px 0 0 21px; font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; line-height: 28px; color: #777777; letter-spacing: -1px; text-align:left; }

#income > h5 { margin:50px 0 0; padding:0 0 0 21px; font-family: 'notokr-medium'; font-weight: normal; font-size: 17px; line-height: 20px; color: #555555; letter-spacing: -1px; text-align:left; background: url(../images/dot.png) no-repeat left 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#income > .income_process { margin: 15px 0 0; line-height:0; }
#income > .income_process img.pc { display:block; }
#income > .income_process img.mobile { display:none; }

#income > .income_table { margin: 15px 0 0 21px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#income > .income_table th { padding:15px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; line-height: 25px; color: #555555; letter-spacing: -1px; text-align:center; background-color:#f0f0f0; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#income > .income_table td { padding:10px 0; font-family: 'notokr-regular'; font-weight: normal; font-size: 15px; line-height: 25px; color: #777777; letter-spacing: -1px; text-align:center; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#income > .income_table td.v1 { background-color:#fbfbfb; }

#income > .income_list { margin: 15px 0 0 21px; }
#income > .income_list ul { margin:0; padding:0; }
#income > .income_list li { position:relative; list-style:none; padding-left:13px; font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; line-height: 28px; color: #777777; letter-spacing: -1px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#income > .income_list li:after { content:""; position:absolute; width:5px; height:2px; left:0; top:13px; background-color:#575757; }
#income > .income_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#income > .income_btn { width:280px; margin: 60px auto 0; background-color:#143d6b; }
#income > .income_btn a,
#income > .income_btn a:hover { display:block; font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; line-height: 48px; color: #ffffff; letter-spacing: -1px; text-align:center; }



@media screen and (max-width:994px) {
	/* HEADER */
	#header > .head .area { width: auto; }
	#header > .gnb .inner { width: auto; }
	#header > .gnb .inner li { padding-left: 15px; margin-right: 15px; }

	
	/* CONTAINER */
	#container > .head { width: auto; }
	#container > .head .slide { width: 762px; margin: 0 auto; }

	#container > .head .business { position: relative; width: auto; right: auto; top: auto; margin: 0 10px; }
	#container > .head .business .list ul { font-size: 0; }
	#container > .head .business .list li { display: inline-block; width: 25%; }
	
	
	#container > .board { margin: 20px 10px 0; }
	#container > .board .area { width: auto; margin: 0 auto; }
	#container > .board .area .inner { display: inline-block; width: 50%; padding: 0 10px; border-right: none; }

	#container > .board .area .inner .list .date { display: none; }


	#container > .side { width: auto; margin: 0 10px; }
	#container > .side .notice { width: 50%; padding: 0 10px; border-right: none; }

	#container > .side .notice .list .date { display: none; }

	#container > .side .customer { width: 50%; text-align: center; }
	#container > .side .customer .thum { text-align: left; }
	#container > .side .customer .info { text-align: left; }

	#container > .side .banner { display: block; width: auto; margin: 30px 0 0; padding-top: 30px; border-top: 1px solid #eaeaea; }
	#container > .side .banner li { width: 33.333333%; margin: 0; }
	
	
	/* SUB CONTAINER */
	#sub_container { width: auto; margin: 25px 10px 50px; }
	#sub_container > .side { display: none; }
	#sub_container > .r_side { display: block; width: auto; margin: 0; }
	
	/* 인사말 */
	#message .grid { width: 729px; height: 118px; margin: 0 auto; }
	
	/* FOOTER */
	#footer .area { width: auto; margin: 0 auto; }
    
    /* KAKAO PLUS */
    #kakao_plus { width:80px; right:20px; bottom:20px; }
    #kakao_plus img { width:100%; }
	
}

@media screen and (max-width:768px) {
	/* HEADER */
	#header > .gnb .inner a { font-size: 16px; line-height: 16px; }
	
	/* CONTAINER */
	#container > .head .slide { width: auto; margin: 0 auto; }
	
	/* 인사말 */
	#message .grid { overflow: hidden; width: auto; height: auto; }
	#message .grid .thum01 { display: block; vertical-align: middle; width: 224px; height: 44px; margin: 20px auto 0; }
	#message .grid .thum02 { display: block; vertical-align: middle; width: 376px; height: 44px; margin: 10px auto 30px; }
	#message h3 { margin: 40px 15px 0; }
	
	/* 찾아오시는길 */
	#location .map img { width: 100%; }
	#location .map_info .list li { display: block; float: none; padding-left: 0; margin: 0; line-height: 22px; }
	#location .map_info .list li:after { display: none; }
	
	/* BUSINESS MAIN */
	#business_main { width: auto; background-size: contain;  }
	#business_main > .thum img { width: 100%; }
	#business_main > .list h4 { height: auto; padding: 19px 20px; font-size: 22px; line-height: 30px; }
	#business_main > .customer .icon { width: 16%; }
	#business_main > .customer .icon img { width: 100%; }
	#business_main > .customer .icon_info { width: 84%; padding-right: 10px; }

	/* BUSINESS */
	#business > .head .thum_info.v1 { width: 57.5%; }
	#business > .head .thum_info p i { display: none; }
	#business > .head .thum_info .head_btn { margin: 13px 0 30px; }
	#business > .head .thum img { width: 100%; }

	#business > .list p i { display: none; }
	#business > .list_p i { display: none; }
	
	#business > .process_list li { width: 28%; }
	#business > .process_list li:nth-child(2) { width: 6%; }
	#business > .process_list li:nth-child(4) { width: 6%; }
	#business > .process_list li img { width: 100%; }
	
    #business > .list_table img { width:100%; }
    
	/* SEMU */
	#semu > .inner_list .btn_semupotal { position: relative; right: auto; top: auto; margin: 20px 0 0; }
}


@media screen and (max-width:640px) {
	/* HEADER */
	#header { position: fixed; width: 100%; height: 70px; left: 0; top: 0; border-bottom: 1px solid #d0d0d0; z-index: 10; }
	#header > .head { height: auto; }
	#header > .head .area h1 { padding: 24px 0 0 9px; }
	#header > .head .area h1 img { height: 26px; }
	#header > .gnb { display: none; }
	#header > .head .area .lnb { right: 40px; top: 30px; }
	#header > .head .area .lnb li:nth-child(1) { display: none; }
	#header > .head .area .lnb li:nth-child(2) { display: none; }
	#header > .head .area .lnb li:nth-child(3) { display: none; }
	#header > .head .area .lnb li:after { display: none; }

	/* 모바일메뉴 */
	#header > .head .area > .gnb { display: none; }
	#header > .head .area > .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }
	#header > .head .area > .gnb_btn { width: 22px; top: 26px; }
	
	/* CONTAINER */
	#container { margin-top: 85px; }
	#container > .head .business { margin: 10px 10px 0; }
	#container > .head .business .title { font-size: 16px; line-height: 40px; }
	#container > .head .business .list li { width: 50%; }
	
	#container > .board .area .inner { display: block; width: auto; padding: 0 15px; }
	#container > .board .area .inner.v1 { margin-top: 40px; }
	#container > .board .area .inner .title { font-size: 20px; line-height: 20px; }
	#container > .board .area .inner .title .more { top: -2px; }

	#container > .board .area .inner .list { margin: 15px 0 0; }
	#container > .board .area .inner .list li { padding-left: 10px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#container > .board .area .inner .list a,
	#container > .board .area .inner .list a:hover { font-size: 16px; line-height: 22px; }
	#container > .board .area .inner .list li:after { left: 0; }


	#container > .side .notice { display: block; width: auto; padding: 0 15px; }
	#container > .side .notice .list li { margin-bottom: 5px; }
	#container > .side .notice .list a,
	#container > .side .notice .list a:hover { font-size: 16px; line-height: 22px; }

	#container > .side .customer { display: block; width: auto; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; }

	#container > .side .banner li { width: 29.33333%; margin: 0 2%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#container > .side .banner .thum { line-height: 0; text-align: center; }
	#container > .side .banner .thum img { width: 90%; }

	/* SUB CONTAINER */
	#sub_container > .r_side h2 { margin-top: 10px; font-size: 20px; line-height: 40px; }
	#sub_container > .r_side h2 .lnb { display: none; }

	#sub_container > .r_side > .content { min-height: 300px; }
	
	
	/* 인사말 */
	#message { margin: 0; }
	#message .grid { width: 288px; }
	#message .grid .thum01 { width: auto; height: auto; }
	#message .grid .thum01 img { height: 35px; }
	#message .grid .thum02 { width: auto; height: auto; margin: 10px 10px 30px; }
	#message .grid .thum02 img { height: 35px; }
	#message h3 { margin: 30px 10px 0; font-size: 18px; line-height: 26px; }
	#message h3 strong { display: block; font-size: 20px; line-height: 26px; }
	#message p { margin: 20px 10px 0; font-size: 15px; line-height: 26px; }
	#message .sign { margin-top: 30px; padding: 20px 10px 0 0; }
	#message .sign img { height: 24px; }

	
	/* 약력 */
	#history { margin: 0; }
	#history .outer h3 { height: 50px; margin: 0; padding-left: 15px; font-size: 18px; line-height: 50px; }
	#history .outer .inner li { float: none; width: auto; margin: 0 0 20px; }
	#history .outer .inner .title { height: 30px; font-size: 15px; line-height: 30px; }
	#history .outer .inner .list li { font-size: 14px; line-height: 24px; }

	
	/* 찾아오시는길 */
	#location { margin: 0; }
	#location .map_info h3 { padding: 26px 15px 0; font-size: 19px; line-height: 22px; }
	#location .map_info h3 span { font-size: 19px; }
	#location .map_info .list { margin: 4px 15px 30px; }
	#location .map_info .list li { font-size: 15px; }
	#location .map_info .btn_naver { right: 2px; top: -18px; }
	#location .map_info .btn_naver img { height: 30px; }
	
	
	/* BUSINESS MAIN */
	#business_main > .head_title {  margin-top: 20px; padding: 0 0 5px; font-size: 23px; line-height: 23px; }
	#business_main > .head_title strong { font-weight: normal; font-size: 23px; line-height: 23px; }
	#business_main > .head_info { margin-top: 20px; font-size: 23px; line-height: 30px; }
	#business_main > .head_info i { display: block; }
	#business_main > h3 { margin: 30px 15px 0; font-size: 23px; line-height: 23px; }
	#business_main > .list h4 { font-size: 18px; line-height: 26px; }
	#business_main > .list p { margin: 20px 15px 34px; font-size: 14px; line-height: 24px; }
	#business_main > .list p i { display: none; }
	#business_main > .list_info { margin: 0 15px; }
	#business_main > .customer { padding: 10px 0; }
	#business_main > .customer .icon { width: 30%; }
	#business_main > .customer .icon_info { width: 70%; font-size: 14px; line-height: 20px; }
	#business_main > .customer .icon_info span { font-size: 14px; line-height: 20px; }

	
	/* BUSINESS */
	#business > .head .thum_info .head_title { margin: 40px 0 0; font-size: 20px; }
	#business > .head .thum_info { display: block; width: auto; margin: 0 15px; }
	#business > .head .thum_info.v1 { width: auto; margin: 0 15px; }
	#business > .head .thum_info p.v3 { margin: 30px 0 0; font-size: 17px; line-height: 26px; }
	#business > .head .thum_info p { font-size: 15px; line-height: 24px; }
	#business > .head .thum_info p span { font-size: 15px; line-height: 24px; }
	#business > .head .thum_info p.v2 { margin: 30px 0 0; }
	#business > .head .thum { display: block; width: 60%; margin: 0 auto; }

	#business > h3 { font-size: 20px; line-height: 20px; }
	#business > h3:after { width: 20px; }
	#business > h3 .h3_btn { position: relative; margin: 10px 0 0; right: auto; top: auto; }
	#business > .list h4 { width: auto; height: auto; font-size: 15px; line-height: 30px; }
	#business > .list p { font-size: 15px; line-height: 24px; }
	#business > .list_p { font-size: 15px; line-height: 24px; }
	#business > .list_p.v2 { font-size: 15px; }
	#business > .list_p.v4 { font-size: 18px; line-height: 28px; }
	#business > .list .list_btn { position: relative; right: auto; top: auto; margin: -15px 15px 30px; }
	#business > .list .inner_list li { padding-left: 8px; font-size: 15px; line-height: 24px; }
	
    #business > .table_title { margin: 10px 6px 0; width: auto; height: 30px; padding-left: 15px; font-size: 15px; line-height: 30px; }

	
	/* WAIT */
	#wait > .thum img { width: 100%; }
	#wait > .thum_info { margin: 10px 0 0; font-size: 22px; line-height: 22px; }
	#wait > p { font-size: 15px; line-height: 24px; }
	#wait > p i { display: block; }

	
	/* SEMU */
	#semu > h3 { font-size: 20px; line-height: 26px; }
	#semu > h3 i { display: block; }
	#semu > h3:after { width: 20px; }

	#semu > p { padding: 14px 6px 5px; font-size: 15px; line-height: 24px; }

	#semu > .inner_list li { font-size: 15px; line-height: 24px; }
	#semu > .inner_list .btn_semupotal img { height: 80px; }
	
	
	
	#footer .area .logo { position: relative; left: auto; top: auto; margin-top: 20px; text-align: center; }
	#footer .area .logo img { height: 25px; }
	#footer .area .address { margin: 20px 10px 35px 10px; }
	#footer .area .address ul { text-align: center; line-height: 0; }
	#footer .area .address li { display: inline-block; float: none; margin: 0 5px 5px; font-size: 13px; line-height: 20px; }
    #footer .area .address li a,
	#footer .area .address li a:hover { font-size: 13px; line-height: 20px; } 
    
    

	/* 종합소득세 추가 */
	#income { margin-top:0; }
	.income_tab { margin-top:110px; }
    
	#income > .income_head .thum { display:block; width:auto; }
	#income > .income_head .thum img { width:100%; }
	#income > .income_head .thum_info { display:block; width:auto; margin: 40px 10px 0; }
	#income > .income_head .thum_info i { display:none; }
	#income > .income_process img { width:100%; }
	#income > .income_process img.pc { display:none; }
	#income > .income_process img.mobile { display:block; }


    
}