@charset "utf-8";/* base */
html,body {height:100%}
body, h1, h2, h3, h4, h5, h6, fieldset, ul, ol, dl, dt, dd, p, button, figure, xmp {margin:0;padding:0}
body {font:500 14px/1.5 'SpoqaHan', 'sans-serif';color:#111;word-break:keep-all;-webkit-touch-callout:none;box-sizing:border-box;-webkit-text-size-adjust:none;text-size-adjust:none;letter-spacing:-0.5px}
legend, caption {overflow:hidden;top:0;left:0;z-index:-1;width:1px;height:1px;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);color:transparent;font-size:1px;margin-top:-1px}
a {text-decoration:none;color:inherit}
a[href^="tel"] {cursor:default}
fieldset, button {background:none;border:0px}
li {list-style:none}
table {width:100%;border-spacing:0px;border-collapse:collapse}
iframe {width:100%;vertical-align:middle;border:0 none}
button, input, optgroup, select, textarea {font:inherit}
button {cursor:pointer}
h1, h2, h3, h4, h5, h6 {font-weight:700;-webkit-font-smoothing:subpixel-antialiased}
input,
select,
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0}
b, strong {font-weight:700}
em {font-style:inherit}

/*skipNavi
#skipNavi {position:relative;display:none}
#skipNavi a{display:block;position:absolute;left:0;top:-300px;width:300px;text-align:center;color:#fff;background:#000;z-index:200}
#skipNavi a:focus, #skipNavi a:hover{top:0px}
*/

/*common*/
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin-left:-1px;overflow:hidden;color:transparent;border:0 none;background:transparent}
.m_none{display:none}
.w_none{display:block}
sup {line-height:0}
.hidden {overflow:hidden}

