@charset "utf-8";
@font-face { font-family: 'JSArirang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangPPURI-RegularA1.woff') format('woff'); font-weight: normal; font-style: normal; }
/*@import url('');*/

/* global defaults */
* {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body{background:#fff;}
header, hgroup, footer, section, aside, nav, article {display:block; margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button,th,td,textarea,input{margin:0;padding:0;}
hr, legend {display:none;}
img, fieldset {border:0 none;}
body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, p, form, fieldset, legend, input, div {font-size:13px; font-weight:normal; color:#555;}
ul, ol, li {list-style:none outside;}
input, select, textarea, label{vertical-align:middle;}
caption, #MemBody label, #layerPop02 label {position:absolute; left:-99999px; top:-99999px; z-index:99; display:none;}

.block {display: block;}
.mt25{margin-top:25px !important;}

a:link,
a:visited {text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;}

img {max-width:100%;}

/* clear Style */
.c_box {*zoom:1;}
.c_box:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

/* page Style */
html, body{width:100%; min-height:100%;}
html{overflow-y:scroll; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body{-webkit-text-size-adjust:none;}


#wrapper{position:relative; z-index:1; width:100%; margin:0 auto; overflow:hidden;}

.verticalMode {position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; background: #000; color: #fff; text-align: center; z-index: 999;}
.verticalMode .vm {display: table-cell; width: 100%; vertical-align: middle; color: #fff; font-size: 16px;}
.verticalMode img {width: 150px;}

/* Head Style */
.headWrap{width:90%; padding:0 5%; height:55px; overflow:hidden; position:fixed; margin:0 auto; z-index:99; left:0;}
.headWrap h1{width:90px; height:31px; z-index:2; margin:15px 0 0 0; position:relative;z-index:99;}

.blackHeader h1 a {text-indent:-9999px; overflow:hidden; display:block; background:url('/mobile/images/common/logo_bk.png') no-repeat 0 0; background-size:100%;}
.blackHeader .btn_gnb {text-indent:-9999px; overflow:hidden; display:block; background:url('/mobile/images/common/btn_allmenu_b.png') no-repeat 0 0; width:20px; height:20px; background-size:20px;}

/* gnb Style */
.btn_gnb{position:absolute; top:15px; right:5%;}
.gnb h2 {position:relative; line-height:68px; text-indent:20px; font-size:25px; color:#fff; font-weight:bold; }


/* Menu Style */
.menuArea{width:100%; text-align:center; overflow:hidden; z-index:999; }
.menuArea a{width:20%; display:block; overflow:hidden; font-size:15px; line-height:30px; float:left; cursor:pointer; z-index:99;}
.menuArea a.on{z-index:99; color:#fff;}
.menuArea a img{vertical-align:top; z-index:99; color:#fff; width:100%}

/* all menu */
.allmenu {position:fixed; z-index:100; top:0px; width:195px; background:#fff; right:-195px; overflow-y:scroll;}
.allmenu .btn_close{position:absolute; right:20px; top:23px; cursor:pointer}
.allmenu dl {width:70%; margin:20% auto 0;}
.allmenu a {display:block; text-indent:10px;font-size:16px;}
.allmenu dt a {line-height:40px; color:#222; font-weight:700; text-indent:0; font-size:16px;}
.allmenu dt a.on {color:#0079d6;}
.allmenu dd {display:none; }
.allmenu dd a{color:#555; font-size:13px; border-left:1px solid #d0d0d0; line-height:30px;}
.allmenu dd a.on {color:#0079d6; border-left:2px solid #0079d6;}

/*visual*/
.section {position:relative;}
.section .visualText {position:absolute; width:94%; left:3%; top:46%; z-index:55; text-align:center;}
.section .visualText h2 {font-weight:700; font-size:24px; margin-bottom:3%; color:#fff;}
.section .visualText p {text-align:center; font-size:14px; color:#fff;}
.section .scrollImage {position:absolute; width:100%; text-align:center; bottom:2%; z-index:55;}

#section1{width:100%; position:relative; z-index:1; !important; overflow:hidden;}
#section1 .visualText {color:#fff; position:absolute; z-index:52; width:94%; left:3%; top:36%; text-align:center; font-size:20px;}
#section1 .visualText h1 {margin-bottom:70px; margin-top:-150px;}
#section1 .visualText h2 p{font-weight:500; font-size:50px; line-height:60px; margin-bottom:-30px; margin-top:-40px; font-family:'JSArirang';}
#section1 .mainSlide { min-width:100px;}
#section1 li img{max-width:100%; width:100%;}

#section1 .bx-controls-direction {position:absolute; width:100%; bottom:10%; z-index:99; text-align:center;}
#section1 .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:inline-block; width:16px; height:22px; background:url('/images/main/bx_prev.png') no-repeat left top; margin-right:55px;}
#section1 .bx-controls-direction .bx-next {font-size:0; line-height:0; display:inline-block; width:16px; height:22px; background:url('/images/main/bx_next.png') no-repeat left top; margin-left:55px;}
#section1 .bx-pager {position:absolute; width:100%; bottom:10%; text-align:center; z-index:99;}
#section1 .bx-pager-item {display:inline-block; zoom:1; *display:inline;}
#section1 .bx-pager-item a {display:none; color:#fff; font-size:16px; font-weight:700;}
#section1 .bx-pager-item .active {display:inline-block; zoom:1; *display:inline; width:35px; text-align:center;}
#section1 .bx-pager:after {display:inline-block; zoom:1; *display:inline; content:'3'; width:35px; text-align:center; color:#aaa; font-size:16px; font-weight:700;}
#section1 .img_scroll {position:absolute; width:100%; bottom:2%; text-align:center; z-index:98;}

#section2 {z-index:1; position:relative;}
#section2 .visualText {top:20%; opacity:0; transition:0.2s; -webkit-transition:0.2s;}
#section2.active .visualText {top:15%; opacity:1; transition:1s; -webkit-transition:1s;}
#section2 .thumb {position:absolute; z-index:55; bottom:7%; opacity:0; transition:top 0.2s, opacity 0.2s; -webkit-transition:bottom 0.2s, opacity 0.2s; background:url('/images/main/bg_thumb_line.png') no-repeat center 95px; background-size:140px 1px;}
#section2.active .thumb {width:94%; left:3%; bottom:12%; opacity:1; transition:top 1s, opacity 1s; -webkit-transition:bottom 1s, opacity 1s; -webkit-transition-delay:0.7s; transition-delay:0.7s;}
#section2 .thumb .bx-viewport {height:auto !important;}
#section2 .thumb .thumbSlider > li {height:290px;}
#section2 .thumb .thumbSlider > li > a {display:table;}
#section2 .thumb .thumbSlider > li > a * {transition:0.5s; padding:5%;}
#section2 .thumb .thumbSlider dl {color:#fff; text-align:center; display:table-cell; vertical-align:middle;}
#section2 .thumb .thumbSlider dt {width:75%; height:40px; background-size:auto 40px !important; text-indent:-9999px; overflow:hidden; margin:0 auto;}
#section2 .thumb .thumbSlider dt.thumb1 {background:url('/mobile/images/main/th_logo1_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dt.thumb2 {background:url('/mobile/images/main/th_logo2_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dt.thumb3 {background:url('/mobile/images/main/th_logo3_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dt.thumb4 {background:url('/mobile/images/main/th_logo4_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dt.thumb5 {background:url('/mobile/images/main/th_logo5_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dt.thumb6 {background:url('/mobile/images/main/th_logo6_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dt.thumb7 {background:url('/mobile/images/main/th_logo7_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dt.thumb8 {background:url('/mobile/images/main/th_logo8_off.png') no-repeat center center;}
#section2 .thumb .thumbSlider dd.title {font-size:15px; background:url('/images/main/thumb_circle.png') no-repeat center 1px; background-size:8px; color:#fff; padding: 10% 5% 5%;}
#section2 .thumb .thumbSlider dd.con {font-size:12px; line-height:18px; opacity:0;}
#section2 .thumb .thumbSlider .ico_dgray {background:#4c4c4c; display:inline-block; zoom:1; *display:inline; border-radius:100px; height:26px; padding:0 10px; line-height:26px; margin-bottom:5px; opacity:0; font-size:11px;}
#section2 .thumb .thumbSlider .btn_dash_small {display:none; padding:0 10px;}

#section2 .thumb .thumbSlider .active {display:table; background:#fff;}
#section2 .thumb .thumbSlider dl {display:table-cell; vertical-align:middle;}
#section2 .thumb .thumbSlider .active dt {height:40px;}
#section2 .thumb .thumbSlider .active .thumb1 {background:url('/mobile/images/main/th_logo1_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active .thumb2 {background:url('/mobile/images/main/th_logo2_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active .thumb3 {background:url('/mobile/images/main/th_logo3_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active .thumb4 {background:url('/mobile/images/main/th_logo4_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active .thumb5 {background:url('/mobile/images/main/th_logo5_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active .thumb6 {background:url('/mobile/images/main/th_logo6_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active .thumb7 {background:url('/mobile/images/main/th_logo7_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active .thumb8 {background:url('/mobile/images/main/th_logo8_on.png') no-repeat center center;}
#section2 .thumb .thumbSlider .active dd.title {color:#333; background-image:none; padding-top:0; font-family:'NanumBarunGothicN';}
#section2 .thumb .thumbSlider .active dd.con {color:#666; opacity:1;}
#section2 .thumb .thumbSlider .active .ico_dgray {opacity:1;}
#section2 .thumb .thumbSlider .active .btn_dash_small {display:inline-block; zoom:1; *display:inline;}

#section2 .bx-has-controls-direction {position:absolute; width:100%; left:0; top:85px; z-index:99; text-align:center;}
#section2 .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:inline-block; width:10px; height:19px; background:url('/images/main/thumb_control.png') no-repeat left top; position:absolute; left:0; top:0; background-size:10px;}
#section2 .bx-controls-direction .bx-next {font-size:0; line-height:0; display:inline-block; width:10px; height:19px; background:url('/images/main/thumb_control.png') no-repeat left bottom; position:absolute; right:0; top:0; background-size:10px;}

#section3 {z-index:1; position:relative;}
#section3 .visualText {top:20%; opacity:0; transition:0.2s; -webkit-transition:0.2s;}
#section3.active .visualText {top:15%; opacity:1; transition:1s; -webkit-transition:1s;}
#section3 .iconPagerWrap {overflow:hidden; position:absolute; z-index:55; width:90%; left:5%; bottom:12%; opacity:0; text-align:center; transition:bottom 0.2s, opacity 0.2s; -webkit-transition:bottom 0.2s, opacity 0.2s;}
#section3.active .iconPagerWrap {bottom:17%; opacity:1; transition:1s; -webkit-transition:1s; -webkit-transition-delay:0.7s; transition-delay:0.7s;}
#section3 .iconPager li {display:inline-block; width:32%; text-align:center; margin-bottom:5%;}
#section3 .iconPager li a {color:#fff; font-size:13px; font-family:'NanumBarunGothicN';}
#section3 .iconPager li a span {display:block; margin:0 auto; width:80px; height:80px; margin-bottom:2%;}
#section3 .iconPager li.ip01 a span {background:url('/mobile/images/main/sv_thumb1_off.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip02 a span {background:url('/mobile/images/main/sv_thumb2_off.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip03 a span {background:url('/mobile/images/main/sv_thumb3_off.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip04 a span {background:url('/mobile/images/main/sv_thumb4_off.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip05 a span {background:url('/mobile/images/main/sv_thumb5_off.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip01 a.active span {background:url('/mobile/images/main/sv_thumb1_on.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip02 a.active span {background:url('/mobile/images/main/sv_thumb2_on.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip03 a.active span {background:url('/mobile/images/main/sv_thumb3_on.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip04 a.active span {background:url('/mobile/images/main/sv_thumb4_on.png') no-repeat center top; background-size:100%;}
#section3 .iconPager li.ip05 a.active span {background:url('/mobile/images/main/sv_thumb5_on.png') no-repeat center top; background-size:100%;}

#section4 {z-index:1; position:relative; background:url('/mobile/images/main/visual04.jpg') no-repeat 0 0; background-size:cover;}
#section4 .visualText {top:20%; opacity:0; transition:0.2s; -webkit-transition:0.2s;}
#section4.active .visualText {top:15%; opacity:1; transition:1s; -webkit-transition:1s;}
#section4 .partnerWrap {width:90%; margin:0 auto; border-top:3px solid #fff; position:relative; top:35%; padding:5% 0 0 0;}
#section4 .partnerWrap:after {content:''; display:block; clear:both;}
#section4 .partner:after {content:''; display:block; clear:both;}
#section4 .partner .num {float:left; color:#fff; font-size:16px; text-align:center; width:20%;}
#section4 .partner .num b {display:block; font-size:38px; font-weight:700; line-height:30px; margin-bottom:10px;}
#section4 .partner dl {float:right; color:#fff; width:75%;}
#section4 .partner dt {font-family:'NanumBarunGothicN'; font-size:16px; color:#fff;}
#section4 .partner dd {color:#fff; font-size:13px; line-height:18px;}
#section4 .partner1 {margin-bottom:13%;}
#section4 .btn_dash {min-width:40px; height:27px; line-height:27px; margin-top:5%; border-width:2px; background-size:12px;}

#section5 {z-index:1; position:relative; background:url('/mobile/images/main/visual05.jpg') no-repeat 0 0; background-size:cover;}
#section5 .visualText {top:20%; opacity:0; transition:0.2s; -webkit-transition:0.2s;}
#section5.active .visualText {top:15%; opacity:1; transition:1s; -webkit-transition:1s;}
#section5 .visualText h2, #section5 .visualText p {color:#231916;}
#section5 .boardLatest {position:relative; top:30%; opacity:0; transition:top 0.2s, opacity 0.2s; -webkit-transition:top 0.2s, opacity 0.2s;}
#section5.active .boardLatest {top:25%; opacity:1; transition:top 1s, opacity 1s; -webkit-transition:top 1s, opacity 1s; transition-delay:0.7s; -webkit-transition-delay:0.7s;}
#section5 .boardLatest .bx-viewport {padding:35px 20px;}
#section5 .boardLatest .webzine:after {content:''; display:block; clear:both;}
#section5 .boardLatest li {background:#fff; height:250px; transition: box-shadow 0.2s; text-align:left;}
#section5 .boardLatest li:nth-child(even) {margin-top:30px;}
#section5 .boardLatest li:hover {box-shadow:5px 5px 10px #aaa;}
#section5 .boardLatest li .latest_content {padding:20px;}
#section5 .boardLatest li .ico_black {display:inline-block; zoom:1; *display:inline; background:#333; color:#fff; min-width:40px; height:20px; text-align:center; line-height:20px; font-size:13px; border-radius:100px; padding:0 5px; margin-bottom:6%;}
#section5 .boardLatest li .subject a {display:block; font-size:14px; line-height:23px; font-family:'NanumBarunGothicN';}
#section5 .boardLatest li .date {font-size:12px; color:#999; position:absolute; width:100%; left:20px; bottom:20px;}
#section5 .boardLatest .bx-pager {display:none;}
#section5 .boardLatest .nodata {text-align:center; width:300px; margin:0 auto;}

#section6 {z-index:1; position:relative; background:url('/mobile/images/main/visual06.jpg') no-repeat 0 0; background-size:cover;}
#section6 .visualText {top:20%; opacity:0; transition:0.2s; -webkit-transition:0.2s;}
#section6.active .visualText {top:15%; opacity:1; transition:1s; -webkit-transition:1s;}
#section6 .visualText h2, #section6 .visualText p {color:#231916;}
#section6 .welfareWrap {width:80%; left:17%; position:absolute; bottom:7%;}
#section6 .welfareWrap:after {content:''; display:block; clear:both;}
#section6 .welfareWrap dl {padding-left:20%;}
#section6 .welfareWrap dt {font-family:'NanumBarunGothicB'; color:#231916; font-size:14px;}
#section6 .welfareWrap dd {font-size:12px; margin-bottom:5%;}
#section6 .welfareWrap dl.wf01 {background:url('/mobile/images/main/ico_recuit01.png') no-repeat left top; background-size:14%;}
#section6 .welfareWrap dl.wf02 {background:url('/mobile/images/main/ico_recuit02.png') no-repeat left top; background-size:14%; margin:8% 0;}
#section6 .welfareWrap dl.wf03 {background:url('/mobile/images/main/ico_recuit03.png') no-repeat left top; background-size:14%;}

#section7 {height:auto !important; background:#111; position:relative; z-index:1; padding:10% 0; text-align:center;}
#section7 .fp-tableCell {height:auto !important;}
#section7 .footWrap {width:94%; padding:5% 3% 0 3%; color:#aaa;}
#section7 .footWrap .sv {text-align:center;}
#section7 .footWrap .sv li {display:inline-block; margin:0 1%;}
#section7 .footWrap .sv li a {color:#aaa;}

/* 서브페이지 */
.sub #header {border-bottom:1px solid #acacb0;}
.subVisual {height:140px; color:#fff; text-align:center; font-size:20px; font-family:'Lato', 'NanumBarunGothicB'; font-weight:700; line-height:195px;}
.subVisual1 {background:url('/mobile/images/sub/subVisual01.png') no-repeat center center; background-size:cover;}
.subVisual2 {background:url('/mobile/images/sub/subVisual02.png') no-repeat center center; background-size:cover;}
.subVisual3 {background:url('/mobile/images/sub/subVisual03.png') no-repeat center center; background-size:cover;}
.subVisual4 {background:url('/mobile/images/sub/subVisual04.png') no-repeat center center; background-size:cover;}
.subVisual5 {background:url('/mobile/images/sub/subVisual05.png') no-repeat center center; background-size:cover;}

.titleArea {width:94%; padding:10% 3% 10% 3%; text-align:center; position:relative;}
.titleArea h3 {font-size:16px; font-family:'NanumBarunGothicN'; color:#222; margin-bottom:10px;}
.titleArea h4 {font-size:14px; color:#555;}
.titleLine {position:absolute; bottom:-30px; left:0; width:100%; text-align:center; z-index:1;}

.contentsArea {overflow-x:hidden;}
.contentsArea .section {width:90%; margin:0 auto; padding:10% 5%; position:relative;}
.contentsArea .section:after {content:''; display:block; clear:both;}
.contentsArea .grayWrap {background:#f5f5f5;}
.contentsArea .midTitle {text-align:center; color:#111; font-size:16px; font-family:'NanumBarunGothicN'; margin-bottom:3%;}

#Board {overflow-x:hidden;}
#Board .section {width:90%; margin:0 auto; padding:10% 5%; position:relative;}
#Board .grayWrap {background:#f5f5f5;}
#Board .midTitle {text-align:left; color:#111; font-size:16px; font-family:'NanumBarunGothicN'; margin-bottom:3%;}

.list_bullet li {background:url('/mobile/images/common/list_bullet.gif') no-repeat 0 7px; background-size:2px; padding-left:2%;}

/* 연혁 */
.contentsArea.history dl {margin-bottom:7%;}
.contentsArea.history dl:last-child {margin-bottom:0;}
.contentsArea.history dt {color:#0079d6; font-weight:700; font-size:18px;}
.contentsArea.history dd li {position:relative; margin-top:2%; padding-left:7%; line-height:20px;}
.contentsArea.history dd li b {color:#111; position:absolute; left:0; top:0;}

/* 조직도 */
.contentsArea.organization ul {border-top:1px solid #111; margin:0 0 10% 0;}
.contentsArea.organization ul li {border-bottom:1px solid #dfdfdf; padding:5% 3%;}
.contentsArea.organization ul li span {display:block; margin-bottom:5px; font-family:'NanumBarunGothicN';}

/* CI/BI */
.contentsArea.cibi .brand:after {content:''; display:block; clear:both;}
.contentsArea.cibi .brand li {text-align:center; width:48%; font-size:12px; line-height:20px; margin-bottom:5%;}
.contentsArea.cibi .brand li b {font-size:13px;}
.contentsArea.cibi .brand li img {display:block; margin-bottom:3%;}
.contentsArea.cibi .brand li.left {float:left;}
.contentsArea.cibi .brand li.right {float:right;}

/* 핵심가치 */
.contentsArea.value .valueWrap {background:url('/mobile/images/bottle/bg_value.png') no-repeat 0 0; background-size:300px;}
.contentsArea.value .valueWrap dt {font-family:'NanumBarunGothicN'; color:#111; font-size:14px; margin-bottom:7px;}
.contentsArea.value .valueWrap .value01 {margin:0 0 0 21%; padding:7% 0 0 0;}
.contentsArea.value .valueWrap .value02 {margin:0 0 0 30%; padding:7% 0 0 0;}
.contentsArea.value .valueWrap .value03 {margin:0 0 0 26%; padding:8% 0 0 0;}

/* 오시는 길 */
.contentsArea.location .address li {padding-left:20px; margin-bottom:2%;}
.contentsArea.location .address li.add01 {background:url('/mobile/images/bottle/ico_location01.png') no-repeat 0 2px; background-size:15px;}
.contentsArea.location .address li.add02 {background:url('/mobile/images/bottle/ico_location02.png') no-repeat 0 2px; background-size:15px;}
.contentsArea.location .address li.add03 {background:url('/mobile/images/bottle/ico_location03.png') no-repeat 0 2px; background-size:15px;}
.contentsArea.location .address li.add04 {background:url('/mobile/images/bottle/ico_location04.png') no-repeat 0 2px; background-size:15px;}
.contentsArea.location .address li.add05 {background:url('/mobile/images/bottle/ico_location05.png') no-repeat 0 2px; background-size:15px;}
.contentsArea.location .address li.add06 {background:url('/mobile/images/bottle/ico_location06.png') no-repeat 0 2px; background-size:15px;}
.contentsArea.location .address li .black {display:inline-block; width:50px;}
.contentsArea.location #map {width:100%; height:350px;}

/* 주요사업 */
.contentsArea.business .bsBox {background:#fff; box-sizing:border-box;}
.contentsArea.business .bsBox01, .contentsArea.business .bsBox02 {margin-bottom:7%;}
.contentsArea.business .bsBox > img {vertical-align:top;}
.contentsArea.business .bsBox .cont {padding:5% 10% 10%;}
.contentsArea.business .bsBox .cont b {text-align:center; display:block; color:#111; font-size:15px; margin-bottom:10px;}
.contentsArea.business .bsBox .cont b > img {width:130px; padding-bottom:10px;}
.contentsArea.business .bsBox .cont ul {width:75%; margin:0 auto;}
.contentsArea.business .bsBox .cont li {color:#555;}

/* 운영사이트 */
.contentsArea.site .siteBox {border:3px solid #dadada; text-align:center; width:100%; box-sizing:border-box; padding:8% 0; margin-bottom:5%; background:#fff;}
.contentsArea.site .siteBox dl {margin:15px 0;}
.contentsArea.site .siteBox dt {font-family:'NanumBarunGothicN'; color:#111; font-size:15px;}
.contentsArea.site .siteBox dd {margin-top:5px; color:#555;}

/* 주요서비스 */
.contentsArea.service dl {margin:3% 0 10% 0;}
.contentsArea.service dl.last {margin:3% 0 0 0;}
.contentsArea.service dt {font-size:15px; font-family:'NanumBarunGothicN'; color:#111; margin-bottom:2%;}

/* 제휴/거래처 안내 */
.contentsArea.partner .partner_list li {width:24%; text-align:center; display:inline-block; margin-bottom:2%;}
.contentsArea.partner .partner_list li img {width:95%;}

/* 인증현황 */
.contentsArea.certificate .ctfBox {width:48%; height:250px; margin-bottom:5%; float:left;}
.contentsArea.certificate .ctfBox dl {margin:3% 0 0 0;}
.contentsArea.certificate .ctfBox dt {font-family:'NanumBarunGothicN'; color:#111; font-size:13px; margin-bottom:5px;}
.contentsArea.certificate .ctfBox dd {color:#666;}
.contentsArea.certificate .ctfBox02, .contentsArea.certificate .ctfBox04 {float:right;}

/* 인재상 */
.contentsArea.people .pp {padding:0 0 2% 25%; margin-bottom:5%;}
.contentsArea.people .pp dt {line-height:20px; font-family:'NanumBarunGothicN'; color:#111;}
.contentsArea.people .pp dt b {display:block;}
.contentsArea.people .pp01 {background:url('/mobile/images/recruit/ico_people01.gif') no-repeat 0 center; background-size:22%;}
.contentsArea.people .pp02 {background:url('/mobile/images/recruit/ico_people02.gif') no-repeat 0 center; background-size:22%;}
.contentsArea.people .pp03 {background:url('/mobile/images/recruit/ico_people03.gif') no-repeat 0 center; background-size:22%; margin-bottom:0;}
.contentsArea.people .develop {border-top:1px solid #222;}
.contentsArea.people .develop .dv {padding:5% 3%; border-bottom:1px solid #dfdfdf;}
.contentsArea.people .develop .dv dt {color:#111; font-size:14px; margin-bottom:3px;}

/* 복리후생 */
.contentsArea.welfare .detail {border-top:1px solid #222; margin-top:8%;}
.contentsArea.welfare .detail .wf {padding:5% 3%; border-bottom:1px solid #dfdfdf;}
.contentsArea.welfare .detail .wf dt {color:#111; font-size:14px; margin-bottom:3px;}

/*join*/
#MemBody{width:100%; max-width:100%; min-width:100%;}
.join_table{max-width:100%; width:100%;}
#MemBody #WriteTable th{text-align:left; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; font-weight:bold;
border-bottom:1px solid #d3d3d3; background:#f3f3f3;}
#MemBody #WriteTable td{text-align:left; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; font-weight:bold;
border-bottom:1px solid #d3d3d3;}
#MemBody #WriteTable select{width:23%;}

/* basic board list skin */
.contentArea .content table{background-color:#fff; width:100%;}
.contentArea .content table.type01{border-top:2px solid #333; width:100%;}
.contentArea .content table.type01 thead{background:#f5f5f5;}
.contentArea .content table.type01 thead th{border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; text-align:center;}
.contentArea .content table.type01 tbody td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; text-align:center; font-size:11px;}
.contentArea .content table.type01 thead th:first-child{border-left:none;}
.contentArea .content table.type01 tbody td:first-child{border-left:none;}

/* basic board view skin */
.contentArea .content table{background-color:#fff; width:100%; border-top:2px solid #333;}
.contentArea .content table.type01_view{border-top:2px solid #333; width:100%;}
.contentArea .content table.type01_view th{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; text-align:left; background:#f5f5f5;}
.contentArea .content table.type01_view td{border-bottom:1px solid #ddd; padding:8px 10px; text-align:left; font-size:11px;}
.contentArea .content table.type01_view .subject{font-weight:bold;}
.contentArea .content .btnArea{width:100%; height:20px; margin-top:20px;}
.contentArea .content .btnArea input{border:1px solid #ddd; vertical-align:middle; background:#fff; padding:5px 10px;}

/*login*/
.tableBox{width:100%; border:1px solid #ddd; background:#f9f9f9; padding:20px 0px; margin-bottom:20px;}
.tableBox .conTable{width:90%; margin:0 auto; background:#f9f9f9; border-top:0px!important;}
.tableBox .conTable tr{background:#f9f9f9!important;}
.tableBox .conTable td{text-align:left; padding:3px 10px 3px 0px; vertical-align:middle;}
.tableBox .conTable th{text-align:right; padding:3px 10px 3px 0px; vertical-align:middle;}
.tableBox .conTable input, select, textarea, label{border:1px solid #ddd; height:22px; width:200px; vertical-align:middle;}

.tableBox .button{width:100%; margin:10px auto 0px; text-align:center;}
.tableBox .button ul{width:auto; height:auto; margin:0 auto;}
.tableBox .button ul li{padding:0; width:120px; display:inline-block;}

/* Contact Style */
.contentArea .content .conTable{width:100%; margin:0 auto;}
.contentArea .content .conTable td{text-align:left; padding:3px 0px 3px 10px; vertical-align:top;}
.contentArea .content .conTable th{text-align:left; padding:3px 0px 3px 10px; vertical-align:top; background:url(/mobile/images/common/dot_red.gif) left 7px no-repeat;}
.contentArea .content .conTable input, select, textarea, label{border:1px solid #ddd; height:20px; vertical-align:top;}

/* Tab Style */
.companyTab {background:#666666; width:100%; height:40px; text-align:center;z-index:50;}
.companyTab a{width:50%; padding-top:9px; height:21px; float:left; background:url('/mobile/images/common/tab_gap.gif') left 9px no-repeat; display:block; overflow:hidden; font-size:12px; line-height:12px; cursor:pointer;z-index:50; color:#bbb;}
.companyTab a:hover {color:#bbb;}
.companyTab a:first-child{background:none; width:34%;z-index:50;}
.companyTab a.on{background:#004bae; z-index:50; color:#fff;}
.companyTab a img{vertical-align:top;z-index:50;}

.boardTab a {width:20%;}

.categoryTab{width:100%; overflow:hidden; min-height:30px; padding-bottom:10px; height:auto; display:block}
.categoryTab a{width:48%; padding:5px 0px 6px; height:12px; float:left; background:#fff; text-align:center; font-size:12px; font-weight:bold; cursor:pointer; margin-right:2px; margin-bottom:2px; border:1px solid #ddd; display:block;}
.categoryTab a.on{width:48%; padding:85px 0px 6px; height:12px; float:left; background:#004bae; text-align:center; color:#fff; font-weight:bold; font-size:12px; cursor:pointer; margin-right:2px; margin-bottom:2px; border:1px solid #004bae; display:block;}

.storeCategory .catename {font-size:15px; height:35px; line-height:35px; display:block; border:1px solid #d0d0d0; display:block; width:94%; padding:0 3%; background:url('/mobile/images/common/icon_snbarrow.png') no-repeat right 10px center; font-weight:bold;}
.storeCategory ul {position:absolute; background:#fff; border:1px solid #d0d0d0; width:100%; border-top:none; max-height:200px; overflow-y:scroll; z-index:10;}
.storeCategory ul li {line-height:30px; font-size:14px; text-indent:15px; height:30px;}
/* Smartphones (landscape) -----------*/

@media only screen
and (min-width : 480px) {
/* Styles */
.categoryTab{width:100%; overflow:hidden; min-height:30px; padding-bottom:10px; height:auto; display:block}
.categoryTab a{width:32%; padding:5px 0px 6px; height:12px; float:left; background:#fff; text-align:center; font-size:12px; font-weight:bold; cursor:pointer; margin-right:2px; margin-bottom:2px; border:1px solid #ddd; display:block;}
.categoryTab a.on{width:32%; padding:5px 0px 6px; height:12px; float:left; background:#004bae; text-align:center; color:#fff; font-weight:bold; font-size:12px; cursor:pointer; margin-right:2px; margin-bottom:2px; border:1px solid #004bae; display:block;}

.verticalMode {display: table;}
}