/* reset with normalize */
* {
	word-break:normal;
	box-sizing:border-box;
	-o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -webkit-text-size-adjust:none
   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'KOHIBaeumOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'NEXONFootballGothicLA1';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicLA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}
 


@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}



@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}


@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}


@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}



@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src: url('../font/NotoSansKR-Regular.eot'); 
src: url('../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
	 url(../font/NotoSansKR-Regular.woff2) format('woff2'),
	 url(../font/NotoSansKR-Regular.woff) format('woff'),
	 url(../font/NotoSansKR-Regular.otf) format('opentype');
	 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;


}

@font-face {
font-family:'Noto Sans KR bold';
font-style:normal;
font-weight:bold;
src: url('../font/NotoSansKR-Bold.eot'); 
src: url('../font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
	 url(../font/NotoSansKR-Bold.woff2) format('woff2'),
	 url(../font/NotoSansKR-Bold.woff) format('woff'),
	 url(../font/NotoSansKR-Bold.otf) format('opentype');
	 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}


@font-face {
    font-family: 'TitilliumWeb-SemiBold';
    src: url('../font/TitilliumWeb-SemiBold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

caption {position:absolute;text-indent:-9999px;height:0;font-size:0;line-height:0;}
form {display:inline;}


/* reset with normalize */
* {
	word-break:normal;
	box-sizing:border-box;
	-o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -webkit-text-size-adjust:none
   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

 


/*모서리둥글기*/
.br3 {border-radius:3px;}
.br5 {border-radius:5px;}
.br7 {border-radius:7px;}
.br10 {border-radius:10px;}
.br15 {border-radius:15px;}


/*기본설정*/
.button {clear:both;display:inline-block;cursor: pointer;color:#fff;background:#777;font-weight:bold;text-align:center;padding:3px 10px;height:15px;line-height:1.0;border:1px solid #555;margin-right:5px;}
a.button:hover{color:#fff;background:#666; transition: all 0.2s ease 0s;}

input.button{height:25px;vertical-align:middle;padding-top:0;font-size:14px;}
button.button {height:20px;vertical-align:middle;padding-top:0;font-size:14px; }
.button:focus {cursor: pointer;}

/*색상설정*/
.blue {border:1px solid #1e4a9c;background:#2762c6;}
.green {border:1px solid #338819;background:#47b126;}
.red {border:1px solid #c22f12;background:#e54c2f;}
.skyblue {border:1px solid #7babdb;background:#88baec;}
.white {border:1px solid #bebebe;background:#fff;color:#333;}
.deepblue {border:1px solid #143665;background:#234879;}
.black {border:1px solid #383838;background:#59595a;}
.black:hover {color:#fff!important;}
.black:focus {color:#fff!important;}

.gray {border:1px solid #979797;background:#cdd1cf;color:#555;}


.button_white {padding:15px 25px;height:45px; background:#fff;color:#333;clear:both;display:inline-block;cursor: pointer;color:#fff; font-weight:bold;text-align:center; line-height:1.0;border:1px solid #555;margin-right:5px;}
.button_white:hover {color:#333;}

.button_black {padding:20px 35px;height:55px; background:#222;color:#fff;clear:both;display:inline-block;cursor: pointer;color:#fff; font-weight:bold;text-align:center; line-height:1.0;border:1px solid #555;margin-right:5px;}
.button_black:hover {color:#fff;}

.input_pay {vertical-align:bottom;border:1px solid #ddd; height:33px;  margin-right:15px;}

/**/
a.blue:hover,a.blue:active, .blue:focus {border:1px solid #0c256d;background:#11399f;}
a.green:hover,a.green:active, .green:focus {border:1px solid #17580a;background:#22910e;}
a.red:hover, a.red:active,.red:focus {border:1px solid #991607;background:#d01606;}
a.skyblue:hover, a.skyblue:active,.skyblue:focus {border:1px solid #5184c0;background:#5f96da;}
a.white:hover,a.white:active, .white:focus {border:1px solid #bebebe;background:#ecebeb;color:#222!important;}
a.deepblue:hover, a.deepblue:active,.deepblue:focus {border:1px solid #071938;background:#0f244a;}
a.black:hover,a.black:active, .black:focus {border:1px solid #191919;background:#383839;}
a.gray:hover, a.gray:active,.gray:focus {border:1px solid #979797;background:#222;color:#fff!important;}


/* 아이콘 버튼*/
.down {padding:7px 40px 7px 20px;background:#555 url(../images/common/btn_down_white.png) no-repeat 90% 50%; color:#fff; font-weight:bold;clear:both;display:inline-block;}
.down_b {padding:7px 40px 7px 20px;background:#255BA5 url(../images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff;font-weight:bold;clear:both;display:inline-block;}
.down_w {padding:7px 40px 7px 20px;background:#fff url(../images/common/btn_down_black.png) no-repeat 90% 50%; color:#555;border:1px solid #979797;font-weight:bold;clear:both;display:inline-block;}
a.down:hover, a.down:active,.down:focus {background:#444 url(../images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.down_b:hover, a.down_b:active,.down_b:focus {background:#1F4B87 url(../images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.down_w:hover, a.down_w:active,.down_w:focus {background:#fff url(../images/common/btn_down_black.png) no-repeat 90% 50%;color:#555;}

.blank {padding:7px 40px 7px 20px;background:#555 url(../images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff;font-weight:bold;clear:both;display:inline-block;}
.blank_b {padding:7px 40px 7px 20px;background:#255BA5 url(../images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff;font-weight:bold;clear:both;display:inline-block;}
.blank_w {padding:7px 40px 7px 20px;background:#fff url(../images/common/ico_window.gif) no-repeat 90% 50%; color:#555;border:1px solid #979797;font-weight:bold;}
a.blank:hover, a.blank:active,.blank:focus {background:#444 url(../images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.blank_b:hover, a.blank_b:active,.blank_b:focus {background:#1F4B87 url(../images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.blank_w:hover, a.blank_w:active,.blank_w:focus {background:#fff url(../images/common/ico_window.gif) no-repeat 90% 50%;color:#555;}




/*크기설정*/
.xxs {padding:2px 10px;height:15px;}
.xs {padding:5px 10px;height:15px;}
.xl {padding:8px 15px;height:15px;}
.xxl {padding:15px 50px;height:15px;}
input.xl{height:33px;padding-top:5px;}
button.xl {height:33px;padding-top:5px;}
input.xxl{height:47px;padding-top:12px;}
button.xxl {height:50px;padding-top:12px;}




.video_box {position:absolute; left:0; top:0; width:100%; height:100%;}
.video_box .mask_video {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}


.clear {clear:both;}
.tc {text-align:center;}
.fr {float:right;}

.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.con_h2 {color:#222!important; text-align:center; margin:20px 0; padding-left:0; font-size:2.5em; border-bottom:1px solid #ddd; padding-bottom:25px;}
.tc {text-align:center; }
.pc_enter {display:block;}
.sub_contents {margin:30px 0; color:#555!impoartant;}
 
.sub_contents h3 {clear:both;font-size:2.3em;color:#222; margin:80px 0 20px 0;    line-height:130%;   font-family: 'NEXON Lv2 Gothic'; font-weight:bold; }
.sub_contents h4 {clear:both;font-size:1.7em;color:#222;font-weight:bold; margin:50px 0 10px 0;font-family: 'NEXON Lv2 Gothic'; font-weight:bold;  }
.sub_contents h5 {clear:both;font-size:1.4em;color:#333; font-weight:normal!important;margin:40px 0 10px 0; font-family: 'NEXON Lv2 Gothic'; font-weight:bold; }

 
.depth01 li {background: url('/customized/imgs/depth02.gif') 0px 10px no-repeat; padding:2px 0px 2px 13px;   }
.depth01 li li  {background: url('/customized/imgs/depth02.gif') 2px 15px no-repeat; padding:3px 0px 3px 13px;    }

/*6개 탭*/
.tab01 { border:1px solid #ddd; overflow:hidden; margin:50px 0; }
.tab01 li a {width:16.66%;border-right:1px solid #ddd; float:left; text-align:center; padding:15px 0;}
.tab01 li a:hover, .tab01 li a.over {background-color:#D40304; color:#fff;}


/*5개 탭*/
.tab02 { border:1px solid #ddd; overflow:hidden; margin:50px 0; }
.tab02 li a {width:20%;border-right:1px solid #ddd; float:left; text-align:center; padding:15px 0;}
.tab02 li a:hover, .tab02 li a.over {background-color:#D40304; color:#fff;}
.tab02 li:last-child a {border-right:0;}



.sub_contents .p_h4 {font-size:1.2em; color:#777;}


.underline {position: relative;z-index: 1;}
.underline:after  {content: '';display: block;z-index: -1;bottom: 4px;left: 0;position: absolute;width: 100%;height: 12px;background: #D40304;}

.underline02 {position: relative;z-index: 1;}
.underline02:after  {content: '';display: block;z-index: -1;bottom: 4px;left: 0;position: absolute;width: 100%;height: 12px;background: #fddf65;}


.sub_topimg {width:100%;    padding-top:80px;height:450px; text-align:center; color:#fff;   }
.sub_topimg h4 {color:#fff;  font-size:2.7em; padding-top:120px;}
.sub_topimg p {margin-top:15px; font-size:1.3em; line-height:120%; color:#fff; opacity:0.8}
 



.st_01 { background: url('/customized/imgs/top_img01.jpg') no-repeat 50% bottom;background-size:cover;} /*웹사이트*/
.st_02 { background: url('/customized/imgs/top_img02.jpg') no-repeat 50% bottom;background-size:cover;} /*쇼핑몰*/
.st_03 { background: url('/customized/imgs/top_img03.jpg') no-repeat 50% bottom;background-size:cover;} /*모바일*/
.st_04 { background: url('/customized/imgs/top_img04.jpg') no-repeat 50% bottom;background-size:cover;} /*시스템개발*/
.st_05 { background: url('/customized/imgs/top_img05.jpg') no-repeat 50% bottom;background-size:cover;} /*유지보수*/
.st_06 { background: url('/customized/imgs/top_img06.jpg') no-repeat 50% bottom;background-size:cover;} /*견적문의*/
.st_07 { background: url('/customized/imgs/top_img07.jpg') no-repeat 50% bottom;background-size:cover;} /*마케팅*/
.st_08 { background: url('/customized/imgs/top_img07.png') no-repeat 50% 0%;background-size:cover;} /*포트폴리오*/
.st_09 { background: url('/customized/imgs/top_img09.jpg') no-repeat 50% 0;background-size:cover;} /*라이브*/


/*유지보수*/
.border_box {border:1px solid #ddd;  width:100%; margin:0 auto; border-radius:10px; overflow:hidden;}
.view_left {width:15%;  padding:150px 0 0px 0;  display:inline-block; text`-align:center;  background:  url(/customized/imgs/view_ico.png) no-repeat 50% 50%;}
.view_right a {margin-top:20px; display:inline-block;   color:#D40304;  border:1px solid #D40304;border-radius:5px; text-align:center; padding:6px 40px 6px 10px;   background:    url(/customized/imgs/support_arrow_r.png) no-repeat 95% 50%; }
.view_right a:hover{display:inline-block;   color:#fff;  border:1px solid #D40304;border-radius:5px; text-align:center; padding:6px 40px 6px 10px;   background: #D40304   url(/customized/imgs/support_arrow_w.png) no-repeat 95% 50%; }
.view_right {width:84%; padding:30px 0 30px 0px; display:inline-block;}


.btn_view {
    padding: 10px 110px 10px 30px;
    background: #555 url(/customized/imgs/s0205_arrow02.png) no-repeat 90% 50%;
    color: #fff;
    border: 1px solid #979797;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
}
.btn_view:hover {color:#fff;}



/*방법 6개*/
.counseling_box06 {clear:both; margin:20px auto; width:100%; height:auto; overflow:hidden;  border:1px solid #ddd; padding:70px 60px 50px 60px; }

.counseling_box06 li {float:left; width:16.6%;  padding-left:20px; padding-right:40px; text-align:center;  font-size:1.1em; line-height:120%;  background: url('/customized/imgs/s0204_icon_arrow.gif') right 30% no-repeat; }
.counseling_box06 li:last-child {background-image:none;  }
.counseling_box06 li img {margin-bottom:10px; width:100%; max-width:152px; }
.counseling_box06 li  span {font-size:16px;  line-height:140%; }


.bi_box02 {width:100%; margin-top:30px; overflow:hidden;}
.bi_box02 li p {font-size:1em;  color:#454545; margin-bottom:10px;}
.bi_box02 li span {clear:both; font-size:15px; letter-spacing:-1px;line-height:100%;color:#999; margin:15px 0;}
.bi_box02 li span b {color:#222; font-size:17px; }
.bi_box02 li .btn_go {clear:both; position:absolute; bottom:10%; left:33%; display:inline-block; padding:7px 40px 7px 20px;color:#fff; font-size:14px;  background:#999 url("/customized/imgs/support_arrow_w.png") no-repeat 90% 13px}


.bi_box02 > li {cursor:pointer;display:inline-block; position:relative; float:left; width:19%; height:400px;margin:10px 0.5%; border-radius:5px; padding:190px 10px 48px; border:1px solid #a7a7a7; font-size:24px; text-align:center; }
.bi_box02 > li:hover,.bi_box02  > li .on,.bi_box02  > li:hover p,.bi_box02  > li:hover span,.bi_box02  > li:hover span b,
.bi_box02 > li:focus{ color:#fff;}
.bi_box02  > li:hover .btn_go {color:#555;background:#fff url("/customized/imgs/support_arrow_b.png") no-repeat 90% 13px}
.bi_box02 > li.on {margin-top:20px; transition: 0.3s; color:#fff;}

.bi_box02 > li.lf01 {background:url("/customized/imgs/export_support_01.png") no-repeat center 45px}
.bi_box02 > li.lf02 {background:url("/customized/imgs/export_support_02.png") no-repeat center 45px}
.bi_box02 > li.lf03 {background:url("/customized/imgs/export_support_03.png") no-repeat center 45px}
.bi_box02 > li.lf04 {background:url("/customized/imgs/export_support_04.png") no-repeat center 45px}
.bi_box02 > li.lf05{background:url("/customized/imgs/export_support_05.png") no-repeat center 45px}

.bi_box02 > li.lf06{background:url("/customized/imgs/repair_ico_02.png") no-repeat center 45px}
.bi_box02 > li.lf07{background:url("/customized/imgs/repair_ico_03.png") no-repeat center 45px}
.bi_box02 > li.lf08{background:url("/customized/imgs/repair_ico_04.png") no-repeat center 45px}
.bi_box02 > li.lf09{background:url("/customized/imgs/repair_ico_05.png") no-repeat center 45px}

.bi_box02 > li.lf01:hover,.bi_box02 ul > li.lf01:focus{background-color:#D40304;}
.bi_box02 > li.lf02:hover,.bi_box02 ul > li.lf02:focus{background-color:#D40304;}
.bi_box02 > li.lf03:hover,.bi_box02 ul > li.lf03:focus{background-color:#D40304;}
.bi_box02 > li.lf04:hover,.bi_box02 ul > li.lf04:focus{background-color:#D40304;}
.bi_box02 > li.lf05:hover,.bi_box02 ul > li.lf05:focus{background-color:#D40304;}
.bi_box02 > li.lf06:hover,.bi_box02 ul > li.lf06:focus{background-color:#D40304;}
.bi_box02 > li.lf07:hover,.bi_box02 ul > li.lf07:focus{background-color:#D40304;}
.bi_box02 > li.lf08:hover,.bi_box02 ul > li.lf08:focus{background-color:#D40304;}
.bi_box02 > li.lf09:hover,.bi_box02 ul > li.lf09:focus{background-color:#D40304;}



.bi_box03 {width:100%; margin-top:30px; overflow:hidden;}
.bi_box03 li p {font-size:1em;  color:#454545; margin-bottom:10px;}
.bi_box03 li span {clear:both; font-size:15px; letter-spacing:-1px;line-height:100%;color:#999; margin:15px 0;}
.bi_box03 li span b {color:#222; font-size:17px; }
.bi_box03 li .btn_go {clear:both; position:absolute; bottom:10%; left:33%; display:inline-block; padding:7px 40px 7px 20px;color:#fff; font-size:14px;  background:#999 url("/customized/imgs/support_arrow_w.png") no-repeat 90% 13px}


.bi_box03 > li {cursor:pointer;display:inline-block; position:relative; float:left; width:24%; height:400px;margin:10px 0.5%; border-radius:5px; padding:190px 10px 48px; border:1px solid #a7a7a7; font-size:24px; text-align:center; }
.bi_box03 > li:hover,.bi_box03  > li .on,.bi_box03  > li:hover p,.bi_box03  > li:hover span,.bi_box03  > li:hover span b,
.bi_box03 > li:focus{ color:#fff;}
.bi_box03  > li:hover .btn_go {color:#555;background:#fff url("/customized/imgs/support_arrow_b.png") no-repeat 90% 13px}
.bi_box03 > li.on {margin-top:20px; transition: 0.3s; color:#fff;}

.bi_box03 > li.lf01 {background:url("/customized/imgs/export_support_01.png") no-repeat center 45px}
.bi_box03 > li.lf02 {background:url("/customized/imgs/export_support_02.png") no-repeat center 45px}
.bi_box03 > li.lf03 {background:url("/customized/imgs/export_support_03.png") no-repeat center 45px}
.bi_box03 > li.lf04 {background:url("/customized/imgs/export_support_04.png") no-repeat center 45px}
.bi_box03 > li.lf05{background:url("/customized/imgs/export_support_05.png") no-repeat center 45px}



.bi_box03 > li.lf01:hover,.bi_box03 ul > li.lf01:focus{background-color:#D40304;}
.bi_box03 > li.lf02:hover,.bi_box03 ul > li.lf02:focus{background-color:#D40304;}
.bi_box03 > li.lf03:hover,.bi_box03 ul > li.lf03:focus{background-color:#D40304;}
.bi_box03 > li.lf04:hover,.bi_box03 ul > li.lf04:focus{background-color:#D40304;}


/*기본테이블*/
.tbTypeA {width:100%; font-size:1em; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b;border-spacing:0;  }
.tbTypeA thead tr th {height:18px; padding:25px 10px; font-size:20px;  color:#3e3e3e; text-align:center; line-height:18px; vertical-align:middle; border-top:1px solid #e4e4e4;   }
.tbTypeA thead tr:first-child th {border-top:0;}
.tbTypeA thead tr th:last-child{border-right:0;}
.tbTypeA thead tr th.bdL0 {border-left:0;}
.tbTypeA tbody tr th { background-color:#f9f9f9;   padding:10px 20px; line-height:24px;  color:#333; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;   }
.tbTypeA tbody tr td {height:18px;font-size:1.1em;   color:#555;  padding:15px 20px; line-height:170%; vertical-align:middle; border-top:1px solid #e4e4e4;  }
.tbTypeA tbody tr:first-child td {border-top:1px solid #ddd;}
.tbTypeA tbody tr td:last-child{border-right:0;}
.tbTypeA tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeA tbody tr td .txtList {}
.tbTypeA tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(../../images/common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeA tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeA tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeA tbody tr td.fee {padding-right:10px !important; text-align:right;}

.tbTypeB.mdcCharge td {padding-left:15px; padding-right:15px; font-size:12px; word-break:break-all;}
.br1 {border-right:1px solid #e4e4e4;}

.back_gray {background-color:#f9f9f9;}

.tbTypeA input {
    vertical-align: bottom;
    border: 1px solid #ddd;
    height: 33px;
    margin-right: 15px;
	padding-left:5px;
	color:#555;
}


.table_write02 {clear:both;  border-top:2px solid #333; border-bottom:1px solid #ddd;  margin-top:25px; margin-bottom:20px; width:100%; box-sizing:border-box;}
.table_write02 tbody th {padding:20px 15px; font-size:1.2em; text-align:left; color:#555;  border-top:1px solid #ddd;  }
.table_write02 tbody td {padding:20px 10px; font-size:1.2em;   border-top:1px solid #ddd;  line-height:140%; }
.table_write02 tbody td a:hover {color:#6E64D7;}




.down_w {
    padding: 10px 50px 10px 30px;
    background: #fff url(/customized/imgs/btn_down_black.png) no-repeat 90% 50%;
    color: #555;
    border: 1px solid #979797;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
}

.down_w02 {
    padding: 7px 45px 7px 30px;
    background: #fff url(../images/board/ico_down02.png) no-repeat 85% 55%;
    color: #555;
    border: 1px solid #979797;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
	border-radius:30px;
	font-size:16px;
}

.down_w:hover {color:#fff;background: #005AAF url(/customized/imgs/btn_down_white.png) no-repeat 90% 50%; }

.down_ws {
    padding: 1px 35px 1px 15px;
    background: #fff url(/customized/imgs/btn_down_black.png) no-repeat 90% 50%;
    color: #555;
    border: 1px solid #979797;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
	font-size:14px;
}
.down_ws:hover {color:#fff;background: #555 url(/customized/imgs/btn_down_white.png) no-repeat 90% 50%; }

.download {
    background:  url(/customized/imgs/btn_down_black.png) no-repeat 100% 50%;
	padding-right:20px;
}
.download:hover {color:#005AAF;}

.down_b {
    padding: 10px 50px 10px 30px;
    background: #005AAF url(/customized/imgs/btn_down_white.png) no-repeat 90% 50%;
    color: #fff;
    border: 1px solid #005AAF;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
}

.down_b:hover {color:#555; border: 1px solid #555;background: #fff url(/customized/imgs/btn_down_black.png) no-repeat 90% 50%; }

.down_bs {
    padding: 2px 35px 2px 15px;
    background: #005AAF url(/customized/imgs/btn_down_white.png) no-repeat 90% 50%;
    color: #fff;
    border: 1px solid #005AAF;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
	margin-bottom:5px;
	font-size:14px;
}

.down_bs:hover {color:#555; border: 1px solid #555;background: #fff url(/customized/imgs/btn_down_black.png) no-repeat 90% 50%; }

.btn_port {  padding: 15px 25px 15px 25px;
    background: #D40304 url(/customized/imgs/btn_down_white.png) no-repeat 90% 50%;
    color: #fff;
    border: 1px solid #D40304;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
	margin-bottom:5px;
	font-size:16px;}

.btn_port:hover, .btn_port:active {color:#fff;}


.btn_estimate {  padding: 15px 25px 15px 25px;
    background: #fff url(/customized/imgs/btn_down_white.png) no-repeat 90% 50%;
    color: #D40304;
    border: 1px solid #D40304;
    font-weight: bold;
    clear: both;
    display: inline-block;
	margin-right:5px;
	margin-bottom:5px;
	font-size:16px;}
.btn_estimate:hover,.btn_estimate:focus {color:#D40304;}



/* mall step */
.step05 {clear:both; margin:40px auto; position:relative; text-align:center;overflow:hidden;}
.step05  ul {width:930px; margin:0 auto;text-align:center;}
.step05 li {position:relative; width:310px; height:354px;margin:20px 0%;   float:left; background: url('/customized/imgs/ups_step_line.gif') 0 37% repeat-x;}
.step05 li p { color:#000; font-size:2.5em; text-align:center;font-family: 'NEXON Lv2 Gothic'; letter-spacing:-1px; padding-top:80px; width:264px; height:280px;  background: url('/customized/imgs/ups_step_bg.png') 0 0 no-repeat;    }
.step05 li p > span {display:block; font-size:18px; padding-top:0; margin:0 auto;font-weight:bold; }
.step05 li:last-child {background-image:none; padding-right:0;}

.step05 li div {clear:both; font-size:1em;  width:100%; color:#222;  text-align:center; padding-top:0px;  margin-left:-30px;  }


.mall_ico   {overflow:hidden; border:1px solid #ddd; margin-top:20px; border-radius:10px;}
.mall_ico  li {float:left; background-color:#fff; cursor:pointer;  width:14.28%; padding:120px 0 20px 0;display:inline-block; text-align:center; border-right:1px solid #ddd; }
.mall_ico  li:last-child {border-right:0;}
.mall_ico  li:hover {background-color:#f6f6f6;}

.mall_ico :nth-child(1) {background:#fff url('/customized/imgs/mall_ico_01.png') 50% 40% no-repeat;}
.mall_ico :nth-child(2) {background: url('/customized/imgs/mall_ico_02.png') 50% 40% no-repeat;}
.mall_ico :nth-child(3) {background: url('/customized/imgs/mall_ico_03.png') 50% 40% no-repeat;}
.mall_ico :nth-child(4) {background: url('/customized/imgs/mall_ico_04.png') 50% 40% no-repeat;}
.mall_ico :nth-child(5) {background: url('/customized/imgs/mall_ico_05.png') 50% 40% no-repeat;}
.mall_ico :nth-child(6) {background: url('/customized/imgs/mall_ico_06.png') 50% 40% no-repeat;}
.mall_ico :nth-child(7) {background: url('/customized/imgs/mall_ico_07.png') 50% 40% no-repeat;}



.textarea01 {
    width: 100%;
   height: 100px;
    padding: 20px;
    font-size: 16px;
    line-height: 140%;
    border: 1px solid #ccc;
    resize: none;
    color: #777;
	background-color:#fff;
	font-family:'Noto Sans KR';
	margin:5px 0;
	overflow: auto;
	background-color:#f9f9f9;
}
.textarea01 pre {color:#555;font-family:'Noto Sans KR'; font-size:1em;}
 

/*견적상담*/
.consulting_box { z-index:0!importatn; border-top:3px solid #222; margin:20px auto; width:100%; background-color:#f9f9f9;}
.consulting_box ul {clear:both;}
.consulting_box li {border-bottom:1px solid #ddd; padding:10px 0px; color:#222; font-size:1.2em;}
.consulting_box .width100 {width:100%; display:block; float:left;}
.consulting_box .width50 {width:50%; display:block;float:left;}
.consulting_box p {width:20%; font-size:16px; float:left;display:inline-block; padding:7px 0 0 20px; vertical-align:center;}
.consulting_box input  { z-index:0!importatn; width:75%; display:inline-block; height: 40px;padding: 6px 10px;margin-bottom:5px;font-size: 14px;border: 1px solid #ccc;vertical-align: middle;color: #363636; }
.consulting_box .widthright  {width:91%; text-align:left;  }
.consulting_box .width100 p {width:8.5%;}

.checkboxA { margin:10px 0; font-size:16px; display: inline-block;position: relative;}
.checkboxA input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.checkboxA label {cursor: pointer;padding-left: 30px; margin-right:10px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 25px;color: #252525;letter-spacing: -0.8px;}
.checkboxA label:before {position: absolute;left: 0;top: 0;content: "";width: 25px;height: 25px;vertical-align: middle;background: url("/customized/images/ligon_chk.png") no-repeat 0 0;-webkit-background-size: 100% auto;background-size: 100% auto;}
.checkboxA input:checked+label:before {background-image: url("/customized/images/ligon_chk_o.png");}

.ico_date {display:inline-block;  background: #DE0203; text-align:center; vertical-align:top; border-radius:5px;padding:3px 15px 12px 15px;}
.ico_date img {vertical-align:middle;}
.ico_date input [readonly] {background-color:#fff!important;}
.btn-search03 {position:relative;   background-color:#555; color:#fff; border-radius:5px; display:inline-block;   padding:13px 15px; text-align:center;}


.wp150 {width:150px!important;}

/* file */
.file-box {position:relative}
.file-box input[type="file"] {position:absolute; width:1px; height:1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0)}
.file-box label,.file-box .upload-name {display:inline-block; height:30px; line-height:30px; font-size:13px; padding:0 10px; vertical-align:middle}
.file-box label {border:1px solid #ccc; background:#f4f4f4; color:#333; cursor:pointer; margin-bottom:5px;}
.file-box .upload-name {width:300px; margin-left:0px; background:#fff; border:1px solid #ccc; color:#999; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:top;}



/* 달력 01*/
#data_table { background-color:#fff; border:1px solid #ddd; padding:15px 20px; position: absolute; display: inline-block; left: 0; top: 40px; z-index: 9999; }
#data_table select {height:40px; padding:7px; border-radius:5px; border:1px solid #ddd;   }
#data_table table {margin-top:4px;width:100%; }
#data_table td {padding:5px 10px; border:1px solid #ddd; text-align:center;}
#data_table td:hover {background-color:#f9f9f9; color:#6E63D7; }
.ui-datepicker-month { color:#D40304;  font-size:1.5em; margin:30px 0;}


.site_ul {width:100%; overflow:hidden;} 
.site_ul li {width:23%; cursor:pointer; text-align:center; margin:10px 1%; float:left; padding:20px;  height:400px; border:1px solid #ddd; border-radius:5px; }
.site_ul li:hover {border:1px solid #999}
.site_ul li p {font-weight:bold; font-size:1.3em; padding-top:150px; line-height:130%; color:#555; margin-bottom:20px;}
.site_ul li p:after {content:"";  display:block; margin:20px auto;  width:40px; height:2px; background-color:#D40304;}
.site_ul li span {color:#666;}
.site_ul li:nth-child(1) {background: url("/customized/images/site_ico01.gif") 50% 10% no-repeat;}
.site_ul li:nth-child(2) {background: url("/customized/images/site_ico02.gif") 50% 10% no-repeat;}
.site_ul li:nth-child(3) {background: url("/customized/images/site_ico03.gif") 50% 10% no-repeat;}
.site_ul li:nth-child(4) {background: url("/customized/images/site_ico04.gif") 50% 10% no-repeat;}
.site_ul li:nth-child(5) {background: url("/customized/images/site_ico05.gif") 50% 10% no-repeat;}
.site_ul li:nth-child(6) {background: url("/customized/images/site_ico06.gif") 50% 10% no-repeat;}
.site_ul li:nth-child(7) {background: url("/customized/images/site_ico07.gif") 50% 10% no-repeat;}
.site_ul li:nth-child(8) {background: url("/customized/images/site_ico08.gif") 50% 10% no-repeat;}




/*유튜브광고*/
.marketing_youtube li {width:100%; margin:20px 0; overflow:hidden; padding:20px; border-bottom: 1px dotted #ddd; }
.marketing_youtube li img {border-radius:10px; float:left;  width:18%; margin-right:5%; border:1px solid #ddd;}
.marketing_youtube li div {float:left; width:70%; }
.marketing_youtube li p { color:#222; font-size:30px; margin-bottom:20px;}
.marketing_youtube li p b {color:#DD0D0D!important; }

.marketing_youtube li span {color:#666;float:left; font-size:18px; }



/*포트폴리오*/
.port_tab {position:relative; overflow:hidden;margin: 0 auto 30px auto; width:850px}
.port_tab li a {display:block; border-radius:30px; padding:5px 40px; margin:10px 5px; text-align:center; float:left; border:1px solid #ddd; }
.port_tab li a:hover {background-color:#f6f6f6;}
.port_tab li a.over {background-color:#222; color:#fff;}


.port_list {margin-top:10px; overflow:hidden; clear:both;}
.port_list li a {border:1px solid #ddd; overflow:hidden; display:block; position:relative; box-sizing:border-box;width:31%; height:250px; margin:10px 1%; float:left; }
.port_list li a img {width:100%; height:100%;}
.port_list li a .item_box {
position:absolute; top:100%; left:50%;
transform:translateX(-50%);
font-weight:300; font-size:26px;
color:#fff;
transition:.3s;
text-align:center;z-index:9;
}
.port_list li a .item_box:before {content:""; display:block; margin:10px auto; width:80px; height:2px; background-color:#db0000;}
.item-title {font-size:18px; font-weight:bold;}

.port_list li:hover a .item_box {
top:50%;
transform:translate(-50%,-50%);
margin-top:0px;
transition:.3s;
color:#fff;

 }
.port_list li:hover .cover{position:absolute; left:0; top:0; width:100%; height:100%;background-color:#222; opacity:0.9;z-index:1;}





/*매수리스트*/
.container2 {margin:30px 0;   }
.container2 .tab-content {display: none; box-sizing:border-box; width: 100%; margin:10px auto;     font-size: 16px;padding: 10px; }

#tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
#tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}
#tab3:checked ~ #tab-content3 {display: block;background-color: #fff;}
#tab4:checked ~ #tab-content4 {display: block;background-color: #fff;}
#tab5:checked ~ #tab-content5 {display: block;background-color: #fff;}
#tab6:checked ~ #tab-content6 {display: block;background-color: #fff;}
.container2 {font-size: 0px;  }
.container2 input[type='radio'] {display: none;}
.container2 label {
display: inline-block;
width: 16.2%;
box-sizing:border-box;
height: 40px;
font-size: 16px;
cursor: pointer;
padding:5px 20px;
text-align:center;
margin-right:5px;
margin-bottom:10px;
border:1px solid #ddd; 
background-size:30px;
border-radius:30px;
}
.container2 input:checked + label {color: #fff; background:#000 ; font-weight:bold; background-size:30px;}







 /* Mobile Device 1500 */
@media (max-width:1500px) {

/*도메인등록방법 6개*/
.counseling_box06 {width: 100%; padding: 30px 50px 40px 50px;}
.counseling_box06 li  {font-size:16px;}
.counseling_box06 li  span {font-size:15px;   }
.counseling_box06 li:last-child {background-image:none;  }




 

}





/* Mobile Device 1200 */
@media (max-width:1200px) {

 
.sub_contents h3 {font-size:1.8em; margin:40px 0 10px 0;   }
.sub_contents h4 {font-size:1.4em;margin:40px 0 10px 0; }
.sub_contents h5 {font-size:1.2em;margin:40px 0 10px 0; }

.tbTypeA thead tr th {padding:10px 5px; font-size:1.0em;}
.tbTypeA tbody tr th {  padding:5px 5px;  line-height:120%;}
.tbTypeA tbody tr td { font-size:1em;  padding:10px 5px; letter-spacing:-1px; line-height:150%;}

.bi_box02 { margin-top:0px;}
.bi_box02_h3 {font-size:1.7em!important; margin-top:120px!important;margin-bottom:5px!important;}
.bi_box02 li p {font-size:1.0em; }
.bi_box02 li span { font-size:14px; margin:5px 0;}
.bi_box02 li .btn_go { bottom:5%; left:38%;  padding:7px 40px 7px 20px;  font-size:12px;  }


.bi_box02 > li {; width:48%; height:350px; margin:10px 1%;  padding:150px 20px 68px;  font-size:20px; }
.bi_box02  > li:hover .btn_go {color:#555;background:#fff url("../images/sub/support_arrow_b.png") no-repeat 90% 13px}
 

.bi_box03 { margin-top:0px;}
.bi_box03_h3 {font-size:1.7em!important; margin-top:120px!important;margin-bottom:5px!important;}
.bi_box03 li p {font-size:1.0em; }
.bi_box03 li span { font-size:14px; margin:5px 0;}
.bi_box03 li .btn_go { bottom:5%; left:38%;  padding:7px 40px 7px 20px;  font-size:12px;  }


.bi_box03 > li {; width:48%; height:350px; margin:10px 1%;  padding:150px 20px 68px;  font-size:20px; }
.bi_box03  > li:hover .btn_go {color:#555;background:#fff url("../images/sub/support_arrow_b.png") no-repeat 90% 13px}



/*추진절차 6개*/
.counseling_box06 {padding:10px 20px 0px 20px; }
.counseling_box06 li { width:90%;  padding:20px 0 50px 0;   background: url('/customized/imgs/s0204_icon_arrow_m.gif') 50% bottom no-repeat; }
.counseling_box06 li img {margin-bottom:10px; width:100%; max-width:152px;}

.consulting_box li { font-size:1em;}
 




.site_ul li {width:48%; margin:10px 1%;  padding:10px;  height:400px;  }
.site_ul li p {  font-size:1.2em; padding-top:150px;  margin-bottom:20px;}



}















/* Mobile Device 800 */
@media (max-width:1000px) {



#data_table { left: -230px; }
.consulting_box .widthright  { clear:both;width:98%;margin:0 auto;  }


.file-box .upload-name {width: 140px;}
.textarea01 p { font-size: 14px;}


.port_list li a { height:200px; }


}

 












/* Mobile Device 800 */
@media (max-width:900px) {


/* mall step */
.step05 { margin:40px auto;  }
.step05  ul {width:100%; }
.step05 li {width:100%; text-align:center; height:220px;margin:0px 0%;  background: url('/customized/imgs/ups_step_line_m.gif') 50% 0 repeat-y;}
.step05 li p { font-size:2em;   padding-top:60px; width:100%; height:200px;  background-size:200px; background-position:50% 0;    }
.step05 li p span {font-size:14px;}
.step05 li div {display:none;}

.sub_contents {
    margin:   0;
 }

.container2 label {	width: 45%;}
}
 
 


/* Mobile Device 800 */
@media (max-width:800px) {
.tbTypeA col {width:100%!important;}


.mobile_enter {display:block;}

.tbTypeA thead tr th {padding:10px 5px; font-size:16px;}
.tbTypeA tbody tr th {  padding:5px 5px; font-size:16px; line-height:120%;}
.tbTypeA tbody tr td { border-top:0; font-size:16px;  padding:10px 5px; letter-spacing:-1px; line-height:150%;}
 

.depth01 li {background: url('/customized/imgs/depth02.gif') 0px 5px no-repeat; padding:2px 0px 2px 10px;   }
.depth01 li li  {background: url('/customized/imgs/depth02.gif') 2px 15px no-repeat; padding:3px 0px 3px 13px;    }





.pc_enter {display:inline-block;}

 .con_h2 {
    color: #222!important;
    text-align: center;
    margin: 10px 0;
    padding-left: 0;
    font-size: 1.4em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.text-md-right {
    text-align: right!important;
}

/*유지보수*/
.view_left {width:100%;  padding:120px 0 0px 0;   }
.view_right {width:100%; padding:10px 15px 30px 15px;  }


.sub_contents h3 {font-size:1.5em; margin:40px 0 10px 0;   }
.sub_contents h4 {font-size:1.3em;margin:40px 0 10px 0; }
.sub_contents h5 {font-size:1.1em;margin:40px 0 10px 0; }
.sub_contents .p_h4 { font-size: 1em;}

.sub_topimg { height:230px;  background-size:cover; background-position:0 0;}
.sub_topimg h4 { font-size:1.25em; letter-spacing:-1px; padding-top:30px;}
.sub_topimg p {font-size:14px; padding:0 10px; margin-top:5px;}

.st_01 { background-position:0 0;}
.st_02 { background-position:60% 50%;}
.st_03 { background-position:50% 50%;}
.st_04 { background-position:0 0;}
.st_05 { background-position:50% 50%;}
.st_09 { background-position:75% 50%;}


/*추진절차 6개*/
.counseling_box06 {padding:10px 20px 0px 20px;  margin: 0 auto;width:94%;}
.counseling_box06 li { width:100%;  padding:20px 0 50px 0;   background: url('/customized/imgs/s0204_icon_arrow_m.gif') 50% bottom no-repeat; }
.counseling_box06 li img {margin-bottom:10px; width:100%; max-width:152px;}

.bi_box02 > li{ width:94%; height:auto; margin:10px 3%;  padding: 150px 20px 28px; }
.bi_box02 li .btn_go { clear:both;position:relative; left:0%;  bottom:0; margin-top:15px;text-align:center; }
.bi_box02  > li:hover .btn_go {color:#555;background:#fff url("../images/sub/support_arrow_b.png") no-repeat 90% 13px}

.bi_box03 > li{ width:94%; height:auto; margin:10px 3%;  padding: 150px 20px 28px; }
.bi_box03 li .btn_go { clear:both;position:relative; left:0%;  bottom:0; margin-top:15px;text-align:center; }
.bi_box03  > li:hover .btn_go {color:#555;background:#fff url("../images/sub/support_arrow_b.png") no-repeat 90% 13px}


.btn_port {  padding: 15px 10px;
	font-size:14px;}

.btn_estimate { padding: 15px 10px;
	font-size:14px;}



.mall_ico  li { border-bottom:1px solid #ddd; width:25%; padding:100px 0 10px 0; font-size:13px;}
 
.mall_ico  li:last-child {border-right:1px solid #ddd;}
.mall_ico :nth-child(1) {background-size:30px;}
.mall_ico :nth-child(2)  {background-size:40px;}
.mall_ico :nth-child(3)  {background-size:30px;}
.mall_ico :nth-child(4) {background-size:30px;}
.mall_ico :nth-child(5)  {background-size:30px;}
.mall_ico :nth-child(6) {background-size:30px;}
.mall_ico :nth-child(7) {background-size:30px;}


 .consulting_box .widthright  {width:96%;}


 /*6개 탭*/
.tab01 li a {width:33.33%; border-bottom:1px solid #ddd; }

/*5개 탭*/
.tab02 li a {width:33.333%; border-bottom:1px solid #ddd; }
.tab02 li:last-child a {border-right:1px solid #ddd;}
.img100 {width:100%;}

 .tbTypeA thead, .tbTypeA tbody, .tbTypeA  tr, .tbTypeA th, .tbTypeA td {
    width: 100%;
    display: block;
text-align:center;
	height:auto!important;
}

.tbTypeA th {clear:both;background-color:#f9f9f9; padding:15px 0!important;font-size:16px!important;}
.tbTypeA td  {  height:auto; padding:20px 0;}

button.xxl { height: 30px; padding-top: 7px;}
.xxl { padding: 5px 10px; height: 15px;}
.xl { padding: 8px 5px;}
button.button {margin-bottom:3px;}
.input_pay {margin-bottom:10px;  margin-right:0px;}





/*견적상담*/
.consulting_box .width100 {width:100%; display:block; float:left;}
.consulting_box .width50 {width:100%; display:block;float:left;}
.consulting_box p {width:27%; padding:7px 3px 0 10px; font-size:14px; }
.consulting_box input  {width:60%; display:inline-block; height: 35px;padding: 6px 10px;margin-bottom:5px;font-size: 14px;border: 1px solid #ccc;vertical-align: middle;color: #363636; }
.consulting_box .width100 p {width:27%;}

.checkboxA {font-size: 13px; letter-spacing:-1px;}





/*포트폴리오*/
.port_tab {  width:100%; margin:20px auto 0px auto;}
.port_tab li a {  padding:5px 10px; margin:5px 3px; }

.port_list li a { width:48%; height:auto;  }
.port_list li a .item_box { font-size:20px;}

.item-title {font-size:14px;}
.item-desc {font-size:12px; letter-spacing:-1px;}


.container2 label {	width: 45%;}



}
/* end media 800 */




/* Mobile Device 650px */
@media (max-width:650px) {


/*유튜브광고*/
.marketing_youtube li img { border-radius:10px; float:left;  width:100%; margin-right:0%; border:1px solid #ddd;}
.marketing_youtube li div {float:left; width:100%; }

.marketing_youtube li span {color:#666;float:left; font-size:18px; }


.container2 label {	width: 45%;}


}


/* Mobile Device 800 */
@media (max-width:500px) {


 /*6개 탭*/
.tab01  {margin:20px 0;}
.tab01 li a { padding:10px 0;width:50%; border-bottom:1px solid #ddd; }


/*5개 탭*/
.tab02  {margin:20px 0;}
.tab01 li a { padding:10px 0;width:50%; border-bottom:1px solid #ddd;font-size: 14px; }

/*5개 탭*/
.tab02 li a {width:50%; padding: 8px 0;}
 
.site_ul li {width:98%; margin:10px 1%; height:auto; padding:20px 10px; }
.site_ul li p {  font-size:1.2em; padding-top:150px;  margin-bottom:20px;}



.no_xs{display:none}

.consulting_box li { padding: 5px 0px; font-size: 14px}
.consulting_box input {height: 30px;padding: 6px 10px;margin-bottom: 0px;}

.consulting_box p { padding: 3px 3px 0 10px;font-size: 12px;}

.textarea01 {height: 60px;padding: 10px;font-size: 12px;}
.btn_port {padding: 10px 25px;font-size: 14px;}
.btn_estimate{padding: 10px 25px;font-size: 14px;}



.container2 label {	width: 45%;}






}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

