@charset "utf-8";

/*///////////////////// header /////////////////////*/

/*///////////////////// header End /////////////////////*/

/*///////////////////// container /////////////////////*/
#sub-loc{background-color: #6A93C1;}
#sub-loc h1{float: left;color: #fff;font-size: 24px;font-family: 'open sans',sans-serif;line-height: 70px;}
#sub-loc .sign{float: right;}
#sub-loc .sign a{display: block;float: left;color: #fff;font-size: 12px;font-family: 'open sans',sans-serif;line-height: 70px;}
#sub-loc .sign span{display: block;float: left;color: #fff;font-size: 12px;font-family: 'open sans',sans-serif;line-height: 70px;}
#sub-loc .sign .sub{padding-left: 20px;background: url('../img/sub/sub_loc_arrow.png') no-repeat 7px 31px;text-transform: uppercase;}
.sub-visual{height: 300px;background-position: center 0;text-indent: -9999em;}
.sub-visual01{background-image: url('../img/sub/sub_visual01.jpg');}
.sub-visual01-02{background-image: url('../img/sub/sub_visual01_02.jpg');}
.sub-visual02{background-image: url('../img/sub/sub_visual02.jpg');}
.sub-visual03{background-image: url('../img/sub/sub_visual03.jpg');}
.sub-visual03-01{background-image: url('../img/sub/sub_visual03_01.jpg');}
.sub-visual03-02{background-image: url('../img/sub/sub_visual03_02.jpg');}
.sub-visual03-03{background-image: url('../img/sub/sub_visual03_03.jpg');}
.sub-visual03-04{background-image: url('../img/sub/sub_visual03_04.jpg');}
.sub-visual03-05{background-image: url('../img/sub/sub_visual03_05.jpg');}
.sub-visual03-06{background-image: url('../img/sub/sub_visual03_06.jpg');}
.sub-visual04{background-image: url('../img/sub/sub_visual04.jpg');}
.sub-visual05_01{background-image: url('../img/sub/sub_visual05_01.jpg');}
.sub-visual05_02{background-image: url('../img/sub/sub_visual05_02.jpg');}

