@charset "utf-8";
/* ���� �̹��� (����) */
#container > .inner img.img_tab, #container > .inner img.img_mob {display:none}
/* ȸ��Ұ� */
#container > .inner .greeting > ul {clear:both}
#container > .inner .greeting > ul > li {position:relative; float:left}
#container > .inner .greeting > ul > li.list1 {width:45%}
#container > .inner .greeting > ul > li.list2 {width:55%}
#container > .inner .greeting > ul > li.right {float:right}
#container > .inner .greeting > ul > li img {display:block; width:100%; padding-top:10px;}
#container > .inner .greeting > ul > li .text_effect {float:left; width:50%}
#container > .inner .greeting > ul > li .full {width:100% !important; margin-bottom:20px}
#container > .inner .greeting > ul > li .text_effect > li > .txt {display:inline-block; font-size:26px; color:#2db34a; letter-spacing:-0.7px; letter-spacing:-1px;}
#container > .inner .greeting > ul > li .text_effect > li > .txt p {position:relative; margin-bottom:5px; height:1px; background:#80e896}
#container > .inner .greeting > ul > li .text_effect > li > .txt p span {position:absolute; display:inline-block; width:100%; height:1px}
#container > .inner .greeting > ul > li .text_effect > li > .txt p span.color1 {background:#2db34a}
#container > .inner .greeting > ul > li .text_effect > li > .txt p span.color2 {background:#80e896}
#container > .inner .greeting .txt_box {float:right; width:47%}
#container > .inner .greeting .txt_box p.desc {font-size:15px; line-height:1.7; letter-spacing:-0.5px; margin-bottom:20px}
#container > .inner .greeting .txt_box.full {float:none; width:100% !important}
.text_effect {}
.full {width:100% !important; margin-bottom:20px}
.text_effect > li > .txt {display:inline-block; font-size:26px; color:#2db34a; letter-spacing:-0.7px;}
.text_effect > li > .txt p {position:relative; margin-bottom:5px; height:1px; background:#80e896}
.text_effect > li > .txt p span {position:absolute; display:inline-block; width:100%; height:1px}
.text_effect > li > .txt p span.color1 {background:#2db34a}
.text_effect > li > .txt p span.color2 {background: #80e896;}
#container > .inner .greeting .txt_box {float:right; width:47%}
#container > .inner .greeting .txt_box p.desc {font-size:15px; line-height:1.7; letter-spacing:-0.5px; margin-bottom:20px}
#container > .inner .greeting .txt_box.full {float:none; width:100% !important}
.tabletype2 { margin-top:45px; width:90%; }
.tabletype2 table { width:100%; border-collapse:collapse; border-spacing:0; border-left:1px solid #ddd; }
.tabletype2 thead th { text-align:center; vertical-align:middle; border-top:1px solid #777; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-top:15px; padding-bottom:15px; font-size:13px; background-color:#f1f1f1; }
.tabletype2 tbody th {font-weight:500;text-align:center;vertical-align:middle;border-top:1px solid #777;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding-top:15px;padding-bottom:15px;font-size: 14px;background-color:#f1f1f1; width:160px;}
.tabletype2 td {vertical-align:middle;border-bottom:1px solid #ddd;padding: 5px;font-size: 14px;border-right:1px solid #ddd;text-align:left;line-height:140%;}
.tabletype2 .tbr { border-right:1px solid #ddd; }
.tabletype2 .tdtxt { padding-left:15px; padding-right:15px; }
.tabletype2 .tdtop { border-top:1px solid #777; }
/* ���� */
#container > .inner .history {text-align:justify; margin-bottom:60px;}
#container > .inner .history:after {display:inline-block; width:100%; height:0; content:''}
#container > .inner .history > .history_box {display:inline-block; width:67%; margin:55px 0; overflow:hidden; float:left;}
#container > .inner .history > h3 {font-size: 26px;font-weight: 400;color:#2db34a;padding-bottom:15px;/* border-bottom:1px solid #dedede; */margin-bottom:20px;letter-spacing:-1px;}
#container > .inner .history > .history_box dl {margin:0; padding:0; overflow:hidden; font-size:15px;}
#container > .inner .history > .history_box dl dt {float:left; color:#999; width:70px; line-height:1.6; padding:5px 0}
#container > .inner .history > .history_box dl dd {color:#555; margin-left:80px; padding:5px 0; line-height:1.6}
#container > .inner .history > .history_box dl span.white {color:#fff !important}
#container > .inner .history > .con_box {clear:both; padding:30px 50px 10px 50px; border:3px solid #ccc; overflow:hidden}
#container > .inner .history > .con_box .left {float:left; width:50%}
#container > .inner .history > .con_box .right {float:right; width:50%}
#container > .inner .history > .con_box dl {position:relative; margin-bottom:15px; overflow:hidden}
#container > .inner .history > .con_box dl dt {clear:left; float:left; width:100px; color:#666}
#container > .inner .history > .con_box dl dd {margin-left:100px; padding-right:20px; color:#888}
/* ���̾� �˾� */
#img_popup_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:990; visibility:hidden}
#mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80')}
#imgPopup {position:fixed; top:50%; left:50%; width:60%; background:#fff; z-index:1000}
#imgPopup .img_wrap {position:relative; height:100%}
#imgPopup .img_wrap ul {}
#imgPopup .img_wrap ul li {display:none}
#imgPopup .img_wrap ul li.on {display:block}
#imgPopup .img_wrap ul li img {display:block; width:100%}
#imgPopup .img_wrap p.tit {clear:both; line-height:50px; padding:0 30px}
#img_popup_wrap a {position:absolute; z-index:1010}
#img_popup_wrap a.pop_close {top:20px; right:10%}
#img_popup_wrap a.pop_prev {top:50%; left:10%}
#img_popup_wrap a.pop_next {top:50%; right:10%}
/* ã�ƿ��ô� �� */
#mask_pop {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80')}
#container > .inner .company .photo_slide {}
#container > .inner .company .photo_slide .slide_wrap {position:relative; margin-bottom:30px}
#container > .inner .company .photo_slide .slide_wrap .tit_box {position:absolute; width:140px; padding:20px; top:0; right:0; color:#fff; background:#21bbb1; z-index:50}
#container > .inner .company .photo_slide .slide_wrap .tit_box h2 {font-size:18px; line-height:1.2; margin-bottom:10px}
#container > .inner .company .photo_slide .slide_wrap .photo_list {padding-top: 40px;overflow:hidden;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li {position:relative; float:left; cursor:pointer}
#container > .inner .company .photo_slide .slide_wrap .photo_list li.p_1 {border-top: 1px solid #ddd;padding: 35px 0;width: 100%;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li.p_2 {padding: 35px 0;border-top: 1px solid #ddd;/* margin: 35px 0px; */width: 100%;border-bottom: 1px solid #ddd;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li.p_3, #container > .inner .company .photo_slide .slide_wrap .photo_list li.p_4 {padding: 35px 0;border-bottom: 1px solid #ddd;width: 100%;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li > img {float: left;display:block;width: 32%; box-sizing: border-box; border:1px solid #eee;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a {display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:10}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a .mask {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:20}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a img {display:inline-block; position:relative; text-align:center; z-index:30}#container > .inner .company .photo_slide .photo_swipe {display:none; position:relative; overflow:hidden}
#container > .inner .company .photo_slide .photo_swipe ul {position:relative; width:1000%}
#container > .inner .company .photo_slide .photo_swipe ul li {position:relative; float:left}
#container > .inner .company .photo_slide .photo_swipe ul li img {display:block; width:100%}
#container > .inner .company .photo_slide .photo_swipe ul li p {position:absolute; display:inline-block; bottom:0; left:0; padding:15px 25px; color:#333; background:#fff}
#container > .inner .company .photo_slide .paging {clear:both; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:right}
#container > .inner .company .photo_slide .paging a {display:inline-block}
#container > .inner .company .photo_slide .paging a img {vertical-align:-3px}
#container > .inner .company .photo_slide .paging span.current {color:#2db34a}
#container > .inner .company .photo_slide .paging_m {clear:both; display:none; margin:30px 0 100px 0; font-size:28px; color:#bbb; text-align:center}
#container > .inner .company .photo_slide .paging_m a {display:inline-block}
#container > .inner .company .photo_slide .paging_m a img {vertical-align:-3px}
#container > .inner .company .photo_slide .paging_m span.current {color:#2db34a}
#container > .inner .company .map_list .map_list_wrap {padding-bottom:15px; border-bottom:1px solid #eee;}/*cursor:pointer*/
#container > .inner .company .map_list li.map {display:none; width:100%; margin-top:30px}
#container > .inner .company .map_list li.map .map_area {position:relative; width:100%; height:500px; overflow:hidden}
#container > .inner .company .map_list li.map .map_area #map {height:100%}
#container > .inner .company .map_list li .map_list_wrap h3 {font-size:18px;font-weight:400;color: #2db34a;margin-bottom:20px;}
#container > .inner .company .map_list li .map_list_wrap p {color: #2db34a;}
#container > .inner .company .map_list li .map_list_wrap p.new {margin-bottom:5px}
#container > .inner .company .map_list li .map_list_wrap p.old {margin-bottom:50px}
#container > .inner .company .map_list li .map_list_wrap p.tel {margin-bottom:15px; padding-left:45px; background:url(../../img/map_phone_c.png) left center no-repeat}
#container > .inner .company .map_list li .map_list_wrap p.fax {padding-left:45px; background:url(../../img/map_printer_c.png) left center no-repeat}
#container > .inner .company .map_list li:hover p.tel, #container > .inner .company .map_list li p.tel {background:url(../../img/map_phone_c.png) left center no-repeat}
#container > .inner .company .map_list li:hover p.fax, #container > .inner .company .map_list li p.fax {background:url(../../img/map_printer_c.png) left center no-repeat}
#container > .inner .company .map_list li:hover h3, #container > .inner .company .map_list li .map_list_wrap:hover p, #container > .inner .company .map_list li h3, #container > .inner .company .map_list li p, {color:#21bbb1 !important}
#container > .inner .company .map_list li .map_list_wrap a.pointer {display:block; position:absolute; right:0; bottom:15px}
/* ����Ұ� */
#container > .inner .business ul.tpl_list {margin-bottom:100px}
#container > .inner .business ul.tpl_list li {position:relative; height:430px; vertical-align:top}
#container > .inner .business ul.tpl_list li .allocation_inner h3 {font-size:16px; margin-bottom:20px}
#container > .inner .business ul.tpl_list li .allocation_inner p.txt {color:#777; line-height:1.6}
#container > .inner .business ul.tpl_list li .allocation_inner p.img {position:absolute; bottom:0; left:0}
#container > .inner .business ul.tpl_list li .allocation_inner p.img img {display:block; width:100%}
#container > .inner .business p.main_desc {font-size: 14px;color:#777;line-height: 1.8;/* text-align:justify; */margin:30px 0;width: 65%;}
#container > .inner .business .process_box {padding:30px; border:3px solid #ccc}
#container > .inner .business .process_box ul.prcs_list li {text-align:center; background:url(../../img/process_arrow.png) right 10px center no-repeat}
#container > .inner .business .process_box ul.prcs_list li.last {background:none}
#container > .inner .business .process_box ul.prcs_list li p.img {height:70px; margin-bottom:10px}
#container > .inner .business .process_box ul.prcs_list li p.txt {font-weight:600; font-size:12px; line-height:1.5}
#container > .inner .business .center ul.text_effect li .txt {display:inline-block;font-size:23px;color: #2db34a;line-height:1.3; letter-spacing:-1px;}
#container > .inner .business .center ul.text_effect li .txt p {position:relative; margin-bottom:10px; height:1px; background:#80e896}
#container > .inner .business .center ul.text_effect li .txt p span {position:absolute; display:inline-block; height:1px}
#container > .inner .business .center ul.text_effect li .txt p span.color1 {background:#2db34a}
#container > .inner .business .wrap_type1 {margin-top:100px; border:1px solid #dedede; overflow:hidden}
#container > .inner .business .wrap_type1 .left {float:left; width:45%}
#container > .inner .business .wrap_type1 img {display:block; width:100%}
#container > .inner .business .wrap_type1 .center {float:left; width:30%; padding-top:50px}
#container > .inner .business .wrap_type1 .center ul.text_effect {padding-left:15%}
#container > .inner .business .wrap_type1 .center ul.text_effect li {float:none !important}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt {display:inline-block; font-size:28px; color:#2db34a; line-height:1.4}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p {position:relative; margin-bottom:10px; height:1px; background:#80e896}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span {position:absolute; display:inline-block; height:1px}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span.color1 {background:#2db34a}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p span.color2 {background:#80e896}
#container > .inner .business .wrap_type1 .center p.desc {color:#777; line-height:1.6; text-align:justify; margin-top:30px; padding-left:15%}
#container > .inner .business .wrap_type1 .right {float:right; width:22%; border-left:1px solid #dedede}
#container > .inner .business .wrap_type1 .right p.img {margin-bottom:70px}
#container > .inner .business .wrap_type1 .right p.img img {width:100%}
#container > .inner .business .wrap_type1 .right h3 {line-height:1; margin-bottom:34px; padding:0 30px}
#container > .inner .business .wrap_type1 .right h3 p {font-size:26px; color:#000; line-height:inherit; transition:all 0.5s ease}
#container > .inner .business .wrap_type1 .right h3 p:after {clear:both; display:block; content:''}
#container > .inner .business .wrap_type1 .right h3 p.tit2 {width:105%; margin-left:-5px}
#container > .inner .business .wrap_type1 .right h3 p.tit3 {width:110%; margin-left:-5px}
#container > .inner .business .wrap_type1 .right h3 p span {display:block; float:left; width:16%; text-align:center}
#container > .inner .business .wrap_type1 .right h3 p span.blind {display:none}
.coSystem { margin-top:45px; overflow:hidden; }
.coSystem dt { float:left; color:#333; font-size:18px; font-family:'LGSmHaSB'; width:176px; }
.coSystem dd {float:left;margin-top:0;width:428px;}
.coSystem dd p { float:left; text-align:center; color:#fff; font-size:22px; font-family:'LGSmHaSB'; border-radius:50%; width:173px; height:173px; line-height:173px; }
.coSystem dd.red p { background:#2CB54D; }
.coSystem dd.gray p { background:#535562; }
.coSystem dd ul { float:left; margin:65px 0 0 50px; }
.coSystem dd ul li { font-size:14px; line-height:24px; }
#css_tabs_m {display:none;}
#css_tabs {background:url('/img/common/tab_bg.jpg') repeat-x;}
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3) {
display:none
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) {
display:block
}
/* �� �⺻ ��Ÿ�� ���� */
#css_tabs > label {

display:inline-block;

font-variant:small-caps;
box-sizing:border-box;
font-size: 16px;

width:300px;
height:43px;
line-height:40px;

text-align:center;

margin-right:-3px;
font-weight: 500;

background:#f5f5f5;

border-bottom: 1px solid #000;

color:#777;

border-left:1px solid #ccc;

border-top:1px solid #ccc;

}
#css_tabs > label:hover {
box-sizing:border-box;
cursor:pointer;
border:1px solid #000;
border-bottom:0px;
}
#css_tabs label[for=tab1] {
/* margin-left:1.5em */
}
/* ���õ� ��, ������ ���� �� ��Ÿ�� ���� */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
box-sizing:border-box;
border-bottom: 1px solid #fff;
background: white;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
color: #222;
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
width:301px;
padding-left:2px;
margin-left:-1px;
box-sizing:border-box;
background:white;
border-bottom: 1px solid #fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
color:#222;
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
width:301px;
padding-left:2px;
margin-left:-1px;
box-sizing:border-box;
box-sizing:border-box;
border-top: 1px solid #000;
border-bottom: 1px solid #fff;
border-right: 1px solid #000;
border-left: 1px solid #000;
background: white;
color: #222;
}
/* ���� ������ ��� div ��� ��Ÿ�� ���� */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content {
/* border: 1px solid #000; */
/* border-top: 0px; */
margin-bottom: 50px;
padding:2em;
/* border:1px solid #ddd; */
/* width:70%; */
height:100%;
font-size:14px;
line-height: 26px;
}
#css_tabs label[for=tab3] {border-right:1px solid #ccc;}
#css_tabs2 {text-align:center;}
#css_tabs2 input:nth-of-type(1), #css_tabs2 input:nth-of-type(1) ~ div:nth-of-type(1), #css_tabs2 input:nth-of-type(2), #css_tabs2 input:nth-of-type(2) ~ div:nth-of-type(2), #css_tabs2 input:nth-of-type(3), #css_tabs2 input:nth-of-type(3) ~ div:nth-of-type(3) {
display:none
}
#css_tabs2 input:nth-of-type(1):checked ~ div:nth-of-type(1), #css_tabs2 input:nth-of-type(2):checked ~ div:nth-of-type(2), #css_tabs2 input:nth-of-type(3):checked ~ div:nth-of-type(3) {
display:block; text-align:left;
}
#css_tabs2 > label {
display:inline-block; box-sizing:border-box; font-size: 16px; width:150px; height:40px; margin:0 10px;
line-height:36px; text-align:center; font-weight: 500; background:#1dae3c;color:#fefefe; border:1px solid #1dae3c; border-radius:30px;
}
#css_tabs2 > label:hover {box-sizing:border-box; cursor:pointer;border:1px solid #000; border-bottom:0px;
}
#css_tabs2 input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs2 > label[for=tab1]:hover {
border-radius:30px;
box-sizing:border-box;
border-bottom: 1px solid #fff;
background: white;
border: 1px solid #2db34a;
color: #1dae3c;
}
#css_tabs2 input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs2 > label[for=tab2]:hover {
box-sizing:border-box;
background:white;
border: 1px solid #2db34a;
color:#1dae3c;
}
#css_tabs2 input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs2 > label[for=tab3]:hover {
box-sizing:border-box;
background:white;
border: 1px solid #2db34a;
color:#1dae3c;
}
#css_tabs2 .tab1_content, #css_tabs2 .tab2_content, #css_tabs2 .tab3_content {
margin-bottom: 50px;
padding:2em;
height:100%;
font-size:14px;
line-height: 26px;
}
#css_tabs2 label[for=tab3] {border-right:1px solid #ccc;}
#css_tabs3 {text-align:left;}
#css_tabs3 input:nth-of-type(1), #css_tabs3 input:nth-of-type(1) ~ div:nth-of-type(1), #css_tabs3 input:nth-of-type(2), #css_tabs3 input:nth-of-type(2) ~ div:nth-of-type(2), #css_tabs3 input:nth-of-type(3), #css_tabs3 input:nth-of-type(3) ~ div:nth-of-type(3) {
display:none
}
#css_tabs3 input:nth-of-type(1):checked ~ div:nth-of-type(1), #css_tabs3 input:nth-of-type(2):checked ~ div:nth-of-type(2), #css_tabs3 input:nth-of-type(3):checked ~ div:nth-of-type(3) {
display:block; text-align:left;
}
#css_tabs3 > label {
display:inline-block; box-sizing:border-box; font-size: 18px; width:318px; height:56px; margin:0 -0px; margin-left:-4px;
line-height:51px; text-align:center; font-weight: 500; background:#ffffff;color:#444; border:1px solid #ddd;
}
#css_tabs3 > label:hover {box-sizing:border-box; cursor:pointer;border:1px solid #000; border-bottom:0px;
}
#css_tabs3 input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs3 > label[for=tab1]:hover {
box-sizing:border-box;
border-bottom: 1px solid #fff;
background: #279d40;
border: 1px solid #1e7e32;
color: #fff;
}
#css_tabs3 input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs3 > label[for=tab2]:hover {
margin-left:-4px;
box-sizing:border-box;
border-bottom: 1px solid #fff;
background: #279d40;
border: 1px solid #1e7e32;
color: #fff;
}
#css_tabs3 input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs3 > label[for=tab3]:hover {
box-sizing:border-box;
border-bottom: 1px solid #fff;
background: #279d40;
border: 1px solid #1e7e32;
color: #fff;;
}
#css_tabs3 .tab1_content, #css_tabs3 .tab2_content, #css_tabs3 .tab3_content {
margin-bottom: 50px;
padding:2em 0 2em 0;
height:100%;
font-size:14px;
line-height: 22px;
}
#css_tabs3 label[for=tab3] {border-right:1px solid #ddd;}
/* ������ */
.historyBox { letter-spacing:-0.025em; position:relative; }
.historyBox ul {overflow:hidden;background: url(/bizdemo37728/img/line_gray.gif) no-repeat 22px 140px;}
.historyBox ul li { float:left; width:25%; }
.historyBox ul li h4 { margin-top:35px; border-radius:50%; background:#a1a1a1; color:#fff; width:90px; height:90px; text-align:center; line-height:90px; font-family:'LGSmHaB'; font-size:24px; }
.historyBox ul li.late h4 { margin-top:0; background:#1ca73a; height:124px; width:124px; line-height:124px; }
.historyBox ul li p.dot {margin: 14px 0 0 21px;border-radius:50%;background:#333;width:4px;height:4px;}
.historyBox ul li.late p.dot { margin:15px 0 0 61px; }
.historyBox dl {margin: 27px 0 0 21px;}
.historyBox ul li.late dl { margin-left:61px; }
.historyBox dl dt { color:#999; font-family:'LGSmHaSB'; font-size:25px; margin:30px 0 25px; }
.historyBox dl dt:first-child { margin-top:0; }
.historyBox dl dd {margin-left: 0px;color:#555;font-size:16px;line-height:26px;}
.historyBox > img { position:absolute; top:300px; right:113px; }
.section .photo_slide .slide_wrap p.tit {float: right;width: 65%;height: 60px;line-height: 50px;font-size: 20px;font-weight:600;color:#333;border-bottom: 1px dashed #ddd;}
.section .photo_slide .slide_wrap p.theme_tit{font-size: 16px;float: right;width: 65%;font-weight:600;color:#333;margin: 20px 0;}
.section .photo_slide .slide_wrap p.txt{color:#999;width: 65%;float: right;}
.section{font-size:14px;color:#5f6167;line-height:24px;padding-bottom:50px;}
.section .bullet{background:url(/img/sub/bullet.gif) no-repeat 0 50%;padding-left:13px;}
.section h3{font-size:35px;line-height:35px;height:70px;font-weight:700;color:#000;}
.section h3.bdb{border-bottom:2px solid #444}
.section .border{border-bottom:2px solid #333;height:0;overflow:hidden;}
.section p.sub_tit{font-size:18px;color:#000;padding-bottom:20px;}
.section p.sub_tit.blue{color:#2DB34A; font-size:23px; letter-spacing:-1px;}
.section .photo_list {overflow:hidden;}
.section .photo_list li {position:relative; float:left; cursor:pointer}
.section .photo_list li.p_1 {float: left;padding-bottom: 15px;width: 31.8%;margin-bottom: 20px;}
.section .photo_list li.p_2 {padding-bottom: 15px;width: 31.8%;margin-bottom: 20px;width: 31.8%;/* border-bottom: 1px solid #ddd; */}
.section .photo_list li.p_3, .section.photo_list li.p_4 {padding: 35px 0;border-bottom: 1px solid #ddd;width: 100%;}
.section .photo_list li > img {/* float: left; */display:block;width: 100%;box-sizing: border-box;border:1px solid #eee;}
.section .photo_list li a {display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:10}
.section .photo_list li .mask {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:20}
.section .photo_list li a img {display:inline-block; position:relative; text-align:center; z-index:30}#container > .inner .company .photo_slide .photo_swipe {display:none; position:relative; overflow:hidden}
.section p.tit {margin: 10px 0;height: 38px;line-height: 34px;font-size: 18px;font-weight: 500;color:#333;border-bottom: 1px dashed #ddd;}
.section p.theme_tit{font-size: 16px;font-weight: 500;color:#333;margin: 10px 0;}
.section p.txt{color:#999;/* width: 33%; *//* float: right; */}
/* �̿�ȳ� */
.s13 {border:1px solid #ddd;padding: 15px;width: 227px;/* height:222px; *//* display:table; */margin: 0 10px 55px 0;float:left;}
.s13_L {float: left;/* width:140px; */text-align: left;}
.s13_L img {padding-right: 20px;width: 90px; height:70px;}
.s13_R {/* padding: 20px; *//* width:620px; *//* display: table-cell; *//* vertical-align: middle; */}
.s13_R li {list-style-type: ethiopic;}
.s13_R .s13_R_ttl {font-size:18px;font-weight:600;color:#333;/* line-height: 200%; */}
#container > .inner .good li {font-size:15px;padding: 5px 0 0 150px;vertical-align:middle;list-style;none;list-style: none;}
#container > .inner .good {display: table;height: 150px;border-left: 1px solid #ddd;border-top: 4px solid #279d40;padding: 20px;border-right: 1px solid #ddd;width: 938px;margin-top: 20px;border-bottom: 1px solid #ddd;}
.tabletype1 { margin-top:15px; }
.tabletype1 table { width:100%; border-collapse:collapse; border-spacing:0; border-left:1px solid #ddd; }
.tabletype1 thead th {font-weight: 500;color: #333;text-align:center;vertical-align:middle;border-top: 3px solid #279d40;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding-top:15px;padding-bottom:15px;font-size:15px;background-color: #f8f8f8;}
.tabletype1 td {vertical-align:middle;border-bottom:1px solid #ddd;padding: 10px 0;padding-left:10px;padding-right:10px;font-size:15px;border-right:1px solid #ddd;}
.tabletype1 .tbr { border-right:1px solid #ddd; }
.tabletype1 .tdtxt { padding-left:15px; padding-right:15px; }
.tabletype1 ul li { line-height:140%; background:url(../image/tbl_bullet.jpg) 5px 8px no-repeat; padding:0 0 5px 15px;}
.tabletype1 .tc {text-align:center;}
.bodycontent {display:block; line-height:150%; font-size:14px;}
.bodycontent .s13 {border:1px solid #ddd;padding: 15px 0;width:100%;height:85px;display:table;margin: 0 0 20px 0;}
.bodycontent .s13_L {width: 200px;text-align:center;}
.bodycontent .s13_L img { padding:8px 0 0 0; width:90px; height:97px;}
.bodycontent .s13_R {width: 780px;display: table-cell;vertical-align: middle;}
.bodycontent .s13_R
.s13_R_con { font-size:20px; font-weight:600; color:#333;}
.bodycontent li {padding-right: 70px; font-size: 14px;list-style-type: ethiopic;}
.procMenu3 {width:1075px;overflow:hidden;position:relative;}
.procMenu3 li { float:left; height:97px; color:#fff; font-size:16px; line-height:24px; text-align:center; }
.procMenu3 li span { display:block; text-transform:uppercase; margin-top:12px; }
.procMenu3 li:first-child {padding-right: 10px;width: 182px;background: rgb(75, 184, 98);border-radius:46px 0 0 46px;}
.procMenu3 li.step2 {width: 190px;background: #279D40;}
.procMenu3 li.step3 {width: 190px;background: #099d89;/* padding-right: 20px; */}
.procMenu3 li.step4 {width:180px;background: #5f676a;/* padding-right: 20px; */}
.procMenu3 li.step5 { width:182px; background:#595658; border-radius:0 46px 46px 0;padding-left: 10px; }
.procMenu3 li.arr1 {position:absolute;left: 143px;}
.procMenu3 li.arr2 {position:absolute;left: 324px;}
.procMenu3 li.arr3 {position:absolute;right: 460px;}
.procMenu3 li.arr4 {position:absolute;right: 278px;}
.procMenu4 {width:1075px;overflow:hidden;position:relative;}
.procMenu4 li { float:left; height:97px; color:#fff; font-size:15px; line-height:24px; text-align:center; }
.procMenu4 li span { display:block; text-transform:uppercase; margin-top:12px; }
.procMenu4 li:first-child {padding-right: 10px;width: 230px;background: #4BB862;border-radius:46px 0 0 46px;}
.procMenu4 li.step2 {width: 225px;background: #279D40;}
.procMenu4 li.step3 {width: 300px;background: #099d89;/* padding-right: 20px; */}
.procMenu4 li.step4 {width:180px;background: #5f676a;padding-right: 20px;}
.procMenu4 li.step5 {width: 170px;background:#595658;border-radius:0 46px 46px 0;padding-left: 10px;}
.procMenu4 li.arr1 {position:absolute;left: 173px;}
.procMenu4 li.arr2 {position:absolute;left: 414px;}
.procMenu4 li.arr3 { position:absolute; right:440px; }
.procMenu4 li.arr4 {position:absolute;right: 280px;}
.procMenu4 li span.btn {line-height: 30px;background: #1668ff;display: inline;border: 1px solid #358f48;padding:3px 6px;border-radius:4px;width:150px;}
.procMenu4 li span.btn2 {color: #222222 !important;line-height: 35px;background: #e98826;display: inline;border: 1px solid #bc6c1c;padding:3px 4px;border-radius:4px;}
.procMenu5 {width:1075px;overflow:hidden;position:relative;}
.procMenu5 li { float:left; height:97px; color:#fff; font-size:16px; line-height:24px; text-align:center; }
.procMenu5 li span { display:block; text-transform:uppercase; margin-top:12px; }
.procMenu5 li:first-child {padding-right: 10px;width: 182px;background: rgb(75, 184, 98);border-radius:46px 0 0 46px;}
.procMenu5 li.step2 {width:220px;background: #279D40;}
.procMenu5 li.step3 {width:190px;background: #099d89;padding-right: 20px;}
.procMenu5 li.step4 {width:180px;background: #5f676a;padding-right: 20px;}
.procMenu5 li.step5 { width:182px; background:#595658; border-radius:0 46px 46px 0;padding-left: 10px; }
.procMenu5 li.arr1 {position:absolute;left: 143px;}
.procMenu5 li.arr2 { position:absolute; left:344px; }
.procMenu5 li.arr3 { position:absolute; right:440px; }
.procMenu5 li.arr4 { position:absolute; right:268px; }
.procMenu6 {width:1075px;overflow:hidden;position:relative;}
.procMenu6 li {float:left;/* height:97px; */color:#fff;font-size:16px;line-height:24px;text-align:center;}
.procMenu6 li img {height:84px;}
.procMenu6 li span {display:block;text-transform:uppercase;/* margin-top: 12px; */}
.procMenu6 li:first-child {padding: 6px 0;padding-right: 10px;width: 182px;background: #cab285;border-radius: 36px 0 0 36px;}
.procMenu6 li.step2 {width: 200px;background: #b09157;padding: 6px 0;}
.procMenu6 li.step3 {width:205px;background: #9b8252;padding: 6px 0;}
.procMenu6 li.step4 {width:170px;background: #9b7052;padding-right: 20px;padding: 6px 0;}
.procMenu6 li.step5 {width:182px;background: #82593c;border-radius: 0 36px 36px 0;padding:6px 0 6px 30px;}
.procMenu6 li.arr1 {position:absolute;left: 143px;}
.procMenu6 li.arr2 { position:absolute; left:344px; }
.procMenu6 li.arr3 { position:absolute; right:450px; }
.procMenu6 li.arr4 { position:absolute; right:278px; }
.procMenu7 {width:1075px;overflow:hidden;position:relative;}
.procMenu7 li {float:left;/* height:97px; */color:#fff;font-size:16px;line-height:24px;text-align:center;}
.procMenu7 li img {height:84px;}
.procMenu7 li span {display:block;text-transform:uppercase;/* margin-top: 12px; */}
.procMenu7 li:first-child {padding: 6px 0;padding-right: 10px;width: 310px;background: #cab285;border-radius: 36px 0 0 36px;}
.procMenu7 li.step2 {width: 310px;background: #b09157;padding: 6px 0;}
.procMenu7 li.step3 {width: 310px;background: #9b8252;padding: 6px 0; border-radius: 0 36px 36px 0;}
.procMenu7 li.step4 {width:170px;background: #9b7052;padding-right: 20px;padding: 6px 0;}
.procMenu7 li.step5 {width:182px;background: #82593c;border-radius: 0 36px 36px 0;padding:6px 0 6px 30px;}
.procMenu7 li.arr1 {position:absolute;left: 270px;}
.procMenu7 li.arr2 {position:absolute;left: 580px;}
.procMenu7 li.arr3 { position:absolute; right:450px; }
.procMenu7 li.arr4 { position:absolute; right:278px; }
div .btn_button {text-align:center; padding:30px 0;}
div .btn_down1{font-weight: 400;border-radius: 3px;font-size: 16px;color: #fff;padding: 10px 20px;border: 1px solid #1e7e32;box-shadow:0px 1px 0px rgba(255,255,255,0.15) inset;padding-left:50px;background:url(/bizdemo37728/img/download.png) 13px 10px no-repeat #279D40;border-bottom:2px solid #1e7e32;margin-right:7px;}
div .btn_down2{font-weight: 400;border-radius: 3px;font-size: 16px;color: #fff; padding: 10px 20px;border: 1px solid #60676a;
box-shadow:0px 1px 0px rgba(255,255,255,0.15) inset; padding-left:50px; background:url(/bizdemo37728/img/download.png) 13px 10px no-repeat #74878e;
border-bottom:2px solid #546167;}
div .btn_down1:hover, .btn_down2:hover {opacity:0.9}
ul .etc_btn_top {border:1px dotted #0C9F83; padding:10px 20px; position:absolute;}
.mchoice {margin:20px 0 25px 0;}
.txt_center {background: #fffaf2;text-align:center;border:1px solid #ddd;border-top: 3px solid #279d40;}
.txt_center:hover {background:#fff;}
.famember {display:inline-block; width:360px; height:160px; }
.comember {display:inline-block; width:360px; height:160px;}
.famember ul li {padding:15px 0; color:#5f676a;font-size:16px;margin:1px 0 !important;font-weight:500;}
.famember ul, .comember ul {color:#222;font-size:12px;padding:10px 10px 0 10px;line-height:20px;border-right:1px solid #ddd;}
.comember ul li{padding:15px 0 !important; color:#5f676a;font-size:16px;margin:1px 0px !important; font-weight:500;}
.txt_center2 {background: #fffaf2;/* text-align:center; */border:1px solid #ddd;border-top: 3px solid #279d40;}
.txt_center2:hover {background:#fff;}
.famember2 {padding: 20px;float: left;display:inline-block;width: 49.8%;/* height:160px; */border-right: 1px dashed #ddd;}
.famember2 img {float:left}
.famember2 p, .comember2 p {font-size:15px;}
.comember2 {padding: 20px;display:inline-block;width: 49.8%;/* height:160px; */}
.comember2 img {float:left;}
.famember2 ul li {padding: 5px 0 15px 0;color: #279d40;font-size: 19px;margin:1px 0 !important;font-weight:500;}
.famember2 ul, .comember2 ul {color:#222;font-size:12px;padding: 0 0 0 140px;line-height:20px;}
.comember2 ul li{padding: 5px 0 15px 0;color: #279d40;font-size: 19px;margin:1px 0px !important;font-weight:500;}
.radio {display:inline-block; width:360px; height:0px; margin-top:15px; }
div .btn_go{font-weight: 400;border-radius: 3px;font-size: 18px;color: #fff;padding: 15px 40px;border: 1px solid #60676a;box-shadow:0px 1px 0px rgba(255,255,255,0.15) inset;padding-left: 60px;background: url(/bizdemo37728/img/go_icon.png) 28px 15px no-repeat #74878e;border-bottom:2px solid #546167;}
div .btn_go:hover {opacity:0.9}
/* ���� ��� */
#aside .latest_box {background:#fff !important; box-shadow:1px 1px 2px 0 rgba(0,0,0,0.12)}
/* �Խ��� ������ ���� ���� */
table.seLayout td {padding:0 !important}
/* �̵�� ���� */
@media screen and (max-width:1740px) {
.root_daum_roughmap_landing {width:100%}
#aside {display:none !important}
}
@media screen and (max-width:1366px) {
.coSystem dd {margin-bottom:20px; margin-left:0px; }
.root_daum_roughmap_landing {width:100%}
#container > .inner .greeting > ul > li .text_effect {width:45%}
#container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:18px; font-weight:600}
#container > .inner .greeting .txt_box {width:52%}
.tabletype2 { width:100%}
}
@media screen and (max-width:1280px) {
.root_daum_roughmap_landing {width:100%}
.tabletype2 { width:100%}
#container > .inner .greeting > ul > li {clear:both; float:none; width:100% !important}
#container > .inner .greeting > ul > li.list1 {margin-bottom: 30px;margin-top:10px !important;}
#container > .inner .greeting > ul > li .text_effect {float:none; width:100%}
#container > .inner .greeting > ul > li .text_effect > li > .txt {font-size:36px; font-weight:400}
#container > .inner .greeting .txt_box {float:none; width:100%; margin-top:45px; font-size:13px}
#container > .inner .greeting .txt_box p.desc {margin-bottom:15px}
#container > .inner .business .wrap_type1 {margin-top:0; border:none}
#container > .inner .business .wrap_type1 .left {float:none; width:100%}
#container > .inner .business .wrap_type1 .center {float:none; width:100%; margin-bottom:50px}
#container > .inner .business .wrap_type1 .center ul.text_effect {padding-left:0}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt {font-size:30px}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt p {margin-bottom:0}
#container > .inner .business .wrap_type1 .center p.desc {padding-left:0 !important}
#container > .inner .business .wrap_type1 .right {float:none; width:100%; border:none}
#container > .inner .business .wrap_type1 .right h3 {margin-bottom:25px; padding:0 !important}
#container > .inner .business .wrap_type1 .right h3 p {font-size:44px; width:inherit !important; margin-left:0 !important}
#container > .inner .business .wrap_type1 .right h3 p.tit2 {display:none}
#container > .inner .business .wrap_type1 .right h3 p span {display:inline; float:none; width:inherit; padding-bottom:0 !important}
#container > .inner .business .wrap_type1 .right h3 p span.blind {display:inline !important}
}
@media screen and (max-width:1024px) {
.historyBox ul li {width:50%}
.root_daum_roughmap_landing {width:100%}
#container > .inner .company .map_list li {width:100% !important; margin-bottom:50px; border-bottom:1px solid #eee}
#container > .inner .company .map_list li.map {margin-top:0; padding:0 !important}
#container > .inner .company .map_list li.map .map_area {height:200px}
#container > .inner .company .map_list li .map_list_wrap h3 {font-size: 20px !important;height: 50px;font-size:34px;line-height: 50px;}
#container > .inner .company .map_list li .map_list_wrap p {font-size: 17px;margin: 0px !important;}
#container > .inner .business ul.tpl_list {padding-top:30px}
#container > .inner .business ul.tpl_list li {width:48% !important; height:380px; margin-bottom:50px}
.tabletype2 { width:100%}
#container > .inner .history > h3 {margin:20px 0;}
#container > .inner .business p.main_desc {width: 100% !important;}
#container > .inner .business .center p img {display:none;}
#container > .inner .business .center ul.text_effect {margin:20px 0 0 0px }
}
@media screen and (max-width:768px) {
#css_tabs3 {margin-top:20px; }
.inner .title_area img.bimg {display:none;}
.tabletype2 { width:100%}
#container > .inner .greeting .txt_box.full {margin-bottom:60px;}
div .btn_go {display:none;}
#css_tabs3 .tab1_content, #css_tabs3 .tab2_content, #css_tabs3 .tab3_content {padding:10px 0 !important;}
div .btn_down2 {display:none;}
.section .photo_slide .slide_wrap p.theme_tit {margin:10px 0;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li > img {width:100%;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a .mask {display:none;}
#container > .inner .company .photo_slide .slide_wrap .photo_list li a .zoom {display:none;}
#container > .inner .company .photo_slide .photo_swipe ul li img {display:none;}
.procMenu4 li span.btn, .procMenu4 li span.btn2 {display:none;}
#container > .inner .section > img { display:none; }
div .btn_button {width: 100% !important;padding: 0px !important;text-align:center;padding:30px 0;}
div .btn_down1{font-weight: 400;border-radius: 3px;font-size: 16px;color: #fff;padding: 10px 20px;border: 1px solid #1e7e32;box-shadow:0px 1px 0px rgba(255,255,255,0.15) inset;padding-left:50px;background:url(/bizdemo37728/img/download.png) 13px 10px no-repeat #279D40;border-bottom:2px solid #1e7e32;margin-right:7px;}
.bodycontent {display: inline;}
.bodycontent .s13 {border:1px solid #ddd;padding: 0px 0;width: 48% !important;height: 400px;display: block;margin: 0 5px 5px 0;}
.bodycontent .s13_L {clear: both;width: 100%;text-align:center;padding: 20px 40px;}
.bodycontent .s13_L img {clear: both;padding: 0;width: 100%;height: 100%;}
.bodycontent .s13_R {padding: 5px;clear: both;width: 100%;display: table-cell;vertical-align: middle;}
.bodycontent .s13_R
.s13_R_con {font-size: 15px !important;font-weight:600;color:#333;margin-bottom: 10px;}
.bodycontent li {padding-right: 0px;font-size: 14px;list-style-type: ethiopic;}
#css_tabs3 > label {width:100%; margin-bottom:5px }
.txt_center {background: #fffaf2;text-align:center;border:1px solid #ddd;border-top: 3px solid #279d40;}
.txt_center:hover {background:#fff;}
.famember {display:inline-block;width: 100%;height:160px;}
.comember {display:inline-block;width: 100%;height:160px;}
.comember ul {padding-top:30px !important;}
.famember ul li {padding:15px 0; color:#5f676a;font-size:16px;margin:1px 0 !important;font-weight:500;}
.famember ul, .comember ul {color:#222;font-size:12px;padding:10px 10px 0 10px;line-height:20px;border-right: 0px;}
.comember ul li{padding:15px 0 !important; color:#5f676a;font-size:16px;margin:1px 0px !important; font-weight:500;}
div .btn_down1 {display: none;margin-bottom:10px;margin-right:0px;}
.tabletype1 th {font-size:13px !important; width:1%; padding:10px 5px !important; }
.tabletype1 td {font-size:13px; padding:5px !important;}
#container > .inner .good li {padding:0px; margin-top:0px !important; font-size:13px;}
#container > .inner .good {width:100%;}
#container > .inner .good img {display:none;}
.txt_center2 {background: #fffaf2;/* text-align:center; */border:1px solid #ddd;border-top: 3px solid #279d40;}
.txt_center2:hover {background:#fff;}
.famember2 {border-right: 0px;padding: 10px;float: left;display:inline-block;width: 100%;/* height:160px; */border-bottom: 1px dashed #ddd;}
.famember2 img {float:left;width: 35%;}
.famember2 p, .comember2 p {font-size:15px;}
.comember2 {padding: 10px;display:inline-block;width: 100%;/* height:160px; */}
.comember2 img {float:left; width:35%;}
.famember2 ul li {padding: 5px 0 15px 0;color: #279d40;font-size: 15px;margin:1px 0 !important;font-weight:500;}
.famember2 ul, .comember2 ul {color:#222;font-size:12px;padding: 0 0 0 120px;line-height:20px;}
.comember2 ul li{padding: 5px 0 15px 0;color: #279d40;font-size: 15px;margin:1px 0px !important;font-weight:500;}
#css_tabs2 .tab2_content ul li {border-bottom: 0px !important;}
.section .photo_slide .slide_wrap p.theme_tit img {/* width:30% !important; */}
.section .photo_slide .slide_wrap p {width:100% !important; }
.section .photo_slide .slide_wrap p.tit {width:100% !important;height:50px;}
#css_tabs2 .tab2_content ul li img {width: 100% !important;}
#css_tabs2 .tab2_content ul li img.mobile {width:28% !important;margin-bottom: 50px;}
#css_tabs2 .tab1_content, #css_tabs2 .tab2_content, #css_tabs2 .tab3_content {padding:0px !important; }
#css_tabs2 > label {width:43%;margin: 20px 10px;}
.section p.sub_tit.blue {font-size: 18px !important;}
.historyBox ul li.late dl {margin-left: 21px !important;}
.procMenu3 {width:100%}
.procMenu3 li {float:left;height:67px;color:#fff;font-size:16px;line-height:20px;text-align:center;margin-bottom:0px; width: 100%; }
.procMenu3 li span {display:block;text-transform:uppercase;margin-top:12px !important;}
.procMenu3 li:first-child {width: 100%;background: rgb(75, 184, 98);border-radius:26px;}
.procMenu3 li.step2 {width: 100%;background: #279D40; border-radius:26px;}
.procMenu3 li.step3 {width: 100%;background: #099d89;border-radius:26px; padding-right:0px;}
.procMenu3 li.step4 {width: 100%;background: #5f676a;border-radius:26px; padding-right:0px;}
.procMenu3 li.step4 span {margin-top: 2px !important;}
.procMenu3 li.step5 { width: 100%;background:#595658; border-radius:26px;}
.procMenu3 li.arr1 {height: 67px;position: initial; line-height:67px; }
.procMenu3 li.arr2 {height: 67px;position: initial; line-height:67px; }
.procMenu3 li.arr3 {height: 67px;position: initial; line-height:67px; }
.procMenu3 li.arr4 {height: 67px;position: initial; line-height:67px; }
.procMenu3 li img {height:37px; vertical-align:middle;-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.s13_R .s13_R_ttl {text-align: center;font-size:14px;font-weight:500;margin-top:5px;}
.s13_R li {text-align:center;}
.s13_R {clear:both;}
.s13_L {width: 100%;}
.s13_L img {width: 100%; padding-right:0}
.s13 {
margin: 0 6px 5px 0;
padding: 10px;
width: 48%; height:157px;
}
.procMenu5 {width:100%}
.procMenu5 li {float:left;height:67px;color:#fff;font-size:16px;line-height:20px;text-align:center;margin-bottom:0px; width: 100%; }
.procMenu5 li span {display:block;text-transform:uppercase;margin-top:12px !important;}
.procMenu5 li:first-child {width: 100%;background: rgb(75, 184, 98);border-radius:26px;}
.procMenu5 li.step2 {width: 100%;background: #279D40; border-radius:26px;}
.procMenu5 li.step3 {width: 100%;background: #099d89;border-radius:26px; padding-right:0px;}
.procMenu5 li.step4 {width: 100%;background: #5f676a;border-radius:26px; padding-right:0px;}
.procMenu5 li.step4 span {margin-top: 2px !important;}
.procMenu5 li.step5 { width: 100%;background:#595658; border-radius:26px;}
.procMenu5 li.arr1 {height: 67px;position: initial; line-height:67px; }
.procMenu5 li.arr2 {height: 67px;position: initial; line-height:67px; }
.procMenu5 li.arr3 {height: 67px;position: initial; line-height:67px; }
.procMenu5 li.arr4 {height: 67px;position: initial; line-height:67px; }
.procMenu5 li img {height:37px; vertical-align:middle;-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.s13_R .s13_R_ttl {text-align: center;font-size:14px;font-weight:500;margin-top:5px;}
.s13_R li {text-align:center;}
.s13_R {clear:both;}
.s13_L {width: 100%;}
.s13_L img {width: 100%; padding-right:0}
.s13 {
margin: 0 6px 5px 0;
padding: 10px;
width: 48%;
}
.procMenu6 {width:100%}
.procMenu6 li {float:left;height:67px;color:#fff;font-size:16px;line-height:20px;text-align:center;margin-bottom:0px; width: 100%; }
.procMenu6 li span {display:block;text-transform:uppercase;/* margin-top:12px !important; */}
.procMenu6 li:first-child {width: 100%;background: rgb(75, 184, 98);border-radius:26px;}
.procMenu6 li.step2 {width: 100%;background: #279D40; border-radius:26px;}
.procMenu6 li.step3 {width: 100%;background: #099d89;border-radius:26px; padding-right:0px;}
.procMenu6 li.step4 {width: 100%;background: #5f676a;border-radius:26px; padding-right:0px;}
.procMenu6 li.step4 span {margin-top: 2px !important;}
.procMenu6 li.step5 { width: 100%;background:#595658; border-radius:26px;}
.procMenu6 li.arr1 {height: 67px;position: initial; line-height:67px; }
.procMenu6 li.arr2 {height: 67px;position: initial; line-height:67px; }
.procMenu6 li.arr3 {height: 67px;position: initial; line-height:67px; }
.procMenu6 li.arr4 {height: 67px;position: initial; line-height:67px; }
.procMenu6 li img {height:37px; vertical-align:middle;-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.s13_R .s13_R_ttl {text-align: center;font-size:14px;font-weight:500;margin-top:5px;}
.s13_R li {text-align:center;}
.s13_R {clear:both;}
.s13_L {width: 100%;}
.s13_L img {width: 100%; padding-right:0}
.s13 {
margin: 0 6px 5px 0;
padding: 10px;
width: 48%;
}
.procMenu7 {width:100%}
.procMenu7 li {float:left;height:67px;color:#fff;font-size:16px;line-height:20px;text-align:center;margin-bottom:0px; width: 100%; }
.procMenu7 li span {display:block;text-transform:uppercase;/* margin-top:12px !important; */}
.procMenu7 li:first-child {width: 100%;background: rgb(75, 184, 98);border-radius:26px;}
.procMenu7 li.step2 {width: 100%;background: #279D40; border-radius:26px;}
.procMenu7 li.step3 {width: 100%;background: #099d89;border-radius:26px; padding-right:0px;}
.procMenu7 li.step4 {width: 100%;background: #5f676a;border-radius:26px; padding-right:0px;}
.procMenu7 li.step4 span {margin-top: 2px !important;}
.procMenu7 li.step5 { width: 100%;background:#595658; border-radius:26px;}
.procMenu7 li.arr1 {height: 67px;position: initial; line-height:67px; }
.procMenu7 li.arr2 {height: 67px;position: initial; line-height:67px; }
.procMenu7 li.arr3 {height: 67px;position: initial; line-height:67px; }
.procMenu7 li.arr4 {height: 67px;position: initial; line-height:67px; }
.procMenu7 li img {height:37px; vertical-align:middle;-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.s13_R .s13_R_ttl {text-align: center;font-size:14px;font-weight:500;margin-top:5px;}
.s13_R li {text-align:center;}
.s13_R {clear:both;}
.s13_L {width: 100%;}
.s13_L img {width: 100%; padding-right:0}
.s13 {
margin: 0 6px 5px 0;
padding: 10px;
width: 48%;
}
.procMenu4 {width:100%}
.procMenu4 li {float:left;height:67px;color:#fff;font-size:16px;line-height:20px;text-align:center;margin-bottom:0px; width: 100%; }
.procMenu4 li span {display:block;text-transform:uppercase;margin-top:12px !important;}
.procMenu4 li:first-child {width: 100%;background: rgb(75, 184, 98);border-radius:26px;}
.procMenu4 li.step2 {width: 100% !important;background: #279D40; border-radius:26px;}
.procMenu4 li.step3 {width: 100% !important;background: #099d89;border-radius:26px; padding-right:0px;}
.procMenu4 li.step4 {width: 100%;background: #5f676a;border-radius:26px; padding-right:0px;}
.procMenu4 li.step4 span {margin-top: 2px !important;}
.procMenu4 li.step5 { width: 100%;background:#595658; border-radius:26px;}
.procMenu4 li.arr1 {height: 67px;position: initial; line-height:67px; }
.procMenu4 li.arr2 {height: 67px;position: initial; line-height:67px; }
.procMenu4 li.arr3 {height: 67px;position: initial; line-height:67px; }
.procMenu4 li.arr4 {height: 67px;position: initial; line-height:67px; }
.procMenu4 li img {height:37px; vertical-align:middle;-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.s13_R .s13_R_ttl {text-align: center;font-size:14px;font-weight:500;margin-top:5px;}
.s13_R li {font-size: 13px !important;text-align:center;}
.s13_R {clear:both;}
.s13_L {width: 100%;}
.s13_L img {width: 100%; padding-right:0}
.s13 {
margin: 0 6px 5px 0;
padding: 10px;
width: 48%;
}
.section .photo_list li.p_1 {width:100% !important; padding:0px !important; }
.section .photo_list li.p_2 {width:100% !important; padding: 0px !important;}
.tabletype2 tbody th {width: 20%;font-size: 13px;padding: 5px;} #container > .inner .greeting > ul > li .full {margin: 0px;}
#css_tabs_m {display:none;}
#css_tabs {background:url('/img/common/tab_bg.jpg') repeat-x; margin-top:30px;}
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3) {
display:none}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) {
display:block}
#css_tabs > label {
display:inline-block;
font-variant:small-caps;
box-sizing:border-box;
font-size: 15px;
width: 100%;
height:43px;
line-height:40px;
text-align:center;
margin-right:-3px;
font-weight: 500;
background:#f5f5f5;
color:#777;
border: 1px solid #ccc;
margin-bottom: 10px;}
#css_tabs > label:hover {
box-sizing:border-box;
cursor:pointer;
border:1px solid #000;
border-bottom:0px;
}
#css_tabs label[for=tab1] {
/* margin-left:1.5em */
}
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
box-sizing:border-box;
background: white;
margin-bottom: 10px;
border: 1px solid #000;
color: #222;
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
width: 100%;
padding-left:2px;
margin-left:-1px;
box-sizing:border-box;
background:white;
border: 1px solid #000;
color:#222;
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
width:100%;
padding-left:2px;
margin-left:-1px;
box-sizing:border-box;
box-sizing:border-box;
border: 1px solid #000;
background: white;
color: #222;
}
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content {
/* border: 1px solid #000; */
/* border-top: 0px; */
margin-bottom: 50px;
padding: 1em;
/* border:1px solid #ddd; */
/* width:70%; */
height:100%;
font-size: 13px;
line-height: 26px;
}
#css_tabs label[for=tab3] {border-right:1px solid #ccc;}
.historyBox ul li {width:50%}
.root_daum_roughmap_landing {width:100%}
#container > .inner .history > h3 {margin:20px 0; height:inherit !important}
.tabletype2 { width:100%}
#container > .inner .company .photo_slide .slide_wrap .tit_box {display:none}
#container > .inner .company .photo_slide .slide_wrap .photo_list {display: block;}
#container > .inner .company .photo_slide .paging {display:none}
#container > .inner .company .photo_slide .photo_swipe {display:block !important}
#container > .inner .company .photo_slide .paging_m {display:block !important}
#container > .inner .business p.main_desc {width: 100% !important;}
#container > .inner .business .center p img {display:none;}
#container > .inner .business .center ul.text_effect {margin:20px 0 0 0px }
}
@media screen and (max-width:640px) {
.coSystem dd p {width:120px; height:120px; line-height:120px; }
.coSystem dd ul {margin:30px; }
.historyBox ul li {width:100%}
#container > .inner .business p.main_desc {font-size:13px; }
#container > .inner .business p.main_desc {margin: 30px 0 0 0;width: 100% !important;}
#container > .inner .business .center p img {display:none;}
#container > .inner .business .center ul.text_effect {margin:20px 0 0 0px }
#container > .inner .business .center ul.text_effect li .txt {font-size:18px;}
.root_daum_roughmap_landing {width:100%}
.tabletype2 { width:100%}
#container > .inner .history > h3 {/* height: 55px; */font-size:18px;line-height: normal;margin: 20px 0 5px 0;}
#container > .inner .section p {font-size: 13px !important;}
#container > .inner .section {padding-bottom: 0px !important; padding-top:0px !important;}
#container > .inner .section h2.sub_tit {clear: both;font-size:20px;margin: 35px 0 15px 0;}
#container > .inner .section h2.sub_tit2 {position:relative; font-size:28px; font-weight:600; color:#444; line-height:1.2; margin-bottom:30px; padding-bottom:15px}
#container > .inner .section h2.sub_tit:after {width:30px}
#container > .inner .greeting > ul > li .text_effect > li > .txt {font-size: 17px !important;}
#container > .inner .greeting .txt_box {margin-top: 25px !important;}
#container > .inner .greeting .txt_box p.desc {font-size:13px}
#container > .inner .history > .history_box {display:block; width:100% !important}
#container > .inner .history > .history_box h3 {font-size:20px !important}
#container > .inner .history > .con_box {padding:15px 25px}
#container > .inner .history > .con_box .left, #container > .inner .history > .con_box .right {float:none; width:100% !important}
#container > .inner .history > .con_box dl dt, #container > .inner .history > .con_box dl dd {font-size:12px}
#container > .inner .company .map_list li .map_list_wrap {padding-bottom:25px}
#container > .inner .company .map_list li .map_list_wrap h3 {line-height: 50px;height: 50px;font-size:15px !important;margin-bottom:10px;}
#container > .inner .company .map_list li .map_list_wrap p {font-size:13px !important}
#container > .inner .company .map_list li .map_list_wrap p.old {margin-bottom:10px}
#container > .inner .company .map_list li .map_list_wrap p.tel, #container > .inner .company .map_list li .map_list_wrap p.fax {font-size:13px !important}
#container > .inner .company .map_list li .map_list_wrap a.pointer {bottom:20px; right:0}
#container > .inner .business ul.tpl_list {margin-bottom:30px}
#container > .inner .business ul.tpl_list li {width:100% !important; height:initial}
#container > .inner .business ul.tpl_list li p.img {position:static !important; margin-top:30px}
#container > .inner .business .process_box {padding:30px 0}
#container > .inner .business .process_box ul.prcs_list li {background:url(../../img/process_arrow.png) right center no-repeat; background-size:16px}
#container > .inner .business .wrap_type1 .center ul.text_effect li .txt {font-size:24px}
#container > .inner .business .wrap_type1 .right p.img {margin-bottom:25px}
#container > .inner .business .wrap_type1 .right h3 p {font-size:inherit}
#container > .inner .business .wrap_type1 .right h3 p span {font-size:24px}
#container > .inner img.img_mob {display:block !important}
#container > .inner img.img_pc {display:none !important}
}