@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

@font-face { font-family: ngb; src:url(http://www.hdweb.co.kr/NanumGothicBold.eot); } 
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
dl, dd, dt {margin:0;padding:0;border:0}
a, input {outline:none; selector-dummy : expression(this.hideFocus=true);} 
.clearfix {overflow:auto;}
.clear {clear:both;} 
.blk {text-indent:-9999px;font-size:0;line-height:0;} 
.mld_txt {font-size:1.1em;}
.left_pd_10 {padding-left:16px;}
.con_text {font-size:1.05em;line-height:1.5em;}

.h10 {height:10px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

.str {}
.strb {font-weight:bold;color:#;}
.strb_red {font-weight:bold;color:#fe5556;}
.strb_black {font-weight:bold;color:#333333;}

/* 타이틀 공통 */
h4 {font-size:1.6em; line-height: 2em; font-weight:bold; color:#333; background:url('/sh_page/img/arrow_h4.png') 0 16px no-repeat; padding-left:15px;margin-top:20px;padding-top:15px;letter-spacing:-0.05em;}
h5 {font-size:1.3em;line-height:1em;color:#374bae;margin-bottom:7px;margin-top:15px;font-weight:bold;} /* 컨텐츠 중분류 타이틀 */
h6 {} /* 컨텐츠 소분류 타이틀 */

/* 테이블 공통 */
.tbl_basic {margin:-20px 0 10px;width:100%;}
.tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:0.95em;text-align:center;letter-spacing:-0.02em}
.tbl_basic thead th.last {border-right:none;}
.tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center;}
.tbl_basic tbody th.last {border-right:none;}
.tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all}
.tbl_basic .in_td {border-right:1px solid #eaeaea;} /* 오른쪽 라인 */
.tbl_basic .ct {text-align:center;} /* 센터정렬 */


.p38 .txt_area .tit:before{position: absolute;left: 50%;top: -15px;margin-left: -113px;z-index: -1;content: 'BUSINESS';font-size: 46px;color: #f7f7f7;font-family: 'notokr-bold';}
.p39 .txt_area .tit:before{position: absolute;left: 50%;top: -15px;margin-left: -113px;z-index: -1;content: 'BUSINESS';font-size: 46px;color: #f7f7f7;font-family: 'notokr-bold';}
.p40 .txt_area .tit:before{position: absolute;left: 50%;top: -15px;margin-left: -113px;z-index: -1;content: 'BUSINESS';font-size: 46px;color: #f7f7f7;font-family: 'notokr-bold';}


/* 인사말 */
.p_area .txt_area{margin-bottom:20px;text-align:center}
.p_area .txt_area .tit{position:relative;margin-bottom:15px;font-size:31px;color:#222;font-family:'notokr-bold'}
.p34 .txt_area .tit:before{position: absolute;left: 50%;top: -15px;margin-left: -113px;z-index: -1;content: 'COMPANY';font-size: 46px;color: #f7f7f7;font-family: 'notokr-bold';}
.p_area .txt_area .txt{font-size:15px;line-height:26px;color:#666;font-family:'notokr-regular'}

/*연혁*/
.p34 > img{display:block;margin:0 auto}
.p34 .tap{display:flex;align-items:center;justify-content:center}
.p34 .tap:after{display:block;clear:both;content:""}
.p34 .tap li{width:100%;height:251px}
.p34 .tap li p{width:356px;height:51px;box-sizing:border-box;border-right:1px solid #e0e0e0;font-size:15px;font-weight:500;color:#919191;text-align:center;line-height:51px;letter-spacing:2px;-webkit-transition:all .5s;transition:all .5s;background:#f0f0f0;font-family:nanumgothic}
.p34 .tap li a{display:block;width:100%;height:200px}
.p34 .tap li a img{width:100%;-webkit-transition:all .5s;transition:all .5s}
.p34 .tap li a img.grayscale{-ms-webkit-filter:grayscale(100);-webkit-filter:grayscale(100);filter:grayscale(100)}
.p34 .tap li:hover a img.grayscale{-ms-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.p34 .tap li:hover p{border:none;color:#fff;background:#063e89}
.p34 > div > dl{width:100%;font-family:nanumgothic}
.p34 > div > .line{width:1px;height:70px;margin:0 auto;background:#e0e0e0}
.p34 > div > dl:after{display:block;clear:both;content:""}
.p34 > div > dl > dt{position:relative;float:left;width:514px;padding-right:20px;border-right:1px solid #e0e0e0;font-size:18px;line-height:26px;font-weight:bold;color:#063e89;text-align:right}
.p34 > div > dl > dt:after{display:block;position:absolute;top:2px;right:-13px;clear:both;content:"";width:21px;height:21px;background:url('/sh_page/img/dt_bg.png') 0 0 no-repeat}
.p34 > div > dl > dd{float:right;width:536px}
.p34 > div > dl > dd ul li{position:relative;padding-left:20px;border-left:1px solid #e0e0e0;font-size:15px;line-height:30px;color:#818181;letter-spacing:-0.4px;text-align:left;}
.p34 > div > dl > dd ul li.right:after{left:-3px}
.p34 > div > dl > dd ul li:after{display:block;position:absolute;top:12px;right:-3px;clear:both;content:"";width:5px;height:5px;background:url('/sh_page/img/dd_bg.png') 0 0 no-repeat}
.p34 > div > dl > dd ul li span{display:inline-block;width:39px;margin-right:12px;color:#fe924d;font-weight:bold}
/*left*/
.p34 > div > dl.left > dt{float:right!important;width:515px!important;padding-left:20px;padding-right:0;border-left:1px solid #e0e0e0;border-right:none!important;text-align:left!important}
.p34 > div > dl.left > dt:after{left:-9px !important}
.p34 > div > dl.left > dd{float:left!important;width:535px!important}
.p34 > div > dl.left > dd > ul > li{position:relative;padding-right:20px;padding-left:0!important;border-right:1px solid #e0e0e0;border-left:none;text-align:right}
.p34 > div > dl.left > dd > ul > li > span{margin-right:0;margin-left:12px}

.p38{padding-top:200px;background:url(/sh_page/img/p38_bg.png) top no-repeat}
.p39{padding-top:200px;background:url(/sh_page/img/p39_bg.png) top no-repeat}
.p40{padding-top:200px;background:url(/sh_page/img/p40_bg.png) top no-repeat}

.p_area{font-family:'notokr-regular'}
.gray_box{margin-bottom:50px;padding:40px;border:1px solid #ddd;font-size:15px;line-height:26px;color:#666;background:#f7f7f7}
.p_area .p_tit{padding-left:20px;border-left:2px solid #063e89;font-size:17px;line-height:40px;color:#222;font-family:'notokr-medium';background:#f7f7f7}
.p_area .cont_list li{overflow:hidden;border-bottom:1px dotted #ddd;}
.p_area .cont_list li:last-child{border-bottom:0}
.p_area .cont_list li > div{float:left}
.p_area .cont_list li .icon_box{width:200px;padding:30px 0;text-align:center}
.p_area .cont_list li .txt_box{width:800px;padding:75px 0}
.p_area .cont_list li .txt_box02{padding:62px 0 !important}
.p_area .cont_list li .tit{margin-bottom:10px;font-size:17px;color:#222;font-family:'notokr-medium'}
.p_area .cont_list li .tit span{padding-right:10px;color:#39567c;font-family:'notokr-bold'}
.p_area .cont_list li .txt{font-size:15px;line-height:26px;color:#666}
.p_area .blue{color:#39567c;font-family:'notokr-medium'}