/* overview */
.overview .section-a .head{padding: 80px 0 60px;text-align: center;}
.overview .section-a .head h1{margin-bottom: 20px;color: #037db8;font-size: 30px;font-weight: bold;letter-spacing: -2px;}
.overview .section-a .head p{color: #6e6e6e;font-size: 16px;line-height: 29px;}
.overview .section-a .way h1{text-align: center;}
.overview .section-a .way p{margin-top: 30px;color: #494949;font-size: 24px;font-weight: bold;text-align: center;}
.overview .section-a .way .tbl{display: table;width: 910px;margin: 60px auto 0;}
.overview .section-a .way .tbl .row{display: table-row;}
.overview .section-a .way .tbl .row div{display: table-cell;padding-left: 160px;vertical-align: middle;color: #3d5764;font-size: 18px;font-weight: bold;box-sizing: border-box;height: 100px;}
.overview .section-a .way .tbl .item01{background: url('../img/sub/one/overview_ico01.jpg') no-repeat 40px center;}
.overview .section-a .way .tbl .item02{padding-left: 190px !important;background: url('../img/sub/one/overview_ico02.jpg') no-repeat 70px center;}
.overview .section-a .way .tbl .item03{background: url('../img/sub/one/overview_ico03.jpg') no-repeat 40px center;}
.overview .section-a .way .tbl .item04{padding-left: 190px !important;background: url('../img/sub/one/overview_ico04.jpg') no-repeat 70px center;}
.overview .section-a .way .tbl .item05{background: url('../img/sub/one/overview_ico05.jpg') no-repeat 40px center;}
.overview .section-a .way .tbl .item06{padding-left: 190px !important;background: url('../img/sub/one/overview_ico06.jpg') no-repeat 70px center;}
.overview .section-a .business-one{margin: 100px 0 106px;background: url('../img/sub/one/overview_img01.jpg') no-repeat right 0;}
.overview .section-a .business-one div{color: #4e80cc;font-size: 18px;font-weight: bold;line-height: 24px;}
.overview .section-a .business-one p{margin-top: 20px;color: #656565;font-size: 14px;line-height: 22px;}
.overview .section-b h1{color: #037db8;font-size: 30px;font-weight: bold;text-align: center;}
.overview .section-b h1 em{color: #000;font-size: 30px;font-weight: bold;}
.overview .section-b div{height: 147px;padding-top: 36px;margin-top: 30px;background-color: #007bb6;text-align: center;box-sizing: border-box}
.overview .section-b div p{color: #fff;font-size: 16px;line-height: 26px;letter-spacing: -1px;}
.overview .section-b div p strong{color: #fff;font-size: 16px;line-height: 26px;font-weight: 900;}
.overview .section-b ul{width: 880px;margin: 70px auto 0;padding-bottom: 30px;}
.overview .section-b h2{padding: 35px 0 10px;color: #037db8;font-size: 20px;font-weight: bold;}
.overview .section-b ul li{height: 143px;margin-bottom: 55px;background-repeat: no-repeat;}
.overview .section-b ul li.odd{padding-right: 240px;background-position: right 0;}
.overview .section-b ul li.even{padding-left: 250px;background-position: 0 0;}
.overview .section-b ul li p{color: #6e6e6e;font-size: 14px;line-height: 22px;text-align: justify;}
.overview .section-b ul li p em{color: #08a4de;font-size: 14px;font-weight: bold;}
.overview .section-b ul li.item01{background-image: url('../img/sub/one/overview_c_ico01.jpg');}
.overview .section-b ul li.item02{background-image: url('../img/sub/one/overview_c_ico02.jpg');}
.overview .section-b ul li.item03{background-image: url('../img/sub/one/overview_c_ico03.jpg');}
.overview .section-b ul li.item04{background-image: url('../img/sub/one/overview_c_ico04.jpg');}
.overview .section-b ul li.item05{background-image: url('../img/sub/one/overview_c_ico05.jpg');}
.overview .section-b ul li.item06{background-image: url('../img/sub/one/overview_c_ico06.jpg');}
.overview .section-b ul li.item07{background-image: url('../img/sub/one/overview_c_ico07.jpg');}
.overview .section-b ul li.item08{background-image: url('../img/sub/one/overview_c_ico08.jpg');}
.overview .section-b ul li.item09{background-image: url('../img/sub/one/overview_c_ico09.jpg');}
.overview .section-b ul li.item10{background-image: url('../img/sub/one/overview_c_ico10.jpg');}

/* details */
.details .section-a > div{height: 400px;padding-top: 70px;border-bottom: 1px solid #eee;background: url('../img/sub/one/details_img01.jpg') no-repeat 672px 43px;box-sizing: border-box}
.details .section-a > div div{padding-left: 45px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px center;color: #6e6e6e;font-size: 18px;line-height: 48px;}
.details .section-b > div{height: 775px;padding-top: 60px;border-bottom: 1px solid #eee;box-sizing: border-box}
.details .section-b h1{margin-bottom: 75px;color: #037db8;font-size: 30px;font-weight: bold;text-align: center;}
.details .section-b h2{margin-bottom: 20px;color: #494949;font-size: 24px;font-weight: bold;}
.details .section-b p{color: #888;font-size: 16px;line-height: 26px;}
.details .section-b .sub01{float: left;width: 50%;padding-top: 280px;background: url('../img/sub/one/details_img02.jpg') no-repeat;}
.details .section-b .sub02{float: left;width: 50%;padding-top: 417px;background: url('../img/sub/one/details_img03.jpg') no-repeat;}
.details .section-c > div{height: 845px;padding-top: 65px;text-align: center;background: url('../img/sub/one/details_img04.jpg') no-repeat 0 180px;box-sizing: border-box}
.details .section-c h1{margin-bottom: 25px;color: #037db8;font-size: 30px;font-weight: bold;line-height: 1em;}
.details .section-c h2{color: #787878;font-size: 16px;}

/* hana-speed */
.hana .section-a > div{height: 590px;padding-top: 45px;box-sizing: border-box}
.hana .section-a .description{margin-left: 65px;color: #888;font-size: 16px;line-height: 26px;letter-spacing: -1px;}
.hana .section-a h1{margin: 78px 0 70px;color: #037db8;font-size: 30px;font-weight: bold;text-align: center;}
.hana .section-a .table{display: table;}
.hana .section-a .table .row{display: table-row;}
.hana .section-a .table .row div{display: table-cell;padding: 0 0 35px 45px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 0;color: #6e6e6e;font-size: 18px;}
.hana .section-a .table .row .first{width: 550px;}
.hana .section-b{background: url('../img/sub/one/hana_img01.jpg') no-repeat center 0;}
.hana .section-b > div{height: 449px;padding: 90px 0 0 520px;box-sizing: border-box}
.hana .section-b h1{margin-bottom: 30px;color: #0e0e0e;font-size: 30px;font-weight: bold;letter-spacing: -1px;}
.hana .section-b .item{position: relative;height: 65px;padding-left: 37px;color: #595959;font-size: 16px;line-height: 1.4em;letter-spacing: -0.5px;}
.hana .section-b .item .num{position: absolute;top: -3px;left: 0;width: 28px;color: #fff;font-size: 16px;background: #0070c0;line-height: 28px;text-align: center;border-radius: 50%}
.hana .section-c > div{height: 778px;border-bottom: 1px solid #eee;box-sizing: border-box}
.hana .section-c h1{padding: 80px 0 40px;color: #2d2d2d;font-size: 30px;font-weight: bold;text-align: center;line-height: 1em;}
.hana .section-c .contain .item{float: left;width: 50%;padding: 150px 58px 60px;background-position: center 10px;background-repeat: no-repeat;box-sizing: border-box}
.hana .section-c .contain .item01{background-image: url('../img/sub/one/hana_ico01.jpg');}
.hana .section-c .contain .item02{background-image: url('../img/sub/one/hana_ico02.jpg');}
.hana .section-c .contain .item03{background-image: url('../img/sub/one/hana_ico03.jpg');}
.hana .section-c .contain .item04{background-image: url('../img/sub/one/hana_ico04.jpg');}
.hana .section-c .contain .item .subject{margin-bottom: 20px;color: #494949;font-size: 24px;font-weight: bold;text-align: center;}
.hana .section-c .contain .item p{color: #666;font-size: 16px;line-height: 26px;}
.hana .section-d > div{height: 665px;box-sizing: border-box}
.hana .section-d .ask{padding: 90px 0 25px;color: #2d2d2d;font-size: 30px;font-weight: bold;text-align: center;}
.hana .section-d .answer{margin-bottom: 60px;color: #888;font-size: 16px;text-align: center;letter-spacing: -1px;}
.hana .section-d .row div{float: left;width: 50%;margin-bottom: 50px;padding: 0 0 0 43px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 0;color: #494949;font-size: 20px;font-weight: bold;box-sizing: border-box}
.hana .section-d .row div:last-child{padding: 0 0 0 69px;background: url('../img/sub/one/details_chk.jpg') no-repeat 30px 0;}
.hana .section-d .row div p{margin-top: 10px;color: #888;font-size: 16px;letter-spacing: -1px;line-height: 1.2em;}

/* cloud */
.cloud .section-a > div{padding: 83px 0 75px;border-bottom: 1px solid #eee;}
.cloud .section-a h1{margin-bottom: 24px;color: #037db8;font-size: 30px;font-weight: bold;letter-spacing: -1px;}
.cloud .section-a .description{color: #6e6e6e;font-size: 16px;line-height: 1.5em;letter-spacing: -1px;}
.cloud .section-b > div{padding: 60px 0 0 0;border-bottom: 1px solid #eee;}
.cloud .section-b h1{color: #494949;font-size: 30px;font-weight: bold;letter-spacing: -1px;text-align: center;}
.cloud .section-b .article01{height: 354px;margin-top: 70px;padding: 77px 0 0 693px;background: url('../img/sub/cloud/img01.jpg') no-repeat left 0;}
.cloud .section-b .article02{position: relative;height: 405px;margin-top: 40px;padding: 83px 650px 0 0;background: url('../img/sub/cloud/img02.jpg') no-repeat right 0;}
.cloud .section-b .article03{height: 278px;margin-top: 30px;padding: 40px 0 0 583px;background: url('../img/sub/cloud/img03.jpg') no-repeat;}
.cloud .section-b .article04{height: 325px;margin-top: 47px;padding: 81px 650px 0 0;background: url('../img/sub/cloud/img04.jpg') no-repeat 658px 0;}
.cloud .section-b .article05{height: 294px;margin: 54px 0 72px;padding: 77px 0 0 652px;background: url('../img/sub/cloud/img05.jpg') no-repeat;}
.cloud .section-b article{box-sizing: border-box}
.cloud .section-b article h3{margin-bottom: 10px;color: #037db8;font-size: 20px;font-weight: bold;}
.cloud .section-b .article01 h3{padding-top: 34px;background: url('../img/sub/cloud/ico01.jpg') no-repeat 106px bottom;}
.cloud .section-b .article02 h3{padding-top: 34px;background: url('../img/sub/cloud/ico02.jpg') no-repeat 148px bottom;}
.cloud .section-b .article02 .last{position: absolute;right: 0;bottom: 0;}
.cloud .section-b .article03 h3{padding-top: 49px;background: url('../img/sub/cloud/ico03.jpg') no-repeat 160px bottom;}
.cloud .section-b .article04 h3{padding-top: 59px;background: url('../img/sub/cloud/ico04.jpg') no-repeat 74px bottom;}
.cloud .section-b article p{color: #6e6e6e;font-size: 14px;line-height: 22px;}
.cloud .section-c > div{height: 910px;padding: 83px 0 0 0;background: url('../img/sub/cloud/img06.jpg') no-repeat center 232px;box-sizing: border-box}
.cloud .section-c h1{margin-bottom: 24px;color: #494949;font-size: 24px;font-weight: bold;letter-spacing: -1px;}
.cloud .section-c h1 em{color: #3e9de0;font-size: 1em;font-weight: bold;}
.cloud .section-c p{color: #686868;font-size: 16px;line-height: 24px;letter-spacing: -1px;}
.cloud .section-c p strong{font-weight: bold;color: #686868;font-size: 16px;line-height: 24px;}
.cloud .section-c p em{color: #2890d9;font-size: 16px;font-weight: bold;line-height: 24px;}

/* industry */
.industry .section-a h1{padding: 85px 0 20px;color: #037db8;font-size: 30px;font-weight: bold;text-align: center;}
.industry .section-a .txt01{padding-left: 98px;color: #888;font-size: 16px;line-height: 26px;}
.industry .section-a .txt02{padding-left: 247px;margin-bottom: 105px;color: #888;font-size: 16px;line-height: 26px;letter-spacing: -1px;}
.industry .section-a .item-list{width: 800px;margin: 105px auto 0;text-align: center;}
.industry .section-a .item-list div{display: inline-block;margin: 0 30px 80px;}

/* project */
.project .section-a > div{height: 665px;border-bottom: 1px solid #eee;box-sizing: border-box}
.project .section-a h1{padding: 90px 0 25px;color: #2d2d2d;font-size: 30px;font-weight: bold;text-align: center;}
.project .section-a .txt01{padding: 0 0 60px 185px;color: #888;font-size: 16px;line-height: 26px;}
.project .section-a .row div{float: left;width: 50%;margin-bottom: 80px;padding: 0 0 0 43px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 0;color: #494949;font-size: 20px;font-weight: bold;box-sizing: border-box}
.project .section-a .row div:last-child{padding: 0 0 0 69px;background: url('../img/sub/one/details_chk.jpg') no-repeat 30px 0;}
.project .section-a .row p{margin-top: 10px;color: #888;font-size: 16px;letter-spacing: -1px;line-height: 1.3em;}

.project .section-b > div{padding-bottom: 105px;box-sizing: border-box}
.project .section-b h1{padding: 50px 0 10px;color: #494949;font-size: 20px;font-weight: bold;text-align: center;}
.project .section-b p{color: #888;font-size: 16px;text-align: center;}

/* retail */
.retail .section-a > div{padding-top: 110px;}
.retail .section-a .top{padding-right: 525px;background: url('../img/sub/industry/retail_img.jpg') no-repeat right 0;}
.retail .section-a p{color: #888;font-size: 16px;line-height: 24px;text-align: justify;}
.retail .section-a ul{margin: 25px 0 95px;}
.retail .section-a li{margin-bottom: 20px;color: #888;font-size: 16px;line-height: 24px;text-align: justify;letter-spacing: -1px;}
.retail .section-a .bottom{margin-bottom: 135px;}
.retail .section-a .bottom h1{margin-bottom: 20px;color: #464646;font-size: 24px;font-weight: bold;}
.retail .section-a .bottom p{color: #888;font-size: 16px;line-height: 24px;text-align: justify;}

/* mfacuring */
.mfacuring .section-a h1{padding: 90px 0 25px;color: #2d2d2d;font-size: 30px;font-weight: bold;text-align: center;}
.mfacuring .section-a .txt01{padding: 0 0 60px 85px;color: #888;font-size: 16px;line-height: 26px;letter-spacing: -0.5px;}
.mfacuring .section-a .row{overflow: hidden;}
.mfacuring .section-a .row div{float: left;width: 50%;margin-bottom: 80px;padding: 0 0 0 43px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 0;color: #494949;font-size: 20px;font-weight: bold;box-sizing: border-box}
.mfacuring .section-a .row div:last-child{padding: 0 0 0 69px;background: url('../img/sub/one/details_chk.jpg') no-repeat 30px 0;}
.mfacuring .section-a .row p{margin-top: 10px;color: #888;font-size: 16px;letter-spacing: -1px;line-height: 1.3em;}

/* fnb */
.fnb .section-a h1{padding: 90px 0 25px;color: #2d2d2d;font-size: 30px;font-weight: bold;text-align: center;}
.fnb .section-a .txt01{padding: 0 0 60px 85px;color: #888;font-size: 16px;line-height: 26px;letter-spacing: -0.5px;}
.fnb .section-a .row{overflow: hidden;}
.fnb .section-a .row div{float: left;width: 50%;margin-bottom: 80px;padding: 0 0 0 43px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 0;color: #494949;font-size: 20px;font-weight: bold;box-sizing: border-box}
.fnb .section-a .row div:last-child{padding: 0 0 0 69px;background: url('../img/sub/one/details_chk.jpg') no-repeat 30px 0;}
.fnb .section-a .row p{margin-top: 10px;color: #888;font-size: 16px;letter-spacing: -1px;line-height: 1.3em;}

/* injection */
.injection .section-a h1{padding: 90px 0 25px;color: #2d2d2d;font-size: 30px;font-weight: bold;text-align: center;}
.injection .section-a .txt01{padding: 0 0 60px 188px;color: #888;font-size: 16px;line-height: 26px;letter-spacing: -0.5px;}
.injection .section-a .row{overflow: hidden;}
.injection .section-a .row div{float: left;width: 50%;margin-bottom: 80px;padding: 0 0 0 43px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 0;color: #494949;font-size: 20px;font-weight: bold;box-sizing: border-box}
.injection .section-a .row div:last-child{padding: 0 0 0 69px;background: url('../img/sub/one/details_chk.jpg') no-repeat 30px 0;}
.injection .section-a .row p{margin-top: 10px;color: #888;font-size: 16px;letter-spacing: -1px;line-height: 1.3em;}

/* b_a_d */
.b_a_d .section-a h1{padding: 90px 0 25px;color: #2d2d2d;font-size: 30px;font-weight: bold;text-align: center;}
.b_a_d .section-a .txt01{padding: 0 0 60px 188px;color: #888;font-size: 16px;line-height: 26px;letter-spacing: -0.5px;}
.b_a_d .section-a .row{overflow: hidden;}
.b_a_d .section-a .row div{float: left;width: 50%;margin-bottom: 80px;padding: 0 0 0 43px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 0;color: #494949;font-size: 20px;font-weight: bold;box-sizing: border-box}
.b_a_d .section-a .row div:last-child{padding: 0 0 0 69px;background: url('../img/sub/one/details_chk.jpg') no-repeat 30px 0;}
.b_a_d .section-a .row p{margin-top: 10px;color: #888;font-size: 16px;letter-spacing: -1px;line-height: 1.3em;}

/* greeting */
.greeting .ceo-greeting{margin: 95px 0 128px;}

/* history */
.history .section-a > div{height: 614px;margin: 57px auto 90px;background: url('../img/sub/company/history_line.jpg') repeat-y 50% 8px;}
.history .section-a > div > div{overflow: hidden;}
.history .section-a > div .left{background: url('../img/sub/company/history_circle.jpg') no-repeat 50% 0;}
.history .section-a > div .right{background: url('../img/sub/company/history_circle.jpg') no-repeat 50% 0;}
.history .section-a > div .left .inner{float: left;width: 50%;margin-left: 6px;padding: 0 0 10px;overflow: hidden;box-sizing: border-box}
.history .section-a > div .right .inner{float: right;width: 50%;margin-right: 7px;padding: 0 0 10px;overflow: hidden;box-sizing: border-box}
.history .section-a > div .left .inner .date{float: right;width: 116px;margin-right: 27px;color: #303030;font-size: 16px;font-weight: bold;text-align: left;}
.history .section-a > div .right .inner .date{float: left;width: 116px;margin-left: 27px;color: #303030;font-size: 16px;font-weight: bold;text-align: right;}
.history .section-a > div .left .inner p{float: right;margin-right: 19px;color: #7d7d7d;font-size: 14px;line-height: 18px;text-align: right;overflow: hidden;box-sizing: border-box}
.history .section-a > div .right .inner p{float: left;margin-left: 19px;color: #7d7d7d;font-size: 14px;line-height: 18px;text-align: left;overflow: hidden;box-sizing: border-box}

/* locations */
.locations .section-a > div{margin: 60px auto 75px;}
.locations .map01{float: left;width: 50%;padding-right: 15px;box-sizing: border-box}
.locations .map02{float: right;width: 50%;padding-left: 15px;box-sizing: border-box}
.locations .section-a > div h1{margin-bottom: 20px;color: #2d2d2d;font-size: 18px;font-weight: bold;}
.locations .address{margin-top: 20px;color: #888;font-size: 14px;line-height: 26px;}

/* contact us */
.contact_us .section-a > div{padding: 65px 40px 80px;}
.contact_us .txt{color: #888;font-size: 20px;line-height: 26px;letter-spacing: -1px;}
.contact_us .office-info{margin-top: 32px;}
.contact_us .office-info div{width: 511px;height: 147px;padding: 20px 40px;border: 1px solid #e0e0e0;box-sizing: border-box}
.contact_us .office-info div h1{color: #888;font-size: 18px;font-weight: bold;line-height: 26px;}
.contact_us .office-info div p{color: #888;font-size: 14px;line-height: 26px;}
.contact_us .office-info .office01{float: left;}
.contact_us .office-info .office02{float: right;}
.contact_us table{width: 100%;margin: 20px 0 14px;border-top: 1px solid #ddd;}
.contact_us table .col01{width: 120px;}
.contact_us table .col02{width: auto;}
.contact_us table tr{border-bottom: 1px solid #ddd;}
.contact_us table th{height: 50px;padding-left: 15px;border: 1px solid #ddd;border-left: none;background-color: #ececec;text-align: left;}
.contact_us table th label{color: #7b7b7b;font-size: 14px;}
.contact_us table td{padding: 11px 18px;border-right: 1px solid #ddd;}
.contact_us table td:last-child{border-right: none;}
.contact_us table td input{width: 374px;height: 30px;border: 1px solid #ddd;background-color: #f9f9f9;}
.contact_us table td textarea{width: 100%;height: 132px;border: 1px solid #ddd;resize: none;box-sizing: border-box}
.contact_us .agreement{width: 100%;height: 162px;margin-bottom: 10px;padding: 15px 10px;color: #7b7b7b;font-size: 14px;line-height: 20px;border: 1px solid #ddd;overflow-y: scroll;box-sizing: border-box}
.contact_us .chk-agree input{width: 13px;height: 13px;margin: 5px 5px 0 0;vertical-align: top;}
.contact_us .chk-agree label{color: #7b7b7b;font-size: 14px;line-height: 20px;}
.contact_us .btn-area{margin-top: 35px;text-align: center;}
.contact_us .btn-area button{color: #fff;font-size: 16px;text-align: center;font-family: 'MalgunGothic',sans-serif;line-height: 53px;transition: 0.3s}
.contact_us .btn-area button:hover{opacity: 0.7;}
.contact_us .btn-area .btn-apply{width: 161px;background: #007bb6;}
.contact_us .btn-area .btn-cancel{width: 108px;background: #a8a8a8;}

/* careers */
.careers .section-a > div{padding: 65px 67px 80px;}
.careers .txt{margin-top: 30px;color: #888;font-size: 16px;line-height: 26px;letter-spacing: -1px;}
.careers article{margin-top: 65px;}
.careers article h1{margin-bottom: 32px;padding-left: 44px;color: #494949;font-size: 20px;font-weight: bold;background: url('../img/sub/details_chk.jpg') no-repeat 6px 0;}
.careers article table{width: 100%;border-top: 2px solid #67585b;}
.careers article table .col01{width: 229px;}
.careers article table .col02{width: 367px;}
.careers article table .col03{width: auto;}
.careers article table tr{border-bottom: 1px solid #e5e6e7;}
.careers article table tr:last-child{border-bottom-color: #bfbfbf;}
.careers article table th{height: 45px;background: #f7f7f7;border-right: 1px solid #e5e6e7;}
.careers article table th:last-child{border-right: none;}
.careers article table td{padding: 20px 55px;vertical-align: top;border-right: 1px solid #e5e6e7;color: #808080;font-size: 14px;line-height: 22px;}
.careers article table td:last-child{border-right: none;}
.careers article h2{margin: 40px 0 0 47px;color: #515151;font-size: 16px;font-weight: bold;}
.careers article p{margin: 20px 0 0 47px;color: #888;font-size: 16px;}
/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/

/*///////////////////// footer End /////////////////////*/

/* 모바일 스타일 */
@media screen and (max-width: 768px){
	#sub-loc{background-color: #6A93C1;}
	#sub-loc h1{float: none;color: #fff;font-size: 20px;line-height: 30px;text-align: center;}
	#sub-loc .sign{float: right;margin-right: 10px;}
	#sub-loc .sign a{font-size: 10px;line-height: 20px;}
	#sub-loc .sign span{font-size: 10px;line-height: 20px;}
	#sub-loc .sign .sub{background: url('../img/sub/sub_loc_arrow.png') no-repeat 7px center;}
	.sub-visual{height: 83px;background-position: center 0;text-indent: -9999em;background-size: cover}

	/* overview */
	.overview .section-a .head{padding: 20px 10px}
	.overview .section-a .head h1{margin-bottom: 0;font-size: 20px;letter-spacing: 0;line-height: 1.2em;}
	.overview .section-a .head p{font-size: 14px;line-height: 20px;text-indent: 0 !important;}
	.overview .section-a .way{padding: 0 10px;}
	.overview .section-a .way h1{height: 35px;}
	.overview .section-a .way h1 img{height: 100%;}
	.overview .section-a .way p{margin-top: 20px;font-size: 16px;line-height: 1.2em;}
	.overview .section-a .way .tbl{display: block;width: auto;margin: 20px auto 0;}
	.overview .section-a .way .tbl .row{display: block;}
	.overview .section-a .way .tbl .row div{display: block;padding-left: 70px;width: auto;font-size: 12px;box-sizing: border-box;height: 50px;box-sizing: border-box}
	.overview .section-a .way .tbl .item01{padding-top: 20px;background: url('../img/sub/one/overview_ico01.jpg') no-repeat 10px center;background-size: 50px 50px}
	.overview .section-a .way .tbl .item02{padding-top: 20px;padding-left: 70px !important;background: url('../img/sub/one/overview_ico02.jpg') no-repeat 10px center;background-size: 50px 50px}
	.overview .section-a .way .tbl .item03{padding-top: 20px;background: url('../img/sub/one/overview_ico03.jpg') no-repeat 10px center;background-size: 50px 50px}
	.overview .section-a .way .tbl .item04{padding-top: 20px;padding-left: 70px !important;background: url('../img/sub/one/overview_ico04.jpg') no-repeat 10px center;background-size: 50px 50px}
	.overview .section-a .way .tbl .item05{padding-top: 20px;background: url('../img/sub/one/overview_ico05.jpg') no-repeat 10px center;background-size: 50px 50px}
	.overview .section-a .way .tbl .item06{padding-top: 20px;padding-left: 70px !important;background: url('../img/sub/one/overview_ico06.jpg') no-repeat 10px center;background-size: 50px 50px}
	.overview .section-a .business-one{margin: 10px 0;padding: 10px;background: none}
	.overview .section-a .business-one div{font-size: 16px;line-height: 1.2em;}
	.overview .section-a .business-one p{margin-top: 10px;font-size: 14px;line-height: 1.2em;}
	.overview .section-b h1{font-size: 20px;padding: 0 10px;}
	.overview .section-b h1 em{font-size: 1em;}
	.overview .section-b div{height: auto;padding: 10px;margin-top: 10px;background-color: #007bb6;}
	.overview .section-b div p{font-size: 12px;line-height: 1.3em;letter-spacing: 0;text-indent: 0 !important;}
	.overview .section-b div p strong{font-size: 1em;line-height: 1.3em;}
	.overview .section-b ul{width: auto;margin: 10px auto 0;padding-bottom: 0;}
	.overview .section-b h2{padding: 0;margin-bottom: 10px;font-size: 14px;line-height: 1.3em;}
	.overview .section-b ul li{height: auto;padding: 10px;margin-bottom: 10px;background-size: 100px 72px}
	.overview .section-b ul li.odd{padding-right: 110px;background-position: right 20px;}
	.overview .section-b ul li.even{padding-left: 110px;background-position: 0 20px;}
	.overview .section-b ul li p{font-size: 12px;line-height: 1.3em;}
	.overview .section-b ul li p em{font-size: 12px;}

	/* details */
	.details .section-a > div{height: auto;padding: 20px 10px;border-bottom: 1px solid #eee;background: none;}
	.details .section-a > div div{padding-left: 25px;margin-bottom: 10px;background-size: 10px 8px;font-size: 14px;line-height: 1.5em;}
	.details .section-b > div{height: auto;padding: 20px 10px;}
	.details .section-b h1{margin-bottom: 25px;font-size: 20px;}
	.details .section-b h2{margin-bottom: 10px;font-size: 16px;line-height: 1.3em;}
	.details .section-b p{font-size: 12px;line-height: 1.3em;}
	.details .section-b .sub01{float: none;width: auto;padding-top: 120px;margin-bottom: 10px;background-position: center 0;background-size: 225px 111px}
	.details .section-b .sub02{float: none;width: auto;padding-top: 195px;background-position: center 0;background-size: 253px 186px}
	.details .section-c > div{height: 320px;padding-top: 20px;background-position: center 90px;background-size: 100%}
	.details .section-c h1{margin-bottom: 15px;font-size: 20px;}
	.details .section-c h2{font-size: 14px;}

	/* hana-speed */
	.hana .section-a > div{height: auto;padding: 20px 10px 0}
	.hana .section-a .description{margin-left: 0;font-size: 14px;line-height: 1.5em;letter-spacing: 0}
	.hana .section-a h1{margin: 20px 0;font-size: 20px}
	.hana .section-a .table{display: block}
	.hana .section-a .table .row{display: block}
	.hana .section-a .table .row div{display: block;margin-bottom: 10px;padding: 0 0 0 25px;background-position: 6px center;background-size: 10px 8px;font-size: 14px;line-height: 1.5em;}
	.hana .section-a .table .row .first{width: auto;}
	.hana .section-b{background: none}
	.hana .section-b > div{height: auto;padding: 20px 10px 10px}
	.hana .section-b h1{margin-bottom: 15px;font-size: 16px;letter-spacing: 0}
	.hana .section-b .item{height: auto;margin-bottom: 10px;padding-left: 25px;font-size: 12px;line-height: 1.4em;letter-spacing: 0}
	.hana .section-b .item .num{top: 3px;left: 0;width: 18px;font-size: 12px;line-height: 18px}
	.hana .section-c > div{height: auto;}
	.hana .section-c h1{padding: 20px 0;font-size: 20px;line-height: 1.5em;}
	.hana .section-c .contain .item{width: auto;padding: 65px 10px 10px;background-size: 68px 65px;background-position: center 0}
	.hana .section-c .contain .item .subject{margin-bottom: 10px;font-size: 20px}
	.hana .section-c .contain .item p{font-size: 12px;line-height: 1.5em;text-align: center;}
	.hana .section-d > div{height: auto;padding: 0 10px;}
	.hana .section-d .ask{padding: 20px 0;font-size: 20px}
	.hana .section-d .answer{margin-bottom: 20px;font-size: 14px;letter-spacing: 0}
	.hana .section-d .row div{float: none;width: auto;margin-bottom: 20px;padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;font-size: 14px;background-size: 10px 8px}
	.hana .section-d .row div:last-child{padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px}
	.hana .section-d .row div p{font-size: 12px;letter-spacing: 0;line-height: 1.5em;}

	/* cloud */
	.cloud .section-a > div{padding: 20px 10px}
	.cloud .section-a h1{margin-bottom: 15px;font-size: 20px;letter-spacing: 0}
	.cloud .section-a .description{font-size: 12px;line-height: 1.5em;letter-spacing: 0}
	.cloud .section-b > div{padding: 20px 10px;}
	.cloud .section-b h1{font-size: 20px;letter-spacing: 0}
	.cloud .section-b .article01{height: auto;margin-top: 0;padding: 10px 0;background:none}
	.cloud .section-b .article02{height: auto;margin-top: 0;padding: 10px 0;background: none}
	.cloud .section-b .article03{height: auto;margin-top: 0;padding: 10px 0;background: none}
	.cloud .section-b .article04{height: auto;margin-top: 0;padding: 10px 0;background: none}
	.cloud .section-b .article05{height: auto;margin: 0;padding: 10px 0;background: none}
	.cloud .section-b article{box-sizing: border-box}
	.cloud .section-b article h3{margin-bottom: 10px;color: #037db8;font-size: 20px;font-weight: bold;}
	.cloud .section-b .article01 h3{padding-top: 34px;background: url('../img/sub/cloud/ico01.jpg') no-repeat 106px bottom;}
	.cloud .section-b .article02 h3{padding-top: 34px;background: url('../img/sub/cloud/ico02.jpg') no-repeat 148px bottom;}
	.cloud .section-b .article02 .last{position: static;}
	.cloud .section-b .article03 h3{padding-top: 49px;background: url('../img/sub/cloud/ico03.jpg') no-repeat 160px bottom;}
	.cloud .section-b .article04 h3{padding-top: 59px;background: url('../img/sub/cloud/ico04.jpg') no-repeat 74px bottom;}
	.cloud .section-b article p{font-size: 12px;line-height: 1.5em;}
	.cloud .section-c > div{height: auto;padding: 20px 10px;background: none}
	.cloud .section-c h1{margin-bottom: 15px;font-size: 18px;letter-spacing: 0}
	.cloud .section-c h1 em{font-size: 1em;}
	.cloud .section-c p{margin: 0 !important;font-size: 12px;line-height: 1.5em;letter-spacing: 0}
	.cloud .section-c p strong{font-size: 1em;line-height: 1.5em;}
	.cloud .section-c p em{font-size: 1em;font-weight: bold;line-height: 1.5em;}

	/* industry */
	.industry .section-a{padding: 0 10px;}
	.industry .section-a h1{padding: 20px 0;font-size: 20px}
	.industry .section-a .txt01{padding-left: 0;font-size: 14px;line-height: 1.5em}
	.industry .section-a .txt02{padding-left: 0;margin-bottom: 10px;font-size: 12px;line-height: 1.5em;letter-spacing: 0}
	.industry .section-a .item-list{width: auto;margin: 20px 0;}
	.industry .section-a .item-list div{display: block;float: left;width: 33.3333%;margin: 0;padding: 10px;text-align: center;box-sizing: border-box}
	.industry .section-a .item-list div img{width: 100%;}

	/* project */
	.project .section-a > div{height: auto;padding: 0 10px;}
	.project .section-a h1{padding: 20px 10px;font-size: 20px;line-height: 1.5em;}
	.project .section-a .txt01{padding: 0;font-size: 14px;line-height: 1.5em;}
	.project .section-a .row div{width: auto;margin: 10px 0;padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;font-size: 14px}
	.project .section-a .row div:last-child{padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;}
	.project .section-a .row p{font-size: 12px;letter-spacing: 0;line-height: 1.3em;}
	.project .section-b > div{padding-bottom: 50px}
	.project .section-b h1{padding: 20px 0 10px;font-size: 16px}
	.project .section-b p{font-size: 12px;line-height: 1.5em;}

	/* retail */
	.retail .section-a > div{padding: 20px 10px;}
	.retail .section-a .top{padding-right: 0;background: none}
	.retail .section-a p{font-size: 14px;line-height: 1.5em}
	.retail .section-a ul{margin: 20px 0}
	.retail .section-a li{margin-bottom: 10px;font-size: 14px;line-height: 1.5em;letter-spacing: 0}
	.retail .section-a .bottom{margin-bottom: 50px;}
	.retail .section-a .bottom h1{margin-bottom: 10px;font-size: 16px}
	.retail .section-a .bottom p{font-size: 12px;line-height: 1.5em}

	/* mfacuring */
	.mfacuring .section-a{padding: 0 10px;}
	.mfacuring .section-a h1{padding: 20px 0;font-size: 20px}
	.mfacuring .section-a .txt01{padding: 0 0 20px 0;font-size: 14px;line-height: 1.5em;letter-spacing: 0}
	.mfacuring .section-a .row div{width: auto;margin-bottom: 10px;padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;font-size: 14px}
	.mfacuring .section-a .row div:last-child{padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;}
	.mfacuring .section-a .row p{font-size: 12px;letter-spacing: 0;line-height: 1.5em;}

	/* fnb */
	.fnb .section-a{padding: 0 10px;}
	.fnb .section-a h1{padding: 20px 0;font-size: 20px}
	.fnb .section-a .txt01{padding: 0 0 20px 0;font-size: 14px;line-height: 1.5em;letter-spacing: 0}
	.fnb .section-a .row div{width: auto;margin-bottom: 10px;padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;font-size: 14px}
	.fnb .section-a .row div:last-child{padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;}
	.fnb .section-a .row p{font-size: 12px;letter-spacing: 0;line-height: 1.5em;}

	/* injection */
	.injection .section-a{padding: 0 10px;}
	.injection .section-a h1{padding: 20px 0;font-size: 20px}
	.injection .section-a .txt01{padding: 0 0 20px 0;font-size: 14px;line-height: 1.5em;letter-spacing: 0}
	.injection .section-a .row div{width: auto;margin-bottom: 10px;padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;font-size: 14px}
	.injection .section-a .row div:last-child{padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;}
	.injection .section-a .row p{font-size: 12px;letter-spacing: 0;line-height: 1.5em;}

	/* b_a_d */
	.b_a_d .section-a{padding: 0 10px;}
	.b_a_d .section-a h1{padding: 20px 0;font-size: 20px}
	.b_a_d .section-a .txt01{padding: 0 0 20px 0;font-size: 14px;line-height: 1.5em;letter-spacing: 0}
	.b_a_d .section-a .row div{width: auto;margin-bottom: 10px;padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;font-size: 14px}
	.b_a_d .section-a .row div:last-child{padding: 0 0 0 25px;background: url('../img/sub/one/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px;}
	.b_a_d .section-a .row p{font-size: 12px;letter-spacing: 0;line-height: 1.5em;}

	/* greeting */
	.greeting .ceo-greeting{width: 100%;margin: 20px 0;}

	/* history */
	.history .section-a > div{height: auto;margin: 30px auto}

	/* locations */
	.locations .section-a > div{margin: 20px auto;padding: 0 10px;}
	.locations .map01{width: auto;padding: 0;margin-bottom: 20px;}
	.locations .map01 img{width: 100%;}
	.locations .map02{width: auto;padding: 0}
	.locations .map02 img{width: 100%;}
	.locations .section-a > div h1{margin-bottom: 20px;color: #2d2d2d;font-size: 18px;font-weight: bold;}
	.locations .address{margin-top: 20px;color: #888;font-size: 14px;line-height: 26px;}
	.locations .address a{color: #888;font-size: 14px;line-height: 26px;}

	/* contact us */
	.contact_us .section-a > div{padding: 20px 10px}
	.contact_us .office-info{margin-top: 20px;}
	.contact_us .office-info div{width: 100%;height: auto;margin-bottom: 10px;padding: 10px}
	.contact_us .office-info div h1{font-size: 14px}
	.contact_us .office-info div p{font-size: 12px;}
	.contact_us .office-info .office01{float: left;}
	.contact_us .office-info .office02{float: right;}
	.contact_us table{width: 100%;margin: 10px 0}
	.contact_us table .col01{width: 80px;}
	.contact_us table th label{font-size: 12px;}
	.contact_us table td{padding: 10px}
	.contact_us table td:last-child{border-right: none;}
	.contact_us table td input{width: 100%}
	/* .contact_us .agreement{width: 100%;height: 162px;margin-bottom: 10px;padding: 15px 10px;color: #7b7b7b;font-size: 14px;line-height: 20px;border: 1px solid #ddd;overflow-y: scroll;box-sizing: border-box} */
	.contact_us .btn-area{margin-top: 20px}
	.contact_us .btn-area button{font-size: 12px;line-height: 35px}
	.contact_us .btn-area .btn-apply{width: 161px;background: #007bb6;}
	.contact_us .btn-area .btn-cancel{width: 108px;background: #a8a8a8;}

	/* careers */
	.careers .section-a > div{padding: 20px 0}
	.careers .section-a > div img{width: 100%;}
	.careers .txt{margin: 20px 10px 0;font-size: 16px;}
	.careers article{margin-top: 20px;}
	.careers article h1{margin-bottom: 10px;padding-left: 25px;font-size: 15px;background: url('../img/sub/details_chk.jpg') no-repeat 6px 5px;background-size: 10px 8px}
	.careers article table .col01{width: 20%;}
	.careers article table .col02{width: 40%;}
	.careers article table .col03{width: auto;}
	.careers article table td{padding: 5px;font-size: 12px;line-height: 1.5em;}
	.careers article table td:last-child{border-right: none;}
	.careers article h2{margin: 10px;font-size: 13px}
	.careers article p{margin: 10px;font-size: 12px;}
}