/*color*/
.fc_blue{color:#635fff !important}
.fc_red{color:#f53751 !important}

/*align*/
.taC {text-align:center !important}
.taL {text-align:left !important}
.taR {text-align:right !important}

.root_daum_roughmap {margin:right !important}


/*layout*/
#wrap{height:100%;box-sizing:border-box}


/*PC*/

/*common*/
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin-left:-1px;overflow:hidden;color:transparent;border:0 none;background:transparent}
.m_none{display:none}
.w_none{display:block}
sup {line-height:0}
.hidden {overflow:hidden}

/*color*/
.fc_blue{color:#635fff !important}
.fc_red{color:#f53751 !important}
.fc_white{color:#f9fafb!important}

/*align*/
.taC {text-align:center !important}
.taL {text-align:left !important}
.taR {text-align:right !important}

/*layout*/
#wrap{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-grow:1;min-height:100%}

/*header*/
#header.main {position:relative;width:100%;height:120px;box-shadow:0 5px 6px -2px rgb(0 0 0 / 7%);z-index:10;background:rgba(255,255,255,1)}
#header.sub {position:fixed;top:0;left:0;width:100%;height:120px;box-shadow:0 5px 6px -2px rgb(0 0 0 / 7%);z-index:10;background:rgba(255,255,255,1)}
#header .head_top {height:40px;/*border-top:5px solid rgba(55,108,222.1);*/box-sizing:border-box;background:rgba(55,108,222,1)}
#header .head_top:after {content:'';display:block;clear:both}

#header .head_cont {height:80px;width:1120px;margin:0 auto}
.head_util {width:1120px;margin:0 auto;padding-top:6px}
.head_util li {float:right;padding-left:20px;vertical-align:middle;height:17px}
.head_util li:after {content:'';display:inline-block;position:absolute;top:50%;right:-1px;height:12px;width:1px;background:#ddd;margin-top:-3px}
.head_util li:first-child:before {display:none;padding-left:0}
.head_util li:last-child {padding-right:0}
.head_util li a {vertical-align:middle}
.head_util button {display:inline-block;padding:0 8px;height:17px;line-height:17px;background:#d5dcee;font-size:11px;border-radius:3px;margin:0 0 0 6px;vertical-align:top}
#header h1 span.logo {display:inline-block;float:left;background:url(../images/common/logo.png) no-repeat center center / 130px 36px;width:130px;height:36px;color:transparent;vertical-align:middle;;margin-top:26px}
#header h1 span.txt {display:inline-block;vertical-align:middle;height:30px;line-height:32px;margin-left:10px;margin-top:-1px}
#header .gnb {float:right}
#header .gnb:after {content:'';display:block;clear:both}
#header .gnb li {float:left;font-size:20px;font-weight:900;margin-left:100px}
#header .gnb li:first-child {margin-left:0}
#header .gnb li a {display:block;line-height:80px;color:#333}
#header .gnb li a.on {color:rgba(55,108,222,1)}
#header .gnb li a:hover, .gnb li a:focus {color:rgba(55,108,222,1)}


/*main_contents*/
#container{position:relative;background:rgba(211,218,236,1);/*min-height:100%;margin:-111px 0 -110px;*/}
#contents{position:relative;/*padding:111px 0 110px;*/width:1120px;height:850px;margin:0 auto;background:url(../images/common/pc_visual.png) no-repeat center top/ cover}

#contents h2.pageTit {display:inline-block;background:linear-gradient(130deg, rgba(41,70,139,1), rgba(27,48,100,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.1rem;margin:170px 0}
#contents h2.pageTit span.fs_36 {font-size:36px;font-weight:500;line-height:1.3em}
#contents h2.pageTit span.fs_46 {font-size:46px;font-weight:700;line-height:1.3em}
#contents h2.pageTit p.fs_22 {font-size:22px;-webkit-text-fill-color:rgba(17,17,17,1);font-weight:500;margin-top:16px}

#contents .ct_service {width:100%}
#contents .ct_service .sv {float:left;width:185px;height:220px;font-size:28px;font-weight:700;line-height:1.3em;background:rgba(255,255,255.1);border-radius:10px;margin-right:20px;padding:40px}
#contents .ct_service .sv.on {background:rgba(55,108,222,1);color:rgba(255,255,255,1);/*1s cubic-bexier(0,0.9,0.4,1) Os infinite;*/}
#contents .ct_service .sv .ico_dashed {display:block;width:30px;height:5px;background:rgba(17,17,17,1);margin-bottom:30px}
#contents .ct_service .sv .ico_dashed.on {background:rgba(255,255,255,1)}
#contents .ct_service .sv p {font-size:16px;line-height:1.5em;margin-top:30px}


/*sub_contents*/

/*회사소개*/
/*회사소개:인사말 → 연혁 및 실적 → 사업분야 → 주요사업  → 고객사*/

#sub_container {position:relative;/*min-height:100%;*/margin:-121px 0 -120px;background:rgba(255,255,255,1);/*rgba(211,218,236,1)*/}
#sub_contents {position:relative;padding:121px 0 0}

#sub_contents h2.subTit {margin-top:121px;width:100%;height:200px;text-align:center;vertical-align:middle;letter-spacing:-0.1rem;background:url(../images/common/pc_subtit_bg.png) no-repeat center top / cover rgba(0,0,0,1)}
#sub_contents h2.subTit span.fs_36 {display:inline-block;font-size:36px;font-weight:900;line-height:1.3em;color:rgba(255,255,255,1);margin-top:74px}
#sub_contents h2.subTit span.fs_36:after {display:inline-block;font-size:36px;font-weight:900;line-height:1.3em;color:rgba(255,255,255,1);margin-top:74px}

#sub_contents .subMenu {width:100%;background:rgba(211,218,236,0.2);border-top:1px solid rgba(220,220,220,1);border-bottom:1px solid rgba(220,220,220,1);box-sizing:border-box}
#sub_contents .subMenu ul.menu.one {width:600px;margin:0 auto;display:flex;justify-content:space-between;letter-spacing:-0.1rem}
#sub_contents .subMenu ul.menu.two {width:200px;margin:0 auto;display:flex;justify-content:space-between;letter-spacing:-0.1rem}
#sub_contents .subMenu ul.menu.three {width:600px;margin:0 auto;display:flex;justify-content:space-between;letter-spacing:-0.1rem}
#sub_contents .subMenu ul li {font-size:18px;font-weight:700;line-height:1.3em;padding:24px 0}
#sub_contents .subMenu ul li.on {color:rgba(55,108,222,1);border-bottom:3px solid rgba(55,108,222,1)}
#sub_contents .subMenu ul li:hover {color:rgba(55,108,222,1)}
#sub_contents .cont_inner {width:100%;height:auto}
#sub_contents .cont_inner.One {width:100%;background:rgba(211,218,236,1);padding:120px 0 0}
#sub_contents .cont_inner .cont_area {width:1120px;margin:0 auto}
#sub_contents .cont_inner .cont_area.one {height:auto;background:rgba(211,218,236,1)}
#sub_contents .cont_inner .cont_area .area_Tit {text-align:center}
#sub_contents .cont_inner .cont_area .area_Tit h3 {font-size:30px;font-weight:700;line-height:1.3em;margin-bottom:30px}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {display:inline-block;width:30px;height:5px;background:linear-gradient(90deg, rgba(55,108,222,1) 50%, rgba(27,48,100,1) 50%)}
#sub_contents .cont_inner .cont_area .area.one {width:100%;height:auto;margin-top:50px;border:1px solid rgba(220,220,220,1);background:rgba(255,255,255,1);box-sizing:border-box;border-radius:10px;padding:40px}
#sub_contents .cont_inner .cont_area .area .area_Greetings {font-size:18px;font-weight:500;line-height:1.8em;word-break:break-all;white-space:normal}
#sub_contents .cont_inner .cont_area .area .area_Greetings + p {font-size:18px;font-weight:500;line-height:2em;word-break:keep-all;margin-top:40px;text-align:center}

#sub_contents .cont_inner.Two {width:100%;background:rgba(211,218,236,1);padding:120px 0 50px}
#sub_contents .cont_inner .cont_area .area.two {width:100%;height:486px;margin-top:50px}

#sub_contents .cont_inner.Three {width:100%;position:relative;height:auto;background:rgba(211,218,236,0.3);padding:120px 0 50px}
#sub_contents .cont_inner .cont_area .area.three {width:100%;margin-top:50px}
#sub_contents .cont_inner .cont_area .area .area_Business > p {font-size:22px;font-weight:700;line-height:2em;letter-spacing:-0.1rem;word-break:keep-all;margin-top:40px;text-align:center;margin-bottom:30px}
#sub_contents .cont_inner .cont_area .area .area_Business .img.one {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area {width:100%;margin-top:50px}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area + ul {width:100%}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area ul li {display:inline-block;width:250px;height:200px;margin-right:35px}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area ul li:last-child {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .one {height:200px;background:url(../images/common/pc_sub_business02_1.png) no-repeat center top / 250px 200px}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .two {height:200px;background:url(../images/common/pc_sub_business02_2.png) no-repeat center top / 250px 200px}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .three {height:200px;background:url(../images/common/pc_sub_business02_3.png) no-repeat center top / 250px 200px}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .four {height:200px;background:url(../images/common/pc_sub_business02_4.png) no-repeat center bottom / 250px 200px}

#sub_contents .cont_inner.Four {width:100%;position:relative;height:auto;background:rgba(255,255,255,1);margin-top:120px}
#sub_contents .cont_inner .cont_area .area.four {width:100%;height:auto;margin-top:50px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table.first {}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table.last {margin-top:120px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table th {height:88px;font-size:16px;font-weight:700;line-height:2em;letter-spacing:-0.1rem;color:rgba(255,255,255,1);background:url(../images/common/ico_pattern.png) no-repeat center bottom / 250px 56px rgba(55,108,222,1)}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table td {word-break:break-all;white-space:normal;border:1px solid rgba(220,220,220,1);background:rgba(255,255,255,1);box-sizing:border-box;padding:20px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .img.one {margin-top:50px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .img.two {margin-top:50px}


#sub_contents .cont_inner.Five {width:100%;position:relative;height:auto;background:rgba(255,255,255,1);margin-top:120px;margin-bottom:100px}
#sub_contents .cont_inner .cont_area .area.five {width:100%;margin-top:50px;text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Client {height:957px}
#sub_contents .cont_inner .cont_area .area .area_Client li {display:inline-block;width:208px;height:67px;float:left;margin:0 20px 20px 0;border:1px solid rgba(163,163,163,1);border-radius:10px;padding:10px;box-sizing:border-box;vertical-align:middle;text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(5) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(10) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(15) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(20) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(25) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(30) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(35) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(40) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(45) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(50) {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:last-child {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Client li:nth-child(26) {clear:both}


/*채용문의*/
/*채용문의 :채용문의 → 솔루션문의*/

#sub_contents .cont_inner.Six {background:rgba(211,218,236,0.3);padding:120px 0 0}
#sub_contents .cont_inner .cont_area.six {height:auto;background:rgba(211,218,236,0)}
#sub_contents .cont_inner .cont_area .area.six {height:auto;margin-top:50px;border:1px solid rgba(220,220,220,1);background:rgba(255,255,255,1);box-sizing:border-box;border-radius:10px;padding:40px;background:url(../images/common/pc_sub02_bg.png) no-repeat center top / 1120px 300px rgba(255,255,255,1)}
#sub_contents .cont_inner .cont_area .area .area_Adoption {font-size:18px;font-weight:500;line-height:1.8em;word-break:break-all;white-space:normal;margin-bottom:80px}
#sub_contents .cont_inner .cont_area .area .area_Adoption + p {font-size:18px;font-weight:500;line-height:2em;word-break:keep-all;margin-top:40px;text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process {position:relative}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area {height:300px;color:rgba(255,255,255,1);height:260px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.one {font-size:70px;font-weight:700;line-height:0.8em}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.two {font-size:90px;font-weight:700;line-height:1.5em}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.three {font-size:18px;font-weight:500}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process h4.adop_Tit {position:relative;font-size:26px;font-weight:700;line-height:1.3em;margin-top:100px;margin-bottom:50px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure {position:relative;width:100%;text-align:center;height:auto}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process figure {display:inline-block;width:240px;height:240px;font-size:22px;font-weight:700;text-align:center;margin-left:-20px;vertical-align:middle}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process figure:first-child {margin-left:0}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .one {background:rgba(205,218,247,1);border-radius:50%}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .one span.txt {display:block;margin-top:100px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .two {background:rgba(155,181,238,1);border-radius:50%}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .two span.txt {display:block;margin-top:100px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .three {color:rgba(255,255,255,1);background:rgba(105,145,230,1);border-radius:50%}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .three span.txt {display:block;margin-top:70px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .four {color:rgba(255,255,255,1);background:rgba(55,108,222,1);border-radius:50%}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .four span.txt {display:block;margin-top:100px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_text {position:relative;margin-top:40px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_text p {font-size:18px;font-weight:500}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period h4.adop_Tit {position:relative;font-size:26px;font-weight:700;line-height:1.3em;margin-top:100px;margin-bottom:50px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table {width:100%;border:1px solid rgba(200,200,200,1)}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table th {background:rgba(55,108,222,0.2);border-bottom:1px solid rgba(200,200,200,1);border-right:1px solid rgba(200,200,200,1);padding:14px 0}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table td {background:rgba(255,255,255,1);border-bottom:1px solid rgba(200,200,200,1);padding:14px 0 14px 20px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply h4.adop_Tit {position:relative;font-size:26px;font-weight:700;line-height:1.3em;margin-top:100px;margin-bottom:50px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven {display:inline-block;width:180px;height:60px;color:rgba(255,255,255,1);background:rgba(254,113,106,0.65);border-radius:100px;text-align:center;margin-right:20px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven span {display:block;margin-top:14px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight {display:inline-block;width:180px;height:60px;color:rgba(255,255,255,1);background:rgba(55,108,222,0.65);border-radius:100px;text-align:center;margin-right:20px;margin-top:20px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight span {display:block;margin-top:14px}



#sub_contents .cont_inner.Seven {width:100%;background:rgba(211,218,236,0.3);padding:120px 0 100px}
#sub_contents .cont_inner .cont_area.seven {height:auto;background:rgba(211,218,236,0)}
#sub_contents .cont_inner .cont_area .area.seven {height:auto;margin-top:50px;border:1px solid rgba(220,220,220,1);background:rgba(255,255,255,1);box-sizing:border-box;border-radius:10px;padding:40px;background:rgba(255,255,255,1)}
#sub_contents .cont_inner .cont_area .area .area_Solution  {font-size:18px;font-weight:500;line-height:1.8em;word-break:break-all;white-space:normal;margin-bottom:80px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess h4.solu_Tit {position:relative;font-size:26px;font-weight:700;line-height:1.3em;margin-top:100px;margin-bottom:50px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure {position:relative;width:100%;text-align:center;height:auto}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess figure {display:inline-block;width:240px;height:240px;font-size:22px;font-weight:700;text-align:center;margin-left:-20px;vertical-align:middle}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess figure:first-child {margin-left:0}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five {color:rgba(255,255,255,1);background:rgba(254,113,106,1);border-radius:50%}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five span.txt {display:block;margin-top:70px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five span.txt .ico_img {height:22px;background:url(../images/common/ico_email.png) no-repeat center top / 30px 22px;margin-bottom:10px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six {color:rgba(255,255,255,1);background:rgba(55,108,222,1);border-radius:50%}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six span.txt {display:block;margin-top:70px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six span.txt .ico_img {height:29px;background:url(../images/common/ico_transmitir.png) no-repeat center top / 30px 29px;margin-bottom:10px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .adop_text {position:relative;margin-top:40px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .adop_text p {font-size:18px;font-weight:500}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply h4.adop_Tit {font-size:26px;font-weight:700;line-height:1.3em;margin-top:100px;margin-bottom:50px}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven {display:inline-block;width:180px;height:60px;color:rgba(255,255,255,1);background:rgba(254,113,106,0.65);border-radius:100px;text-align:center;margin-right:20px}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven span {display:block;margin-top:14px}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight {display:inline-block;width:180px;height:60px;color:rgba(255,255,255,1);background:rgba(55,108,222,0.65);border-radius:100px;text-align:center;margin-right:20px;margin-top:20px}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight span {display:block;margin-top:14px}


/*오시는길*/
/*오시는길 :한마본사 → 한마지사*/

#sub_contents .cont_inner.Eight {width:100%;background:rgba(211,218,236,0.3);padding-top:120px}
#sub_contents .cont_inner .cont_area.eight {height:auto;background:rgba(211,218,236,0)}
#sub_contents .cont_inner .cont_area .area_Tit {text-align:center}
#sub_contents .cont_inner .cont_area .area_Tit h3 {}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {display:inline-block;width:30px;height:5px;background:linear-gradient(90deg, rgba(55,108,222,1) 50%, rgba(27,48,100,1) 50%)}
#sub_contents .cont_inner .cont_area .area.eight {width:100%;text-align:center;height:auto;margin-top:50px;border:1px solid rgba(220,220,220,1);background:rgba(255,255,255,1);box-sizing:border-box;border-radius:10px;background:rgba(0,0,0,0.5)}
#sub_contents .cont_inner .cont_area .area .area_Headoffice {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap {height:420px;/*background:url(../images/common/map.png) no-repeat center top / cover rgba(255,255,255,1)*/}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box {position:relative;width:326px;height:100%;border-radius:0 10px 10px 0;background:transparent}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont {position:relative;width:300px;height:100%;border-radius:10px 0 0 10px;background:rgba(55,108,222,1)}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_btn {position:absolute;top:20%;left:300px;transform:translateY(-30%);width:26px;height:34px;border-radius:0 10px 10px 0;background:url(../images/common/acco_arr_left.png) no-repeat center center / 8px 12px rgba(55,108,222,1)}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area h5.map_Tit {font-size:26px;font-weight:500;letter-spacing:-0.1rem;color:rgba(255,255,255,1);padding:50px 0 20px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt {background:rgba(255,255,255,1);padding:20px 30px 20px 30px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.title {font-size:22px;font-weight:500;color:rgba(55,108,222,1);margin-bottom:14px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.addr {font-size:16px;margin-bottom:14px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.tel, .txt p.fax  {font-size:18px}

#sub_contents .cont_inner.Nine {width:100%;background:rgba(211,218,236,0.3);padding:120px 0 100px}
#sub_contents .cont_inner .cont_area.nine {height:auto;background:rgba(211,218,236,0)}
#sub_contents .cont_inner .cont_area .area_Tit {text-align:center}
#sub_contents .cont_inner .cont_area .area_Tit h3 {font-size:30px;font-weight:700;line-height:1.3em;margin-bottom:30px}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {display:inline-block;width:30px;height:5px;background:linear-gradient(90deg, rgba(55,108,222,1) 50%, rgba(27,48,100,1) 50%)}
#sub_contents .cont_inner .cont_area .area.nine {height:auto;text-align:center;margin-top:50px;border:1px solid rgba(220,220,220,1);background:rgba(255,255,255,1);box-sizing:border-box;border-radius:10px;background:rgba(0,0,0,0.5)}
#sub_contents .cont_inner .cont_area .area .area_Branch {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap {width:100%;height:420px;/*background:url(../images/common/map.png) no-repeat center top / cover rgba(255,255,255,1)*/}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box {position:relative;width:326px;height:100%;border-radius:0 10px 10px 0;background:transparent}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont {position:relative;width:300px;height:100%;border-radius:10px 0 0 10px;background:rgba(55,108,222,1)}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_btn {position:absolute;top:20%;left:300px;transform:translateY(-50%);width:26px;height:34px;border-radius:0 10px 10px 0;background:url(../images/common/acco_arr_left.png) no-repeat center center / 8px 12px rgba(55,108,222,1)}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area h5.map_Tit {font-size:26px;font-weight:500;letter-spacing:-0.1rem;color:rgba(255,255,255,1);padding:50px 0 20px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt {background:rgba(255,255,255,1);padding:20px 30px 20px 30px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.title {font-size:22px;font-weight:500;color:rgba(55,108,222,1);margin-bottom:14px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.addr {font-size:16px;margin-bottom:14px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.tel, .txt p.fax  {font-size:18px}


/*guick_TOP*/

#sub_contents .quick_fixed {width:100%}
#sub_contents .quick_fixed .quick_top .top {position:fixed;bottom:30px;right:30px}
#sub_contents .quick_fixed .quick_top .top {display:block;width:50px;height:50px;background:url(../images/common/ico_top.png) no-repeat center center / 50px 50px}



/*footer*/
#footer {position:relative;width:100%;background:#fff;text-align:center;height:110px;z-index:5;border-top:1px solid #ddd;clear:both/*margin-top:50px*/}
#footer .inner {position:relative;padding:26px 0 35px}
#footer .inner p {color:#888;font-size:13px;margin-top:10px}
.footer_list li a strong {font-weight:700}
.footer_list li {position:relative;display:inline-block;padding:0 11px 0 9px;line-height:1.2}
.footer_list li:first-child {padding-left:0}
.footer_list li:last-child {padding-right:0}
.footer_list li:after {content:'';position:absolute;top:1px;right:-1px;width:1px;height:12px;background:#ddd}
.footer_list li:last-child:after {display:none}
/*.footer_list li .txt_arr {background:url(../images/common/txt_arr.png) no-repeat right 3px;padding-right:12px}*/




/*MO_Main_contents*/
@media only screen and (max-width:980px) {
#header {position:relative;position:fixed;top:0;left:0;width:100%;height:120px;box-shadow:0 5px 6px -2px rgba(0,0,0,0.07);z-index:10}
#header .head_top {padding-right:24px}
#header .head_top:after {content:'';display:block;clear:both}
#header .head_cont {width:100%;text-align:center}
.head_util {width:100%}
.head_util li {}
.head_util li:before {content:'';display:block;position:absolute;top:50%;right:-11px;height:12px;width:1px;background:#ddd;margin-top:-3px}
.head_util li:first-child:before {display:none;padding-left:0}
.head_util li:last-child {padding-right:0}
.head_util li a {vertical-align:middle}
#header h1 span.logo {background:url(../images/common/logo.png) no-repeat center center / 100px 26px;width:100px;height:26px;margin-top:30px;margin-left:24px}
#header .gnb {margin-right:24px}
#header .gnb li {font-size:18px;font-weight:900;margin-left:20px}
#header .gnb li:first-child {margin-left:0}
#header .gnb li a {}
#header .gnb li a.on {color:rgba(55,108,222.1)}
#header .gnb li a:hover, .gnb li a:focus {color:rgba(55,108,222.1)}


#container{position:relative;background:rgba(211,218,236,1);overflow-y:scroll;/*min-height:100%;margin:-111px 0 -110px;*/}
#contents{width:100%;height:850px;background:url(../images/common/mo_visual.png) no-repeat center top/ cover;text-align:center}

#contents h2.pageTit {display:inline-block;background:linear-gradient(130deg, rgba(41,70,139,1), rgba(27,48,100,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.1rem;margin:80px 0}
#contents h2.pageTit span.fs_36 {font-size:26px;font-weight:700}
#contents h2.pageTit span.fs_46 {font-size:36px;font-weight:900}
#contents h2.pageTit p.fs_22 {font-size:18px}

#contents .ct_service {width:100%;text-align:center}
#contents .ct_service .sv {float:none;width:80%;display:inline-block;clear:both;height:auto;font-size:28px;font-weight:700;line-height:1.3em;background:rgba(255,255,255.1);border-radius:10px;margin-right:0;margin-bottom:20px;padding:30px;opacity:90%}
#contents .ct_service .sv:last-child {margin-right:none}
#contents .ct_service .sv .ico_dashed {display:none}
#contents .ct_service .sv p {margin-top:20px}
}

@media only screen and (max-width:680px){
#header.main {height:140px}
#header.sub {height:140px}
#header .head_top {padding-right:0}
#header .head_cont {    height: 100px;}
.head_util {text-align:center}
.head_util li {font-size:12px;float:none;display:inline-block}
.head_util li:first-child {padding-left:0}
.head_util li:before {content:'';display:block;position:absolute;top:50%;right:-11px;height:12px;width:1px;background:#ddd;margin-top:-3px}
.head_util li:first-child:before {display:none;padding-left:0}
.head_util li:last-child {padding-right:0}
.head_util li a {vertical-align:middle}
.head_util button {display:inline-block;padding:0 8px;height:17px;line-height:17px;background:#d5dcee;font-size:11px;border-radius:3px;margin:0 0 0 6px;vertical-align:top}
#header h1 span.logo {float:none;margin-top:20px;margin-left:0;margin-bottom:10px}
#header .gnb {display:inline-block;float:none;margin-right:0}
#header .gnb:after {content:'';display:block;clear:both}
#header .gnb li {font-size:18px;font-weight:900;margin-left:20px}
#header .gnb li:first-child {margin-left:0}
#header .gnb li a {display:block;line-height:1.6rem;color:#333}
#header .gnb li a.on {color:rgba(55,108,222.1)}
#header .gnb li a:hover, .gnb li a:focus {color:rgba(55,108,222.1)}


#contents{margin:0 auto;background:url(../images/common/mo_visual.png) no-repeat center top/ cover;text-align:center}

#contents h2.pageTit {display:inline-block;background:linear-gradient(130deg, rgba(41,70,139,1), rgba(27,48,100,1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.1rem;text-align:center}
#contents h2.pageTit span.fs_36 {font-size:24px}
#contents h2.pageTit span.fs_46 {font-size:32px}
#contents h2.pageTit p.fs_22 {font-size:16px}

#contents .ct_service {}
#contents .ct_service .sv {width:60%;font-size:26px}
#contents .ct_service .sv p {font-size:14px/*;word-break:*/ break-all;white-space:normal}
#contents .ct_service .sv:last-child {margin-right:none}
#contents .ct_service .sv .ico_dashed {}

}


/*MO_Sub_contents*/

/*회사소개*/
/*회사소개:인사말 → 연혁 및 실적 → 사업분야 → 주요사업  → 고객사*/
@media only screen and (max-width:980px) {

#sub_container {width:100%}
#sub_contents {}

#sub_contents h2.subTit {}
#sub_contents h2.subTit span.fs_36 {}


#sub_contents .cont_inner {}
#sub_contents .cont_inner.One {}
#sub_contents .cont_inner .cont_area {width:100%}

#sub_contents .subMenu  {}
#sub_contents .subMenu ul.menu.one {width:500px}
#sub_contents .subMenu ul li  {}
#sub_contents .subMenu ul li.on  {}
#sub_contents .subMenu ul li:hover  {}
#sub_contents .cont_inner {}
#sub_contents .cont_inner.One {}
#sub_contents .cont_inner .cont_area {}
#sub_contents .cont_inner .cont_area.one {text-align:center}
#sub_contents .cont_inner .cont_area .area_Tit {}
#sub_contents .cont_inner .cont_area .area_Tit h3 {}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {}
#sub_contents .cont_inner .cont_area .area.one {width:92%;display:inline-block}
#sub_contents .cont_inner .cont_area .area .area_Greetings {}
#sub_contents .cont_inner .cont_area .area .area_Greetings + p {}
#sub_contents .cont_inner.Two {}
#sub_contents .cont_inner .cont_area.two {text-align:center}
#sub_contents .cont_inner .cont_area .area.two {}
#sub_contents .cont_inner .cont_area .area.two .area_History .img {width:92%;display:inline-block;border:1px solid rgba(220,220,220,0);border-radius:10px;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touc}
#sub_contents .cont_inner.Three {}
#sub_contents .cont_inner .cont_area .area.three {text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Business > p {}
#sub_contents .cont_inner .cont_area .area .area_Business .img {width:92%;display:inline-block;border:1px solid rgba(220,220,220,0);border-radius:10px;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touc}
#sub_contents .cont_inner .cont_area .area .area_Business .img.one {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area {margin:50px 0 0;text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area + ul {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area ul li {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area ul li:last-child {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .one {margin-right:20px}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .two {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .three {margin-right:20px}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .four {}

#sub_contents .cont_inner.Four {}
#sub_contents .cont_inner .cont_area .area.four {}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn {text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table {}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table.first {width:92%;display:inline-block}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table.last {width:92%;display:inline-block}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table th {height:88px;font-size:16px;font-weight:700;line-height:2em;letter-spacing:-0.1rem;color:rgba(255,255,255,1);/*background:url(../images/common/ico_pattern.png) no-repeat center bottom / 250px 56px */rgba(55,108,222,1)}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table td {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .img.one {width:92%;display:inline-block;border:1px solid rgba(220,220,220,0);border-radius:10px;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touc}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .img.two {width:92%;display:inline-block;border:1px solid rgba(220,220,220,0);border-radius:10px;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touc}

#sub_contents .cont_inner.Five {}
#sub_contents .cont_inner .cont_area .area.five {text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Client {display:inline-block;width:92%;height:4437px}
#sub_contents .cont_inner .cont_area .area .area_Client li {display:block;width:100%;float:none;margin:0 0 20px}


}

@media only screen and (max-width:680px){
#sub_container {}
#sub_contents {}

#sub_contents h2.subTit {height:150px;margin-top:141px}
#sub_contents h2.subTit span.fs_36 {font-size:28px;margin-top:50px}

#sub_contents .subMenu  {}
#sub_contents .subMenu ul.menu.one {width:300px}
#sub_contents .subMenu ul.menu.two {width:140px}
#sub_contents .subMenu ul.menu.three {width:140px}

#sub_contents .subMenu ul li  {font-size:14px}
#sub_contents .subMenu ul li.on  {}
#sub_contents .subMenu ul li:hover  {}
#sub_contents .cont_inner {}
#sub_contents .cont_inner.One {padding:80px 0 0}
#sub_contents .cont_inner .cont_area {width:100%}
#sub_contents .cont_inner .cont_area.one {}
#sub_contents .cont_inner .cont_area .area_Tit {}
#sub_contents .cont_inner .cont_area .area_Tit h3 {font-size:22px;margin-bottom:20px}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {}
#sub_contents .cont_inner .cont_area .area.one {margin-top:30px;padding:20px}
#sub_contents .cont_inner .cont_area .area .area_Greetings {font-size:16px}
#sub_contents .cont_inner .cont_area .area .area_Greetings + p {}
#sub_contents .cont_inner.Two {padding:80px 0 30px}
#sub_contents .cont_inner .cont_area .area.two {margin-top:30px}
#sub_contents .cont_inner.Three {padding:80px 0 30px}
#sub_contents .cont_inner .cont_area .area.three {margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Business > p {font-size:18px;line-height:1.6em;margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Business .img.one {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area {margin:30px 0 0}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area + ul {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area ul li {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area ul li:last-child {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .one {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .two {}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .three {margin-right:0}
#sub_contents .cont_inner .cont_area .area .area_Business .img_area .four {}

#sub_contents .cont_inner.Four {margin-top:80px}
#sub_contents .cont_inner .cont_area .area.four {margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table {}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table.first {}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table.last {margin-top:80px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table th {font-size:16px;padding:10px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .table td {padding:10px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .img {}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .img.one {margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Mainbsn .img.two {margin-top:30px}

#sub_contents .cont_inner.Five {margin-top:80px;margin-bottom:60px}
#sub_contents .cont_inner .cont_area .area.five {margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Client {}
#sub_contents .cont_inner .cont_area .area .area_Client li {}

}


/*채용문의*/
/*채용문의 :채용문의 → 솔루션문의*/

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

#sub_contents .cont_inner.Six {}
#sub_contents .cont_inner .cont_area.six {text-align:center}
#sub_contents .cont_inner .cont_area .area.six {width:92%;display:inline-block}
#sub_contents .cont_inner .cont_area .area .area_Adoption {}
#sub_contents .cont_inner .cont_area .area .area_Adoption + p {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.one {font-size:50px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.two {font-size:70px;line-height:1.8em}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.three {font-size:16px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process h4.adop_Tit {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process figure {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process figure:first-child {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .one {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .one span.txt {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .two {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .two span.txt {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .three {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .three span.txt {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .four {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .four span.txt {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_text {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_text p {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period h4.adop_Tit {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table {font-size:16px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table th {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table td {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply h4.adop_Tit {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven span {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight span {}



#sub_contents .cont_inner.Seven {}
#sub_contents .cont_inner .cont_area.seven {text-align:center}
#sub_contents .cont_inner .cont_area .area.seven  {width:92%;display:inline-block}
#sub_contents .cont_inner .cont_area .area .area_Solution  {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess h4.solu_Tit {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess figure {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess figure:first-child {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five span.txt {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five span.txt .ico_img {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six span.txt {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six span.txt .ico_img {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .adop_text {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .adop_text p {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply h4.adop_Tit {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven span {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight span {}

}

@media only screen and (max-width:680px){
#sub_contents .cont_inner.Six {padding:80px 0 0}
#sub_contents .cont_inner .cont_area.six {}
#sub_contents .cont_inner .cont_area .area.six {padding:40px 20px;margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Adoption {font-size:16px}
#sub_contents .cont_inner .cont_area .area .area_Adoption + p {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.one {font-size:40px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.two {font-size:50px;line-height:1.8em}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_area p.adop_txt.three {font-size:14px;line-height:1.8em}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process h4.adop_Tit {margin-top:50px;font-size:24px;margin-bottom:40px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process figure {width:200px;height:200px;margin-left:0}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process figure:first-child {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .one {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .one span.txt {margin-top:90px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .two {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .two span.txt {margin-top:90px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .three {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .three span.txt {margin-top:50px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .four {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .figure .four span.txt {margin-top:90px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_text {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .adop_process .adop_text p {font-size:16px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period h4.adop_Tit {font-size:22px;margin-top:60px;margin-bottom:40px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table th {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .period table td {padding:20px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply h4.adop_Tit {text-align:left;font-size:22px;margin-top:60px;margin-bottom:40px}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven span {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight span {}



#sub_contents .cont_inner.Seven {padding:80px 0 60px}
#sub_contents .cont_inner .cont_area.seven {}
#sub_contents .cont_inner .cont_area .area.seven {padding:40px 20px;margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Solution {font-size:16px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess h4.solu_Tit {font-size:22px;margin-top:60px;margin-bottom:40px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure {text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess figure {width:200px;height:200px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess figure:first-child {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five span.txt {margin-top:50px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .five span.txt .ico_img {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six span.txt {margin-top:50px}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six span.txt .ico_img {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .adop_text {}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .adop_text p {font-size:16px}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply {text-align:left}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply h4.adop_Tit {font-size:22px;margin-top:60px;margin-bottom:40px}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven {text-align:center}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven span {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight span {}

}

@media only screen and (max-width:465px){
	
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess .figure .six {margin-left:0}	
	
#sub_contents .cont_inner .cont_area .area .area_Adoption {margin-bottom:10px;}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply h4.adop_Tit {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven {background:none;width:auto;height:0}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .email figure.seven span {color:rgba(254,113,106,1);font-weight:700;margin-top:0;}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer {}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight {background:none;width:auto;height:0}
#sub_contents .cont_inner .cont_area .area .area_Adoption .Apply .costumer figure.eight span {color:rgba(55,108,222,1);font-weight:700;margin-top:0;}
#sub_contents .cont_inner .cont_area .area .area_Solution .solu_nprocess figure:first-child {margin-left:0}
#sub_contents .cont_inner .cont_area .area .area_Solution {margin-bottom:10px;}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply h4.adop_Tit {margin-bottom:20px}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven {background:none;width:auto;height:0}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .email figure.seven span {color:rgba(254,113,106,1);font-weight:700}

#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer {}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight {background:none;width:auto;height:0}
#sub_contents .cont_inner .cont_area .area .area_Solution .Apply .costumer figure.eight span {color:rgba(55,108,222,1);font-weight:700;margin-top:0}

}


/*오시는길*/
/*오시는길 :한마본사 → 한마지사*/

@media only screen and (max-width:980px) {
	
#sub_contents .cont_inner.Eight {}
#sub_contents .cont_inner .cont_area.eight {text-align:center}
#sub_contents .cont_inner .cont_area .area_Tit {}
#sub_contents .cont_inner .cont_area .area_Tit h3 {}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {}
#sub_contents .cont_inner .cont_area .area.eight {width:92%;display:inline-block}
#sub_contents .cont_inner .cont_area .area .area_Headoffice {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_btn {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area h5.map_Tit {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.title {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.addr {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.tel, .txt p.fax  {}

#sub_contents .cont_inner.Nine {}
#sub_contents .cont_inner .cont_area.nine{text-align:center}
#sub_contents .cont_inner .cont_area .area_Tit {}
#sub_contents .cont_inner .cont_area .area_Tit h3 {}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {}
#sub_contents .cont_inner .cont_area .area.nine {width:92%;display:inline-block}
#sub_contents .cont_inner .cont_area .area .area_Branch {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_btn {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area h5.map_Tit {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.title {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.addr {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.tel, .txt p.fax  {}

}

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

#sub_contents .cont_inner.Eight {padding-top:80px;}
#sub_contents .cont_inner .cont_area.eight {}
#sub_contents .cont_inner .cont_area .area_Tit {}
#sub_contents .cont_inner .cont_area .area_Tit h3 {}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {}
#sub_contents .cont_inner .cont_area .area.eight {margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box {width:266px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont {width:240px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_btn {left:240px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area h5.map_Tit {font-size:20px}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.title {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.addr {}
#sub_contents .cont_inner .cont_area .area .area_Headoffice .map_wrap .box .acco_cont .map_area .txt p.tel, .txt p.fax  {}

#sub_contents .cont_inner.Nine {padding:80px 0 60px}
#sub_contents .cont_inner .cont_area.nine {}
#sub_contents .cont_inner .cont_area .area_Tit {}
#sub_contents .cont_inner .cont_area .area_Tit h3 {}
#sub_contents .cont_inner .cont_area .area_Tit .ico_rectangle {}
#sub_contents .cont_inner .cont_area .area.nine {margin-top:30px}
#sub_contents .cont_inner .cont_area .area .area_Branch {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box {width:266px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont {width:240px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_btn {left:240px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area h5.map_Tit {font-size:20px}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.title {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.addr {}
#sub_contents .cont_inner .cont_area .area .area_Branch .map_wrap .box .acco_cont .map_area .txt p.tel, .txt p.fax  {}
}