@charset "utf-8";

/*모바일 버젼*/
@media all and (max-width:720px) { 
body{font-family: '나눔고딕', 'Nanum Gothic', sans-serif; font-size:15px; color:#303030;}
input,img,label,select,textarea{vertical-align:middle; width:90%;}
/*header*/

#headerWrap{width:100%;}
#headerWrap:after	{content:""; clear:both; display:block; height:0; visibility:hidden;}

#headerWrap .header{width:100%;height:75px;  margin:0 auto; position:relative;}
#headerWrap .header .logo{position:absolute;left:20px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:flex; align-items:center; z-index:10;}
#headerWrap .header .logo a{display:flex; align-items:center;}
#headerWrap .header .logo img{display:block; width:auto; max-height:26px;}

#headerWrap .header #gnb{position:absolute;width:70%; right:30px; top:27px;  z-index:3; box-sizing:border-box;}

.gnb_bg{ position:absolute; top:75px; left:0;  z-index:3; width:100%; height:380px; background:url(../../images/common/sub_menu_bg-m.png) no-repeat top center; }

#gnb>ul{z-index:4; width:100%; font-size:15px; font-weight:800; color:#303030}
#gnb>ul>li{float:left; height:52px; margin-right:70px;}
#gnb>ul>li a:hover{color:#0088c7; text-decoration:none}

#gnb>ul>li.gn1{display:none}
#gnb>ul>li.gn2{display:none}
#gnb>ul>li.gn3{display:none}
#gnb>ul>li.gn4{display:none}
#gnb>ul>li:last-child{ margin-right:0; cursor:pointer; float:right;}

#gnb ul.gsm { font-size:14px; font-weight:normal;}
#gnb ul.gsm>li>a{ display:block; line-height:25px; padding:8px 0 0 ; }
#gnb ul.gsm>li>a.no_line{background:0 none}
#gnb ul.gsm>li>a:hover, #gnb ul.gsm>li>a:focus{color:#0088c7; text-decoration:none;}

#gnb .gsm_list02{ position:absolute; top:80px; left:-70px; width:80%; }
#gnb .gsm_list04{ position:absolute; top:180px; left:200px; width:180px;}
#gnb .gsm_list05{ position:absolute; top:80px; left:200px; width:180px;}
#gnb .gsm_list06{ position:absolute; top:318px; left:200px; width:180px;}
#gnb .prodct_down{position:absolute; top:120px; right:-30px;}
#gnb .prodct_down img {width:95%;  display:none;}
#gnb .close{position:absolute; top:418px; left:58px; cursor:pointer;}

.subMenu{display:none; width: 1100px; height: 380px;}



/*메인 영역*/
#main_visualWrap{width:100%; height:400px; margin-bottom:0; background:url(../../images/index/main_visual.png) no-repeat top center; background-size:cover;}
#main_visualWrap:after{display:block; content:""; clear:both}

.main_visual{width:100%;  margin:0 auto; position:relative; background:url(../../images/index/main_visual.png) no-repeat top center;}
.main_visual .visual_txt{ position:absolute; top:100px; left:20px;}
.main_visual .visual_txt>img {width:60%; height:60%;}

#main_container{width:100%;}
#main_container .mainCtent_area{width:100%; text-align:center; margin:0 auto; position:relative; padding:70px 0 !important; clear:left; border-bottom:#ebebeb solid 1px; }



#holdWrap{width:100%; height:225px; background:#fff; z-index:100; display:none; }
#holdWrap #hold{width:640px; margin:0 auto; position:relative;}


#holdWrap #hold .hold_bar{width:100%; margin:0 auto; text-align:center; padding:20px 0;}
#holdWrap #hold .hold_bar h2.main_title{font-family: 'nanum-square', sans-serif; font-weight:bold; font-size:46px; color:#303030; letter-spacing:-3px;}
.smGray{ font-size:25px; color:#717171; font-weight:600}

ul.main_tab {width:100%; margin:0 auto; margin-top:50px; display:none;}
ul.main_tab li{ display:inline-block; padding:10px 15px 10px 10px; font-size:15px; background:url(../../images/index/main_tabBg.png) right center no-repeat; font-weight:600}
ul.main_tab li:first-child{margin-left:0;}
ul.main_tab li:nth-child(4n+4){margin-right:0; background:none;}
ul.main_tab li a:hover, .select a{color:#0080c2; text-decoration:none;}

.Square{font-size:20px; font-weight:600; font-family: 'nanum-square', sans-serif; letter-spacing:-3px; margin-top:20px;}
.Square>img {width:120px;}


ul.list01{font-size:15px; font-weight:normal; line-height:30px; margin:40px 0;}
ul.list01 li{padding-left:10px; letter-spacing:-1px; word-break:keep-all !important;}
ul.list01 li>img {width:60px;}



ul.list02{ line-height:24px;}
ul.list02 li{background:url(../../images/index/dot_icon.png) no-repeat left center; padding-left:10px; letter-spacing:-1px; word-break:keep-all !important;}


.w100{width:90%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w58{width:90%;}
.w56{width:56%;}
.w55{width:55%;}
.w54{width:54%;}
.w53{width:90%;}
.w51{width:90%;}
.w50{width:50%;}
.w45{width:45%;}
.w40{width:40%;}
.w30{width:30%;}

.w20{width:20%;}
.w25{width:25%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:90%;}
.w60{width:60%;}



.LearnMore{display:block; background:url(../../images/index/btn_icon.png) no-repeat; border: solid 2px #000; width:200px; height:40px; font-size:16px; background-position:150px center; padding-left:40px; text-align:left; font-weight:700; font-family: '나눔고딕', 'Nanum Gothic';}
a.LearnMore:hover{background-position:158px center;}
/*서브레이아웃*/
.top{ position:fixed; top:300px; right:8%; z-index:999;}

#container{width:100%;}
#visual{width:100%; background:url(../../images/common/visual_wrap.png) top center no-repeat; }
#visualWrap{width:100%; margin:0 auto; background:url(../../images/common/visual_wrap.png) top center no-repeat; height:120px; padding-top:57px;}
#visualWrap .sub_visual{width:100%; height:120px; margin:0 auto; background:url(../../images/company/visual.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
.h2_visual{font-size:18px !important;  font-weight:600 !important; letter-spacing:-1px;}

.img-m20 {width:20%; margin:0 auto;}
.img-m50 {width:50%; margin:0 auto;}

.s1 {display:none;}
.s2 {display:block;}

/*서브 탭메뉴*/
.subTab{width:100%; margin:0 auto; position:relative; display:none; }
ul.sub_tabMeneu{position:absolute; top:-23px; padding-left:15px;}
ul.sub_tabMeneu li{display:inline-block; width:320px; height:45px; border:solid 1px #d4d4d4; font-size:14px; border-right: none; line-height:38px; text-align:center; font-weight:600;  background:#fff;}
ul.sub_tabMeneu li:last-child{border-right:solid 1px #d4d4d4}
ul.sub_tabMeneu li a{color:#616161; display:block; width:320px; height:45px; }
ul.sub_tabMeneu li a:hover, .on a{color:#fff !important; background:#018fcf;}

ul.sub_tabMeneu2{position:absolute; top:-23px; left:10px;}
ul.sub_tabMeneu2 li{display:inline-block; width:204px; height:45px; border:solid 1px #d4d4d4; font-size:14px; border-right: none; line-height:38px; text-align:center; font-weight:600;  background:#fff;}
ul.sub_tabMeneu2 li:last-child{border-right:solid 1px #d4d4d4}
ul.sub_tabMeneu2 li a{color:#616161; display:block; width:204px; height:45px; }
ul.sub_tabMeneu2 li a:hover, .on a{color:#fff !important; background:#018fcf;}



.sub_contentWrap{padding:100px 0; border-bottom:solid 1px #d4d4d4;}
.sub_content{width:95%; margin:0 auto; text-align:center; line-height:30px; padding:0 10px; box-sizing:border-box;}



/* button 버튼 */
button.btst{display:inline-block; height:40px; font-weight:500; font-size:18px; line-height:18px; color:#fff; text-align:center; vertical-align:middle; padding:0 30px; border:none; margin:30px 0 0 0; }
button.btst1{display:inline-block; height:27px; font-size:12px; line-height:27px; color:#fff; text-align:center; vertical-align:middle;}


.bt_red{background:#e1361e;}
.bt_gray{background:#5d5d5d;}
.bt_gray2{background:#6d717a;}


/*table 스타일*/
.table1 {width:100%; border-top:1px solid #1f98d4; font-size:14px; margin-top:15px;}
.table1 tr th,.table1 tr td {text-align:left; line-height:17px; padding:12px 0 12px 15px; border-bottom:1px solid #e4e6e9; color:#616161;}
.table1 tr th { color:#333; font-weight:normal}
.table1 tr th.tcenter { padding:0; text-align:center}




.display_IB{display:block; vertical-align:top; padding:0 10px;}


/*text size*/
.f20{font-size:18px;}
.f29{font-size:28px !important;}
.f30{font-size:30px;}
.f14{font-size:14px;}

.fw_500{font-weight:600;}
.fw_600{font-weight:700;}


/*contact us*/
#contactUs{width:100%; height:800px; background:url(../../images/common/footer_bg-m.png) bottom center no-repeat; box-sizing:border-box;}
#contactUs_Wrap{width:100%; height:800px; background:url(../../images/common/footer_bg-m.png) bottom center no-repeat; margin:0 auto; box-sizing:border-box; }
#contactUs_Wrap .contactUs{width:100%; font-size:14px; color:#fff; }
.input_area{width:100%;}
.input_area input.txt{width:100%; height:46px; margin-bottom:20px; border:none; background:#fff; color:#8d8d8d; padding-left:10px; font-size:16px; font-weight:normal; box-sizing:border-box;}
.input_area textarea{background:#fff; color:#8d8d8d; font-size:14px; font-weight:normal; padding:0 ; width:100%; height:150px;}

#contactUs_Wrap .contactUs a, a:hover{color:#fff; text-decoration:underline}






/* 영상콘텐츠 개인화 큐레이션 */
.blue{font-weight:600; color:#0081bb;}
.f16{font-size:14px;}
.blic_s{background:url(../../images/product/blic_s.png) no-repeat 0 16px;}
.ls_1{letter-spacing:-1px;}
.blic_m{background:url(../../images/product/blic_m.png) no-repeat 0 26px;}
.blic_m_no{background:url(../../images/product/blic_m.png) no-repeat 0 18px;}
.lh50{line-height:50px;}
.mgT75{ margin-top:75px;}
.f25{font-size:18px; font-weight:600}
.pdT10{padding-top:10px;}

.pdL200{padding-left:90px}
.pdL400{padding-left:160px}

dl.list_left dt{display:inline-block; vertical-align:top;}
dl.list_left dt.bg01{background:url(../../images/product/product_03_img15.png) no-repeat  bottom; padding-bottom:102px}
dl.list_left dt.bg02{background:url(../../images/product/product_03_img16.png) no-repeat  bottom; padding-bottom:102px}
dl.list_left dd{display:inline-block;}

ul.dot_list li {background:url(../../images/product/blic_m.png) no-repeat 0 18px; padding-left:15px; text-align:left}



/*체크박스 스타일*/
#ch, #ch_pri{display:none;}
#ch + label, #ch_pri + label{display:inline-block; width:14px; height:14px; cursor:pointer; background:#fff;vertical-align:middle; color:#000;}
#ch:checked + label:after, #ch_pri:checked + label:after{position:relative; top:-12px; left:2px; content:'\2714';} 

/*헤딩 스타일*/
h3.wh{display:inline-block; font-size:35px; font-weight:600; border-bottom:solid 1px #fff !important; line-height:40px; color:#fff;}

.sub_content h3{display:inline-block; font-size:22px; font-weight:600; border-bottom:solid 1px #303030; line-height:40px;}
.sub_content h4{font-size:20px; color:#0081bb; font-weight:600}



/*footer*/
#footerWrap{width:100%; height:175px; background:url(../../images/common/footer_bg02.png) repeat-x;}
#footerWrap .footer{width:100%; height:175px; box-sizing:border-box;  padding-left:10px; margin:0 auto; position:relative; color:#ffffff; font-size:14px; line-height:25px; background:url(../../images/common/footer_bg02.png) repeat-x; box-sizing:border-box;}
#footerWrap .footer a, a:hover{ color:#fff;}
#footerWrap .footer address {width:100%;}
#footerWrap .footer p:last-child {width:100%;}


/*상단비쥬얼*/
#visualWrap .sub_visual_01{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_01.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_01 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_01 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_02{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_02.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_02 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_02 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_03{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_03.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_03 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_03 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_04{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_04.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_04 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_04 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_05{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_05.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_05 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_05 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_06{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_06.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_06 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_06 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_07{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_07.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_07 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_07 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_08{width:100%; height:120px; margin:0 auto; background:url(../../images/product/visual_08.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_08 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_08 .visual_title h2{font-size:18px !important;  font-weight:500;}

#visualWrap .sub_visual_09{width:100%; height:120px; margin:0 auto; background:url(../../images/company/visual_01.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_09 .visual_title{position:absolute; top:0; left:200px; color:#fff;  text-align:center}
#visualWrap .sub_visual_09 .visual_title h2{font-size:18px !important;  font-weight:500;}


.visual_title img {width:60%;}

.iframe1 {width:100%; height:100%;}
.video{width:100%; height:100%; background-color:#999; margin:auto; margin-top:150px}



/*인증현황*/
ul.certifi{ border-top:1px solid #1f98d4; padding-top:30px;}
ul.certifi li{ display:inline-block; margin-right:12px; text-align:center; font-size:12px; font-weight:500}
ul.certifi li>img {width:150px;}
ul.certifi li:last-child{ margin-right:0;}


.gt1{text-indent:-9999px; display:inline-block; background:url(../../images/common/icon_arrow.png) no-repeat; background-position:center; padding:0 10px;}
.gt2{text-indent:-9999px; display:inline-block; background:url(../../images/common/icon_arrow_blue.png) no-repeat; background-position:center; padding:0 10px;}

#anchor1 p:nth-child(1) {padding-right:20px;}
#anchor1 div p {font-size:18px; font-weight:500;}
#anchor1 .mgT60 .text_left {margin-left:120px;}
#anchor1 .mgT100 .text_left {margin-left:120px;}





/* ci */
.ci_bnt{width:150px;}




/*주요기능*/
ul.capture li{ display:inline-block; margin-right:10px; margin-bottom:30px; text-align:center; font-size:15px;line-height:25px; width:270px;}

ul.capture li span{font-size:12px;}
ul.capture li img{padding-top:5px;}


.positionRight{position:relative; right:0;}
.positionLeft{position:absolute; left:0}


.pdL460{padding-left:110px}
.pdB40{padding-bottom:40px}

.bg03{background:url(../../images/product/product_01_img29.png) no-repeat 0 0;}
.bg04{background:url(../../images/product/product_01_img30.png) no-repeat 0 0;}
.bg05{background:url(../../images/product/product_01_img31.png) no-repeat 0 0;}
.bg06{background:url(../../images/product/product_01_img32.png) no-repeat 0 0;}
.bg07{background:url(../../images/product/product_01_img33.png) no-repeat 0 0;}

.bg08{background:url(../../images/product/product_05_img11.png) no-repeat 600px 0;}
.bg09{background:url(../../images/product/product_05_img12.png) no-repeat 0 0;}
.bg10{background:url(../../images/product/product_05_img13.png) no-repeat 770px 0;}
.bg11{background:url(../../images/product/product_05_img14.png) no-repeat 85px 0;}
.bg12{background:url(../../images/product/product_05_img15.png) no-repeat 620px 0;}
.bg13{background:url(../../images/product/product_07_img08.png) no-repeat 50% 0; background-size:250px;}
.bg14{background:url(../../images/product/product_07_img09.png) no-repeat 0 0;}
.bg15{background:url(../../images/product/product_07_img10.png) no-repeat 0 0;}

.bg16{background:url(../../images/product/product_08_img06.png) no-repeat 380px 0; background-size:220px;}
.bg17{background:url(../../images/product/product_08_img07.png) no-repeat 120px 0;}
.bg18{background:url(../../images/product/product_08_img08.png) no-repeat 30px 60px; background-size:90%; height:100px;}
.bg19{background:url(../../images/product/product_08_img09.png) no-repeat 40px 0;}



/* 주요고객사 */
.link_logo{ width:100%;}
.link_logo ul li {display:inline-block; border-bottom:1px solid #eceaed; border-left:1px solid #eceaed; margin-left:-5px; width:168px; height:106px;;}
/* 고객사 로고가 추가 및 테두리 버그 수정에 따른 css 추가 20180126 최재혁 */
.link_logo ul li {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(1) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(2) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(3) {border-top:1px solid #eceaed;}





/*고객센터*/
.coll{position:relative; height:335px; margin:auto;}
.coll_01{position:absolute; top:120px}
.coll_02{position:absolute; top:250px}
.coll_03{position:absolute; top:300px; font-size:16px; line-height:28px; font-weight:500;}
.coll_03 span{width:120px; text-align:center;}


/*적용사례*/
.sub_exampleWrap{width:100%; padding:100px 0; border-bottom:solid 1px #d4d4d4; background:#fbf9fc;}
.sub_example{width:90%; min-height:100px; margin:0 auto; text-align:center; line-height:38px; background:#fbf9fc;}

.sub_example h3{display:inline-block; font-size:27px; font-weight:600; border-bottom:solid 1px #303030; line-height:40px;}
.sub_example h4{font-size:20px; color:#0081bb; font-weight:500}
ul.example_list li ul li{width:274px; height:275px; background:#FFF; border:1px solid #e5e5e5; padding-top:20px; padding-left:18px; padding-right:18px;  display:inline-block; margin:0 15px 40px 35px; line-height:70px; font-weight:500;}
ul.example_list01 li ul li{width:274px; height:250px; background:#FFF; border:1px solid #e5e5e5; padding-top:20px; padding-left:18px; padding-right:18px;  display:inline-block; margin:0 15px 40px 35px; line-height:70px; font-weight:500;}
ul.example_list01 li ul li>img {width:100%;}
ul.example_list{font-size:18px; margin-top:70px}
ul.example_list01{font-size:18px; margin-top:70px}

ul.example_list01 li ul li:last-child {display:none;}


/* 게시판 */
/* 버튼 */
.nav_page{margin-top:40px;  font-size:12px;}
.nav_page .page_btn li{float:left; line-height:0}
.nav_page .page_btn_number li a{float:left; border-bottom:1px solid #d7d7d7; padding-left:10px; border-top:1px solid #d7d7d7; padding:1px 6px 1px 6px; line-height:31px}
.nav_page .page_btn_number li a:hover, .nav_page .page_btn_number ul li a:focus, .nav_page .page_btn_number .page_on{color:#fff; border-bottom:1px solid #555; border-top:1px solid #555; background-color:#555}
.nav_page .page_btn_number li img{padding:0}
/* 테이블 스타일 */
.tbl_st1{color:#555555; font-size:14px;}
.tbl_st1 th{text-align:center; font-weight:600; color:#555555; border-bottom:1px solid #d7d7d7; border-top:2px solid #018fcf; background-color:#f2f2f2; padding:5px 0 5px 0;}
.tbl_st1 tbody td.td_al{text-align:left; padding:5px 0 5px 0;}
.tbl_st1 tbody td a:hover, .tbl_st1 tbody td a:focus{color:#018fcf; text-decoration:underline;}
.tbl_st1 tbody td{text-align:center;border-bottom:1px solid #d7d7d7}
.new{background-color:#fbfbfb; font-weight:500}

.list_text{padding-bottom:40px; padding-top:40px; line-height:24px}

ul.view_nav_btn li a{margin-top:30px; margin-right:5px; float:left}
.list_btn{width:70px; border:1px solid #999; float:right; margin-top:30px}
.list_btn a{font-weight:500; font-size:15px; color:#303030; text-decoration:none;}


/* 05_센터소개_02_공지사항_03_글쓰기 */
.boardWrite table{border-top:2px solid #018fcf;}
.boardWrite th, .boardWrite td{border-bottom:1px solid #d7d7d7;}
.boardWrite th{width:160px; font-weight:500; padding-bottom:5px; padding-top:5px; font-size:15px; text-align:center;}

.title input{width:890px; height:32px; border:1px solid #cdcdcd; padding-left:10px; margin-top:8px; margin-bottom:8px; background-color:#fafafa;}
.content textarea{width:890px; height:244px; border:1px solid #cdcdcd; padding-left:10px; padding-top:10px; margin-top:8px; margin-bottom:8px; background-color:#fafafa;}
.list_btn03{float:right; margin-top:30px}
.list_btn03 li a{width:70px; border:1px solid #999; font-weight:500; font-size:15px; color:#303030; text-decoration:none; float:left; margin-left:5px;}
.list_btn03 li{float:left;}



/*padding margin*/

.pd20{padding:20px;}


.pdL5{padding-left:5px;}
.pdL10{padding-left:10px;}
.pdL15{padding-left:15px;}
.pdL20{padding-left:20px;}
.pdL25{padding-left:25px;}
.pdL30{padding-left:30px;}
.pdL35{padding-left:35px;}
.pdL40{padding-left:40px; padding-top:60px}
.pdL45{padding-left:45px;}
.pdL70{padding-left:105px;}
.pdL80{padding-left:80px;}
.pdL170{padding-left:170px;}
.pdL176{padding-left:176px;}
.pdL189{padding-left:189px;}
.pdL280{padding-left:280px;}

.pl120 {padding-left:120px; padding-bottom:30px;}

.pdR5{padding-right:5px;}
.pdR10{padding-right:10px;}
.pdR15{padding-right:15px;}
.pdR20{padding-right:20px;}
.pdR25{padding-right:25px;}
.pdR30{padding-right:30px;}
.pdR35{padding-right:35px;}
.pdR40{padding-right:40px;}
.pdR45{padding-right:45px;}

.pdB5{padding-bottom:5px}
.pdB10{padding-bottom:10px}

.pdT5{padding-top:5px;}
.pdT10{padding-top:10px;}
.pdT45{ padding-top:45px;}

.mgT3{margin-top:3px;}
.mgT5{margin-top:5px;}
.mgT8{margin-top:8px;}
.mgT10{margin-top:10px;}
.mgT15{margin-top:15px;}
.mgT20{margin-top:20px;}
.mgT25{margin-top:25px;}
.mgT30{margin-top:30px;}
.mgT35{margin-top:35px;}
.mgT40{margin-top:40px;}
.mgT45{margin-top:45px;}
.mgT50{margin-top:50px;}
.mgT55{margin-top:55px;}
.mgT60{margin-top:60px;}
.mgT65{margin-top:65px;}
.mgT70{margin-top:70px;}
.mgT75{margin-top:75px;}
.mgT80{margin-top:80px;}
.mgT85{margin-top:85px;}
.mgT90{margin-top:90px;}
.mgT100{margin-top:100px;}
.mgT130{margin-top:130px;}

.mgB3{margin-bottom:3px;}
.mgB5{margin-bottom:5px;}
.mgB8{margin-bottom:8px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB17{margin-bottom:17px;}
.mgB20{margin-bottom:20px;}
.mgB25{margin-bottom:25px;}
.mgB30{margin-bottom:30px !important;}
.mgB35{margin-bottom:35px;}
.mgB40{margin-bottom:40px;}
.mgB45{margin-bottom:45px;}
.mgB50{margin-bottom:50px;}
.mgB60{margin-bottom:60px;}
.mgB65{margin-bottom:65px;}
.mgB70{margin-bottom:70px;}
.mgB80{margin-bottom:80px;}
.mgB90{margin-bottom:90px;}

.mgR5{margin-right:5px;}
.mgR10{margin-right:10px;}
.mgR15{margin-right:15px;}
.mgR20{margin-right:20px;}
.mgR25{margin-right:25px;}
.mgR30{margin-right:30px;}
.mgR35{margin-right:35px;}
.mgR40{margin-right:40px;}
.mgR45{margin-right:45px;}
.mgR60{margin-right:60px;}

.mgL5{margin-left:5px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL25{margin-left:25px;}
.mgL30{margin-left:30px;}
.mgL35{margin-left:35px;}
.mgL40{margin-left:40px;}
.mgL45{margin-left:45px;}
.mgL50{margin-left:50px;}
.mgL55{margin-left:55px;}
.mgL65{margin-left:65px;}
.mgL70{margin-left:70px;}
.mgL80{margin-left:80px;}
.mgL90{margin-left:90px;}
.mgL95{margin-left:95px;}
.mgL100{margin-left:100px;}
.mgL105{margin-left:105px;}
.mgL110{margin-left:110px;}


.mgB100{margin-bottom:100px;}
.pdT40{padding-top:40px}
.Dib{display:inline-block;}
.pdL240{padding-left:90px}
.pdL80{padding-left:80px}
.pdB80{padding-bottom:80px}
.pdL100{padding-left:100px}
.pdR30 {padding-right:30px;}


.pdT20{padding-top:20px}


.lh30{ine-height:30px}

.pdT15{padding-top:15px}
.mgT65{margin-top:65px}
.pdB20{padding-bottom:20px}
.pdL250{padding-left:250px}
.pdB15{padding-bottom:15px}

.pdT30{padding-top:30px}
.pdB30{padding-bottom:30px}
.pdL315{padding-left:315px}
.pdL150{padding-left:150px}
.pdL170{padding-left:170px}


.pdL180{padding-left:180px}

}

/* 설명: Learn More 및 TOP 버튼 마우스오버/접근 시 반응형 인터랙션 효과(상단 부유, 입체 그림자, 배경반전, 화살표 전진) 적용 | 수정일: 2026-09-20 | 작업자: Harry Kim */
body::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
  content:url(../../images/index/btn_icon_white.png);
}
a.LearnMore{
  box-sizing:border-box;
  color:#000;
  text-decoration:none;
  display:flex;
  align-items:center;
  cursor:pointer;
  background-color:#fff;
  transition:transform 0.22s cubic-bezier(0.25, 0.8, 0.25, 1),
             box-shadow 0.22s ease,
             background-color 0.22s ease,
             color 0.22s ease,
             border-color 0.22s ease,
             background-position 0.22s ease;
}
a.LearnMore:hover{
  color:#fff !important;
  background-color:#111;
  border-color:#111;
  background-image:url(../../images/index/btn_icon_white.png);
  background-position:202px center;
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0, 0, 0, 0.24);
}
a.LearnMore:active{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0, 0, 0, 0.18);
}

/* TOP 버튼 공통 인터랙션: 마우스오버 시 상단으로 부유(Lift-up) 및 입체 그림자 */
.top{ position:fixed; top:300px; right:8%; z-index:999;}
.top a, a.top{ display:inline-block; text-decoration:none; cursor:pointer; }
.top img, a.top img{
  display:block;
  transition:transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1),
             filter 0.25s ease;
  border-radius:4px;
}
.top a:hover img, a.top:hover img, .top:hover img{
  transform:translateY(-6px);
  filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.28)) brightness(1.03);
}
.top a:active img, a.top:active img, .top:active img{
  transform:translateY(-2px);
  filter:drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
}

/* 설명: GNB 제품문의 배너 링크 마우스 접근 시 반응형 인터랙션(살짝 확대, 부드러운 그림자, 커서) 적용 | 수정일: 2026-09-20 | 작업자: Harry Kim */
.prodct_down a{display:inline-block; text-decoration:none; cursor:pointer; transition:transform 0.22s ease, filter 0.22s ease, opacity 0.22s ease;}
.prodct_down a:hover{transform:translateY(-3px) scale(1.02); filter:drop-shadow(0 6px 14px rgba(0,0,0,0.18)); opacity:0.96;}
.prodct_down a:active{transform:translateY(0) scale(0.99); filter:drop-shadow(0 2px 5px rgba(0,0,0,0.12));}







/*테블릿 버젼*/
@media all and (min-width:721px) and (max-width:1023px) { 

body{font-family: '나눔고딕', 'Nanum Gothic', sans-serif; font-size:18px; color:#303030;}
input,img,label,select,textarea{vertical-align:middle;}
/*header*/

#headerWrap{width:100%;}
#headerWrap:after	{content:""; clear:both; display:block; height:0; visibility:hidden;}

#headerWrap .header{width:100%;height:75px;  margin:0 auto; position:relative;}
#headerWrap .header .logo{position:absolute;left:20px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:flex; align-items:center; z-index:10;}
#headerWrap .header .logo a{display:flex; align-items:center;}
#headerWrap .header .logo img{display:block; width:auto; max-height:26px;}

#headerWrap .header #gnb{position:absolute;width:510px; right:30px; top:27px;  z-index:3; box-sizing:border-box;}

.gnb_bg{ position:absolute; top:75px; left:0;  z-index:3; width:100%; height:380px; background:url(../../images/common/sub_menu_bg-t.png) no-repeat top center;}

#gnb>ul{z-index:4; width:510px; font-size:15px; font-weight:800; color:#303030}
#gnb>ul>li{float:left; height:52px; margin-right:70px;}
#gnb>ul>li a:hover{color:#0088c7; text-decoration:none}

#gnb>ul>li.gn1{}
#gnb>ul>li.gn2{}
#gnb>ul>li.gn3{}
#gnb>ul>li.gn4{ margin-right:50px;}
#gnb>ul>li:last-child{ margin-right:0; cursor:pointer}

#gnb ul.gsm { font-size:14px; font-weight:normal;}
#gnb ul.gsm>li>a{ display:block; line-height:25px; padding:8px 0 0 ; }
#gnb ul.gsm>li>a.no_line{background:0 none}
#gnb ul.gsm>li>a:hover, #gnb ul.gsm>li>a:focus{color:#0088c7; text-decoration:none;}

#gnb .gsm_list02{ position:absolute; top:80px; left:-220px; width:345px; }
#gnb .gsm_list04{ position:absolute; top:80px; left:35px; width:345px;}
#gnb .prodct_down{position:absolute; top:120px; right:-30px;}
#gnb .prodct_down img {width:95%;}
#gnb .close{position:absolute; top:418px; left:58px; cursor:pointer;}



.subMenu{display:none; width: 1100px; height: 380px;}



/*메인 영역*/
#main_visualWrap{width:100%; height:545px; background:url(../../images/index/main_visual.png) no-repeat top center; background-size:cover;}
#main_visualWrap:after{display:block; content:""; clear:both}

.main_visual{width:800px;  margin:0 auto; position:relative; background:url(../../images/index/main_visual.png) no-repeat top center;}
.main_visual .visual_txt{ position:absolute; top:125px; left:20px;}
.main_visual .visual_txt>img {width:383px; height:214px;}

#main_container{width:100%;}
#main_container .mainCtent_area{width:800px; margin:0 auto; position:relative; padding:100px 0 !important; clear:left; border-bottom:#ebebeb solid 1px; }



#holdWrap{width:100%; height:225px; background:#fff; z-index:100 }
#holdWrap #hold{width:800px; margin:0 auto; position:relative;}


#holdWrap #hold .hold_bar{width:800px; margin:0 auto; text-align:center; padding:20px 0;}
#holdWrap #hold .hold_bar h2.main_title{font-family: 'nanum-square', sans-serif; font-weight:bold; font-size:46px; color:#303030; letter-spacing:-3px;}
.smGray{ font-size:25px; color:#717171; font-weight:600}

ul.main_tab {width:780px; margin:0 auto; margin-top:50px;}
ul.main_tab li{ display:inline-block; padding:10px 15px 10px 10px; font-size:15px; background:url(../../images/index/main_tabBg.png) right center no-repeat; font-weight:600}
ul.main_tab li:first-child{margin-left:0;}
ul.main_tab li:nth-child(4n+4){margin-right:0; background:none;}
ul.main_tab li a:hover, .select a{color:#0080c2; text-decoration:none;}

.Square{font-size:25px; font-weight:600; font-family: 'nanum-square', sans-serif; letter-spacing:-3px}
.Square>img {width:150px;}


ul.list01{font-size:18px; font-weight:normal; line-height:30px; margin:40px 0;}
ul.list01 li{background:url(../../images/index/dot_icon.png) no-repeat left 20px; padding-left:10px; letter-spacing:-1px; word-break:keep-all !important;}
ul.list01 li>img {width:60px;}



ul.list02{ line-height:24px;}
ul.list02 li{background:url(../../images/index/dot_icon.png) no-repeat left center; padding-left:10px; letter-spacing:-1px; word-break:keep-all !important;}


.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w58{width:58%;}
.w56{width:56%;}
.w55{width:55%;}
.w54{width:54%;}
.w53{width:53%;}
.w51{width:51%;}
.w50{width:50%;}
.w45{width:45%;}
.w40{width:40%;}
.w30{width:30%;}

.w20{width:20%;}
.w25{width:25%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w60{width:60%;}


.LearnMore{display:block; background:url(../../images/index/btn_icon.png) no-repeat; border: solid 2px #000; width:248px; height:47px; font-size:18px; background-position:190px center; padding-left:40px; text-align:left; font-weight:700; font-family: '나눔고딕', 'Nanum Gothic';}


/*서브레이아웃*/
.top{ position:fixed; top:300px; right:8%; z-index:999;}

#container{width:100%;}
#visual{width:100%; background:url(../../images/common/visual_wrap.png) top center no-repeat; }
#visualWrap{width:800px; margin:0 auto; background:url(../../images/common/visual_wrap.png) top center no-repeat; height:247px; padding-top:57px;}
#visualWrap .sub_visual{width:800px; height:247px; margin:0 auto; background:url(../../images/company/visual.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual .visual_title{position:absolute; top:20%; left:515px; color:#fff;  text-align:center}
.h2_visual{font-size:30px !important;  font-weight:600 !important; letter-spacing:-1px;}

.s1 {display:block;}
.s2 {display:none;}

/*서브 탭메뉴*/
.subTab{width:800px; margin:0 auto; position:relative }
ul.sub_tabMeneu{position:absolute; top:-23px; padding-left:15px;}
ul.sub_tabMeneu li{display:inline-block; width:190px; height:38px; border:solid 1px #d4d4d4; font-size:14px; border-right: none; line-height:38px; text-align:center; font-weight:600;  background:#fff;}
ul.sub_tabMeneu li:last-child{border-right:solid 1px #d4d4d4}
ul.sub_tabMeneu li a{color:#616161; display:block; width:190px; height:38px; }
ul.sub_tabMeneu li a:hover, .on a{color:#fff !important; background:#018fcf;}

ul.sub_tabMeneu2{position:absolute; top:-23px; left:10px;}
ul.sub_tabMeneu2 li{display:inline-block; width:110px; height:38px; border:solid 1px #d4d4d4; font-size:14px; border-right: none; line-height:38px; text-align:center; font-weight:600;  background:#fff;}
ul.sub_tabMeneu2 li:last-child{border-right:solid 1px #d4d4d4}
ul.sub_tabMeneu2 li a{color:#616161; display:block; width:110px; height:38px; }
ul.sub_tabMeneu2 li a:hover, .on a{color:#fff !important; background:#018fcf;}



.sub_contentWrap{padding:100px 0; border-bottom:solid 1px #d4d4d4;}
.sub_content{width:100%; margin:0 auto; text-align:center; line-height:30px; padding:0 10px; box-sizing:border-box;}



/* button 버튼 */
button.btst{display:inline-block; height:40px; font-weight:500; font-size:18px; line-height:18px; color:#fff; text-align:center; vertical-align:middle; padding:0 30px; border:none }
button.btst1{display:inline-block; height:27px; font-size:12px; line-height:27px; color:#fff; text-align:center; vertical-align:middle;}


.bt_red{background:#e1361e;}
.bt_gray{background:#5d5d5d;}
.bt_gray2{background:#6d717a;}


/*table 스타일*/
.table1 {width:100%; border-top:1px solid #1f98d4; font-size:16px; margin-top:15px;}
.table1 tr th,.table1 tr td {text-align:left; line-height:17px; padding:12px 0 12px 15px; border-bottom:1px solid #e4e6e9; color:#616161;}
.table1 tr th { color:#333; font-weight:normal}
.table1 tr th.tcenter { padding:0; text-align:center}


.display_IB{display:inline-block; vertical-align:top; padding:0 10px;}
.display_IB>img { width:297px; }
.display_IB>p>img {width:382px;}

/*text size*/
.f20{font-size:20px;}
.f29{font-size:28px !important;}
.f30{font-size:30px;}
.f14{font-size:14px;}

.fw_500{font-weight:600;}
.fw_600{font-weight:700;}

/*contact us*/
#contactUs{width:100%; height:615px; background:url(../../images/common/footer_bg.png) bottom center no-repeat;}
#contactUs_Wrap{width:800px; height:615px; background:url(../../images/common/footer_bg.png) bottom center no-repeat; margin:0 auto; }
#contactUs_Wrap .contactUs{width:780px; font-size:14px; color:#fff; }
.input_area{width:360px;}
.input_area input.txt{width:100%; height:46px; margin-bottom:20px; border:none; background:#fff; color:#8d8d8d; padding-left:10px; font-size:16px; font-weight:normal}
.input_area textarea{background:#fff; color:#8d8d8d; font-size:14px; font-weight:normal; padding:10px 15px 10px 10px ; width:330px; height:290px;}

#contactUs_Wrap .contactUs a, a:hover{color:#fff; text-decoration:underline}


/* 게시판 */
/* 버튼 */
.nav_page{margin-top:40px; margin-left:380px; font-size:14px;}
.nav_page .page_btn li{float:left; line-height:0}
.nav_page .page_btn_number li a{float:left; border-bottom:1px solid #d7d7d7; padding-left:10px; border-top:1px solid #d7d7d7; padding:1px 8px 1px 8px; line-height:31px}
.nav_page .page_btn_number li a:hover, .nav_page .page_btn_number ul li a:focus, .nav_page .page_btn_number .page_on{color:#fff; border-bottom:1px solid #555; border-top:1px solid #555; background-color:#555}
.nav_page .page_btn_number li img{padding:0}
/* 테이블 스타일 */
.tbl_st1{color:#555555; font-size:14px;}
.tbl_st1 th{text-align:center; font-weight:600; color:#555555; border-bottom:1px solid #d7d7d7; border-top:2px solid #018fcf; background-color:#f2f2f2; padding:5px 0 5px 0;}
.tbl_st1 tbody td.td_al{text-align:left; padding:5px 0 5px 0;}
.tbl_st1 tbody td a:hover, .tbl_st1 tbody td a:focus{color:#018fcf; text-decoration:underline;}
.tbl_st1 tbody td{text-align:center;border-bottom:1px solid #d7d7d7}
.new{background-color:#fbfbfb; font-weight:500}

.list_text{padding-bottom:40px; padding-top:40px; line-height:24px}

ul.view_nav_btn li a{margin-top:30px; margin-right:5px; float:left}
.list_btn{width:70px; border:1px solid #999; float:right; margin-top:30px}
.list_btn a{font-weight:500; font-size:15px; color:#303030; text-decoration:none;}


/* 영상콘텐츠 개인화 큐레이션 */
.blue{font-weight:600; color:#0081bb;}
.f16{font-size:16px;}
.blic_s{background:url(../../images/product/blic_s.png) no-repeat 0 16px;}
.ls_1{letter-spacing:-1px;}
.blic_m{background:url(../../images/product/blic_m.png) no-repeat 0 26px;}
.blic_m_no{background:url(../../images/product/blic_m.png) no-repeat 0 18px;}
.lh50{line-height:50px;}
.mgT75{ margin-top:75px;}
.f25{font-size:22px; font-weight:600}
.pdT10{padding-top:10px;}

.pdL200{padding-left:200px}
.pdL400{padding-left:400px}

dl.list_left dt{display:inline-block; vertical-align:top;}
dl.list_left dt.bg01{background:url(../../images/product/product_03_img15.png) no-repeat 20px bottom; padding-bottom:102px}
dl.list_left dt.bg02{background:url(../../images/product/product_03_img16.png) no-repeat 20px bottom; padding-bottom:102px}
dl.list_left dd{display:inline-block;}

ul.dot_list li {background:url(../../images/product/blic_m.png) no-repeat 0 18px; padding-left:15px; text-align:left}

/*체크박스 스타일*/
#ch, #ch_pri{display:none;}
#ch + label, #ch_pri + label{display:inline-block; width:14px; height:14px; cursor:pointer; background:#fff;vertical-align:middle; color:#000;}
#ch:checked + label:after, #ch_pri:checked + label:after{position:relative; top:-12px; left:2px; content:'\2714';} 

/*헤딩 스타일*/
h3.wh{display:inline-block; font-size:35px; font-weight:600; border-bottom:solid 1px #fff !important; line-height:40px; color:#fff;}

.sub_content h3{display:inline-block; font-size:35px; font-weight:600; border-bottom:solid 1px #303030; line-height:40px;}
.sub_content h4{font-size:20px; color:#0081bb; font-weight:600}



/*footer*/
#footerWrap{width:100%; height:175px; background:url(../../images/common/footer_bg02.png) repeat-x;}
#footerWrap .footer{width:800px; height:130px; padding-left:10px; margin:0 auto; position:relative; color:#ffffff; font-size:14px; line-height:25px; background:url(../../images/common/footer_bg02.png) repeat-x; box-sizing:border-box;}
#footerWrap .footer a, a:hover{ color:#fff;}


/*상단비쥬얼*/
#visualWrap .sub_visual_01{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_01.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_01 .visual_title{position:absolute; top:20%; left:515px; color:#fff;  text-align:center}
#visualWrap .sub_visual_01 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_02{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_02.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_02 .visual_title{position:absolute; top:20%; left:490px; color:#fff;  text-align:center}
#visualWrap .sub_visual_02 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_03{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_03.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_03 .visual_title{position:absolute; top:20%; left:480px; color:#fff;  text-align:center}
#visualWrap .sub_visual_03 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_04{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_04.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_04 .visual_title{position:absolute; top:20%; left:500px; color:#fff;  text-align:center}
#visualWrap .sub_visual_04 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_05{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_05.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_05 .visual_title{position:absolute; top:20%; left:490px; color:#fff;  text-align:center}
#visualWrap .sub_visual_05 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_06{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_06.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_06 .visual_title{position:absolute; top:20%; left:490px; color:#fff;  text-align:center}
#visualWrap .sub_visual_06 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_07{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_07.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_07 .visual_title{position:absolute; top:20%; left:460px; color:#fff;  text-align:center}
#visualWrap .sub_visual_07 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_08{width:800px; height:247px; margin:0 auto; background:url(../../images/product/visual_08.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_08 .visual_title{position:absolute; top:20%; left:490px; color:#fff;  text-align:center}
#visualWrap .sub_visual_08 .visual_title h2{font-size:25px !important;  font-weight:500;}

#visualWrap .sub_visual_09{width:800px; height:247px; margin:0 auto; background:url(../../images/company/visual_01.png) bottom left no-repeat; position:relative; background-size:contain;}
#visualWrap .sub_visual_09 .visual_title{position:absolute; top:20%; left:515px; color:#fff;  text-align:center}
#visualWrap .sub_visual_09 .visual_title h2{font-size:25px !important;  font-weight:500;}

.iframe1 {width:720px; height:435px;}
.video{width:720px; height:435px; background-color:#999; margin:auto; margin-top:150px}

/*인증현황*/
ul.certifi{ border-top:1px solid #1f98d4; padding-top:30px;}
ul.certifi li{ display:inline-block; margin-right:12px; text-align:center; font-size:12px; font-weight:500}
ul.certifi li>img {width:90px;}
ul.certifi li:last-child{ margin-right:0;}


.gt1{text-indent:-9999px; display:inline-block; background:url(../../images/common/icon_arrow.png) no-repeat; background-position:center; padding:0 10px;}
.gt2{text-indent:-9999px; display:inline-block; background:url(../../images/common/icon_arrow_blue.png) no-repeat; background-position:center; padding:0 10px;}

#anchor1 p:nth-child(1) {padding-right:20px;}
#anchor1 div p {font-size:19px; font-weight:500;}
#anchor1 .mgT100 .text_left {margin-left:220px;}


.img-t>img {width:80%;}


/* ci */
.ci_bnt{margin-left:490px;}


/*주요기능*/
ul.capture li{ display:inline-block; margin-right:10px; margin-bottom:30px; text-align:center; font-size:15px;line-height:25px; width:290px;}

ul.capture li span{font-size:12px;}
ul.capture li img{padding-top:5px;}

.positionRight{position:absolute; right:0;}
.positionLeft{position:absolute; left:0}


.pdL460{padding-left:460px}
.pdB40{padding-bottom:40px}

.bg03{background:url(../../images/product/product_01_img29.png) no-repeat 70px 0;}
.bg04{background:url(../../images/product/product_01_img30.png) no-repeat 930px 0;}
.bg05{background:url(../../images/product/product_01_img31.png) no-repeat 200px 0;}
.bg06{background:url(../../images/product/product_01_img32.png) no-repeat 810px 0;}
.bg07{background:url(../../images/product/product_01_img33.png) no-repeat 300px 0;}

.bg08{background:url(../../images/product/product_05_img11.png) no-repeat 600px 0;}
.bg09{background:url(../../images/product/product_05_img12.png) no-repeat 0 0;}
.bg10{background:url(../../images/product/product_05_img13.png) no-repeat 770px 0;}
.bg11{background:url(../../images/product/product_05_img14.png) no-repeat 85px 0;}
.bg12{background:url(../../images/product/product_05_img15.png) no-repeat 620px 0;}
.bg13{background:url(../../images/product/product_07_img08.png) no-repeat 670px 0;}
.bg14{background:url(../../images/product/product_07_img09.png) no-repeat 60px 0;}
.bg15{background:url(../../images/product/product_07_img10.png) no-repeat 620px 0;}

.bg16{background:url(../../images/product/product_08_img06.png) no-repeat 670px 0;}
.bg17{background:url(../../images/product/product_08_img07.png) no-repeat 120px 0;}
.bg18{background:url(../../images/product/product_08_img08.png) no-repeat 600px 0;}
.bg19{background:url(../../images/product/product_08_img09.png) no-repeat 40px 0;}


/* 주요고객사 */
.link_logo{ width:100%;}
.link_logo ul li {display:inline-block; border-bottom:1px solid #eceaed; border-left:1px solid #eceaed; margin-left:-5px; width:168px; height:106px;;}
/* 고객사 로고가 추가 및 테두리 버그 수정에 따른 css 추가 20180126 최재혁 */
.link_logo ul li:nth-child(1) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(2) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(3) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(4) {border-top:1px solid #eceaed; border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(5) {border-top:1px solid #eceaed; border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(8) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(10) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(12) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(15) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(16) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(18) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(20) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(24) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(25) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(28) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(30) {border-right:1px solid #eceaed;}
.link_logo ul li:nth-child(32) {border-right:1px solid #eceaed;}


/*고객센터*/
.coll{position:relative; width:750px; height:335px; margin:auto;}
.coll_01{position:absolute; left:0; top:160px}
.coll_02{position:absolute; left:400px; top:160px}
.coll_03{position:absolute; left:560px; top:168px; font-size:16px; line-height:28px; font-weight:500;}
.coll_03 span{width:120px; text-align:center;}



/*적용사례*/
.sub_exampleWrap{width:100%; padding:100px 0; border-bottom:solid 1px #d4d4d4; background:#fbf9fc;}
.sub_example{width:100%; min-height:100px; margin:0 auto; text-align:center; line-height:38px; background:#fbf9fc;}

.sub_example h3{display:inline-block; font-size:35px; font-weight:600; border-bottom:solid 1px #303030; line-height:40px;}
.sub_example h4{font-size:20px; color:#0081bb; font-weight:500}
ul.example_list li ul li{width:274px; height:275px; background:#FFF; border:1px solid #e5e5e5; padding-top:20px; padding-left:18px; padding-right:18px;  display:inline-block; margin:0 15px 40px 35px; line-height:70px; font-weight:500;}
ul.example_list01 li ul li{width:274px; height:250px; background:#FFF; border:1px solid #e5e5e5; padding-top:20px; padding-left:18px; padding-right:18px;  display:inline-block; margin:0 15px 40px 35px; line-height:70px; font-weight:500;}
ul.example_list01 li ul li>img {width:100%;}
ul.example_list{font-size:18px; margin-top:70px}
ul.example_list01{font-size:18px; margin-top:70px}

ul.example_list01 li ul li:last-child {display:none;}






/* 05_센터소개_02_공지사항_03_글쓰기 */
.boardWrite table{border-top:2px solid #018fcf;}
.boardWrite th, .boardWrite td{border-bottom:1px solid #d7d7d7;}
.boardWrite th{width:160px; font-weight:500; padding-bottom:5px; padding-top:5px; font-size:15px; text-align:center;}

.title input{width:890px; height:32px; border:1px solid #cdcdcd; padding-left:10px; margin-top:8px; margin-bottom:8px; background-color:#fafafa;}
.content textarea{width:890px; height:244px; border:1px solid #cdcdcd; padding-left:10px; padding-top:10px; margin-top:8px; margin-bottom:8px; background-color:#fafafa;}
.list_btn03{float:right; margin-top:30px}
.list_btn03 li a{width:70px; border:1px solid #999; font-weight:500; font-size:15px; color:#303030; text-decoration:none; float:left; margin-left:5px;}
.list_btn03 li{float:left;}



/*padding margin*/

.pd20{padding:20px;}


.pdL5{padding-left:5px;}
.pdL10{padding-left:10px;}
.pdL15{padding-left:15px;}
.pdL20{padding-left:20px;}
.pdL25{padding-left:25px;}
.pdL30{padding-left:30px;}
.pdL35{padding-left:35px;}
.pdL40{padding-left:40px;}
.pdL45{padding-left:45px;}
.pdL70{padding-left:70px;}
.pdL80{padding-left:80px;}
.pdL170{padding-left:170px;}
.pdL176{padding-left:176px;}
.pdL189{padding-left:189px;}
.pdL280{padding-left:280px;}

.pdR5{padding-right:5px;}
.pdR10{padding-right:10px;}
.pdR15{padding-right:15px;}
.pdR20{padding-right:20px;}
.pdR25{padding-right:25px;}
.pdR30{padding-right:30px;}
.pdR35{padding-right:35px;}
.pdR40{padding-right:40px;}
.pdR45{padding-right:45px;}

.pdB5{padding-bottom:5px}
.pdB10{padding-bottom:10px}

.pdT5{padding-top:5px;}
.pdT10{padding-top:10px;}
.pdT45{ padding-top:45px;}

.mgT3{margin-top:3px;}
.mgT5{margin-top:5px;}
.mgT8{margin-top:8px;}
.mgT10{margin-top:10px;}
.mgT15{margin-top:15px;}
.mgT20{margin-top:20px;}
.mgT25{margin-top:25px;}
.mgT30{margin-top:30px;}
.mgT35{margin-top:35px;}
.mgT40{margin-top:40px;}
.mgT45{margin-top:45px;}
.mgT50{margin-top:50px;}
.mgT55{margin-top:55px;}
.mgT60{margin-top:60px;}
.mgT65{margin-top:65px;}
.mgT70{margin-top:70px;}
.mgT75{margin-top:75px;}
.mgT80{margin-top:80px;}
.mgT85{margin-top:85px;}
.mgT90{margin-top:90px;}
.mgT100{margin-top:100px;}
.mgT130{margin-top:130px;}

.mgB3{margin-bottom:3px;}
.mgB5{margin-bottom:5px;}
.mgB8{margin-bottom:8px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB17{margin-bottom:17px;}
.mgB20{margin-bottom:20px;}
.mgB25{margin-bottom:25px;}
.mgB30{margin-bottom:30px !important;}
.mgB35{margin-bottom:35px;}
.mgB40{margin-bottom:40px;}
.mgB45{margin-bottom:45px;}
.mgB50{margin-bottom:50px;}
.mgB60{margin-bottom:60px;}
.mgB65{margin-bottom:65px;}
.mgB70{margin-bottom:70px;}
.mgB80{margin-bottom:80px;}
.mgB90{margin-bottom:90px;}

.mgR5{margin-right:5px;}
.mgR10{margin-right:10px;}
.mgR15{margin-right:15px;}
.mgR20{margin-right:20px;}
.mgR25{margin-right:25px;}
.mgR30{margin-right:30px;}
.mgR35{margin-right:35px;}
.mgR40{margin-right:40px;}
.mgR45{margin-right:45px;}
.mgR60{margin-right:60px;}

.mgL5{margin-left:5px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL25{margin-left:25px;}
.mgL30{margin-left:30px;}
.mgL35{margin-left:35px;}
.mgL40{margin-left:40px;}
.mgL45{margin-left:45px;}
.mgL50{margin-left:50px;}
.mgL55{margin-left:55px;}
.mgL65{margin-left:65px;}
.mgL70{margin-left:70px;}
.mgL80{margin-left:80px;}
.mgL90{margin-left:90px;}
.mgL95{margin-left:95px;}
.mgL100{margin-left:100px;}
.mgL105{margin-left:105px;}
.mgL110{margin-left:110px;}

.mgB100{margin-bottom:100px;}
.pdT40{padding-top:40px}
.Dib{display:inline-block;}
.pdL240{padding-left:240px}
.pdL80{padding-left:80px}
.pdB80{padding-bottom:80px}
.pdL100{padding-left:100px}
.pdR30 {padding-right:30px;}


.pdT20{padding-top:20px}


.lh30{ine-height:30px}

.pdT15{padding-top:15px}
.mgT65{margin-top:65px}
.pdB20{padding-bottom:20px}
.pdL250{padding-left:250px}
.pdB15{padding-bottom:15px}

.pdT30{padding-top:30px}
.pdB30{padding-bottom:30px}
.pdL315{padding-left:315px}
.pdL150{padding-left:150px}
.pdL170{padding-left:170px}


.pdL180{padding-left:180px}

}





/*pc버젼*/
@media all and (min-width:1024px) {

body{font-family: '나눔고딕', 'Nanum Gothic', sans-serif; font-size:25px; color:#303030;}
input,img,label,select,textarea{vertical-align:middle;}
/*header*/

#headerWrap{width:100%;}
#headerWrap:after	{content:""; clear:both; display:block; height:0; visibility:hidden;}

#headerWrap .header{width:1100px;height:75px;  margin:0 auto; position:relative;}
#headerWrap .header .logo{position:absolute;left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:flex; align-items:center; z-index:10;}
#headerWrap .header .logo a{display:flex; align-items:center;}
#headerWrap .header .logo img{display:block; width:auto; max-height:26px;}

#headerWrap .header #gnb{position:absolute; width:1100px; right:0px; top:27px;  z-index:3; }

.gnb_bg{ position:absolute; top:75px; left:0;  z-index:3; width:100%; height:380px; background:url(../../images/common/sub_menu_bg.png) no-repeat top center;}

#gnb>ul{z-index:4; float: right; width:645px; font-size:20px; font-weight:800; color:#303030}
#gnb>ul>li{float:left; height:52px; margin-right:90px;}
#gnb>ul>li a:hover{color:#0088c7; text-decoration:none}

#gnb>ul>li.gn1{}
#gnb>ul>li.gn2{}
#gnb>ul>li.gn3{}
#gnb>ul>li.gn4{ margin-right:50px;}
#gnb>ul>li:last-child{ margin-right:0; cursor:pointer}

.subMenu ul.gsm { font-size:16px; font-weight:normal;}
.subMenu ul.gsm>li>a{ display:block; line-height:28px; padding:8px 0 0 ; }
.subMenu ul.gsm>li>a.no_line{background:0 none}
.subMenu ul.gsm>li>a:hover, .subMenu ul.gsm>li>a:focus{color:#0088c7; text-decoration:none;}

.subMenu .gsm_list02{ position:absolute; top:80px; left:140px; width:345px; }
.subMenu .gsm_list04{ position:absolute; top:80px; left:485px; width:345px;}
.subMenu .prodct_down{position:absolute; top:120px; right:0;}
.subMenu .close{position:absolute; top:418px; left:58px; cursor:pointer;}



.subMenu{display:none; width: 640px; height: 380px;}
.up{ display: block;}


/*메인 영역*/
#main_visualWrap{width:100%; height:100%; background:url(../../images/index/main_visual.png) no-repeat top center;}
#main_visualWrap:after{display:block; content:""; clear:both}

.main_visual{width:1100px;  height:825px;  margin:0 auto; position:relative; background:url(../../images/index/main_visual.png) no-repeat top center;}
.main_visual .visual_txt{ position:absolute; top:215px;}

#main_container{width:100%;}
#main_container .mainCtent_area{width:1100px; margin:0 auto; position:relative; padding:100px 0 !important; clear:left; border-bottom:#ebebeb solid 1px; }



#holdWrap{width:100%; height:225px; background:#fff; z-index:100 }
#holdWrap #hold{width:1100px; margin:0 auto; position:relative;}


#holdWrap #hold .hold_bar{width:1100px; margin:0 auto; text-align:center; padding:20px 0;}
#holdWrap #hold .hold_bar h2.main_title{font-family: 'nanum-square', sans-serif; font-weight:bold; font-size:55px; color:#303030; letter-spacing:-3px;}
.smGray{ font-size:30px; color:#717171; font-weight:600}

ul.main_tab {width:1000px; margin:0 auto; margin-top:50px;}
ul.main_tab li{ display:inline-block; padding:10px 25px 10px 18px; font-size:18px; background:url(../../images/index/main_tabBg.png) right center no-repeat; font-weight:600}
ul.main_tab li:first-child{margin-left:0;}
ul.main_tab li:nth-child(4n+4){margin-right:0; background:none;}
ul.main_tab li a:hover, .select a{color:#0080c2; text-decoration:none;}

.Square{font-size:30px; font-weight:600; font-family: 'nanum-square', sans-serif; letter-spacing:-3px}


ul.list01{font-size:23px; font-weight:normal; line-height:40px; margin:40px 0;}
ul.list01 li{background:url(../../images/index/dot_icon.png) no-repeat left 20px; padding-left:10px; letter-spacing:-1px; word-break:keep-all !important;}

ul.list02{ line-height:24px;}
ul.list02 li{background:url(../../images/index/dot_icon.png) no-repeat left center; padding-left:10px; letter-spacing:-1px; word-break:keep-all !important;}


.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w58{width:58%;}
.w56{width:56%;}
.w55{width:55%;}
.w54{width:54%;}
.w53{width:53%;}
.w51{width:51%;}
.w50{width:50%;}
.w45{width:45%;}
.w40{width:40%;}
.w30{width:30%;}

.w20{width:20%;}
.w25{width:25%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w60{width:60%;}


.LearnMore{display:block; background:url(../../images/index/btn_icon.png) no-repeat; border: solid 2px #000; width:248px; height:47px; font-size:18px; background-position:190px center; padding-left:40px; text-align:left; font-weight:700; font-family: '나눔고딕', 'Nanum Gothic';}


/*서브레이아웃*/
.top{ position:fixed; top:300px; right:8%; z-index:999;}

#container{width:100%;}
#visual{width:100%; background:url(../../images/common/visual_wrap.png) top center no-repeat; height:397px;}
#visualWrap{width:1100px; margin:0 auto; background:url(../../images/common/visual_wrap.png) top center no-repeat; height:340px; padding-top:57px;}
#visualWrap .sub_visual{width:1100px; height:340px; margin:0 auto; background:url(../../images/company/visual.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual .visual_title{position:absolute; top:40%; left:715px; color:#fff;  text-align:center}
.h2_visual{font-size:30px !important;  font-weight:600 !important; letter-spacing:-1px;}

.s1 {display:block;}
.s2 {display:none;}

/*서브 탭메뉴*/
.subTab{width:1100px; margin:0 auto; position:relative }
ul.sub_tabMeneu{position:absolute; top:-23px;}
ul.sub_tabMeneu li{display:inline-block; width:273px; height:38px; border:solid 1px #d4d4d4; font-size:17px; border-right: none; line-height:38px; text-align:center; font-weight:600;  background:#fff;}
ul.sub_tabMeneu li:last-child{border-right:solid 1px #d4d4d4}
ul.sub_tabMeneu li a{color:#616161; display:block; width:273px; height:38px; }
ul.sub_tabMeneu li a:hover, .on a{color:#fff !important; background:#018fcf;}

ul.sub_tabMeneu2{position:absolute; top:-23px;}
ul.sub_tabMeneu2 li{display:inline-block; width:156px; height:38px; border:solid 1px #d4d4d4; font-size:17px; border-right: none; line-height:38px; text-align:center; font-weight:600;  background:#fff;}
ul.sub_tabMeneu2 li:last-child{border-right:solid 1px #d4d4d4}
ul.sub_tabMeneu2 li a{color:#616161; display:block; width:156px; height:38px; }
ul.sub_tabMeneu2 li a:hover, .on a{color:#fff !important; background:#018fcf;}



.sub_contentWrap{padding:100px 0; border-bottom:solid 1px #d4d4d4;}
.sub_content{width:1100px; margin:0 auto; text-align:center; line-height:38px;}



/* button 버튼 */
button.btst{display:inline-block; height:40px; font-weight:500; font-size:18px; line-height:18px; color:#fff; text-align:center; vertical-align:middle; padding:0 30px; border:none }
button.btst1{display:inline-block; height:27px; font-size:12px; line-height:27px; color:#fff; text-align:center; vertical-align:middle;}


.bt_red{background:#e1361e;}
.bt_gray{background:#5d5d5d;}
.bt_gray2{background:#6d717a;}


/*table 스타일*/
.table1 {width:100%; border-top:1px solid #1f98d4; font-size:16px; margin-top:15px;}
.table1 tr th,.table1 tr td {text-align:left; line-height:17px; padding:12px 0 12px 15px; border-bottom:1px solid #e4e6e9; color:#616161;}
.table1 tr th { color:#333; font-weight:normal}
.table1 tr th.tcenter { padding:0; text-align:center}


.display_IB{display:inline-block; vertical-align:top;}

/*text size*/
.f20{font-size:20px;}
.f29{font-size:28px !important;}
.f30{font-size:30px;}
.f14{font-size:14px;}

.fw_500{font-weight:600;}
.fw_600{font-weight:700;}

/*contact us*/
#contactUs{width:100%; height:615px; background:url(../../images/common/footer_bg.png) bottom center no-repeat;}
#contactUs_Wrap{width:1100px; height:615px; background:url(../../images/common/footer_bg.png) bottom center no-repeat; margin:0 auto; }
#contactUs_Wrap .contactUs{width:1100px; padding:0; font-size:16px; color:#fff; }
#contactUs_Wrap .contactUs .labelTxt{cursor: pointer;}
.input_area{width:500px;}
.input_area input.txt{width:100%; height:46px; margin-bottom:20px; border:none; background:#fff; color:#8d8d8d; padding-left:10px; font-size:16px; font-weight:normal}
.input_area textarea{background:#fff; color:#8d8d8d; font-size:16px; font-weight:normal; padding:10px; width:480px; height:290px;}

#contactUs_Wrap .contactUs a, a:hover{color:#fff; text-decoration:underline}





/* 영상콘텐츠 개인화 큐레이션 */
.blue{font-weight:600; color:#0081bb;}
.f16{font-size:16px;}
.blic_s{background:url(../../images/product/blic_s.png) no-repeat 0 16px;}
.ls_1{letter-spacing:-1px;}
.blic_m{background:url(../../images/product/blic_m.png) no-repeat 0 26px;}
.blic_m_no{background:url(../../images/product/blic_m.png) no-repeat 0 18px;}
.lh50{line-height:50px;}
.mgT75{ margin-top:75px;}
.f25{font-size:25px; font-weight:600}
.pdT10{padding-top:10px;}

dl.list_left dt{display:inline-block; vertical-align:top;}
dl.list_left dt.bg01{background:url(../../images/product/product_03_img15.png) no-repeat 20px bottom; padding-bottom:102px}
dl.list_left dt.bg02{background:url(../../images/product/product_03_img16.png) no-repeat 20px bottom; padding-bottom:102px}
dl.list_left dd{display:inline-block;}

.pdL200{padding-left:200px}
.pdL400{padding-left:400px}

ul.dot_list li {background:url(../../images/product/blic_m.png) no-repeat 0 18px; padding-left:15px; text-align:left}


/*체크박스 스타일*/
#ch, #ch_pri{display:none;}
#ch + label, #ch_pri + label{display:inline-block; width:14px; height:14px; cursor:pointer; background:#fff;vertical-align:middle; color:#000;}
#ch:checked + label:after, #ch_pri:checked + label:after{position:relative; top:-12px; left:2px; content:'\2714';} 

/*헤딩 스타일*/
h3.wh{display:inline-block; font-size:35px; font-weight:600; border-bottom:solid 1px #fff !important; line-height:40px; color:#fff;}

.sub_content h3{display:inline-block; font-size:35px; font-weight:600; border-bottom:solid 1px #303030; line-height:40px;}
.sub_content h4{font-size:20px; color:#0081bb; font-weight:600}



/*footer*/
#footerWrap{width:100%; height:175px; background:url(../../images/common/footer_bg02.png) repeat-x;}
#footerWrap .footer{width:1100px; height:130px; margin:0 auto; position:relative; color:#ffffff; font-size:14px; line-height:25px; background:url(../../images/common/footer_bg02.png) repeat-x;}
#footerWrap .footer a, a:hover{ color:#fff;}


/*상단비쥬얼*/
#visualWrap .sub_visual_01{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_01.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_01 .visual_title{position:absolute; top:40%; left:710px; color:#fff;  text-align:center}
#visualWrap .sub_visual_01 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_02{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_02.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_02 .visual_title{position:absolute; top:40%; left:670px; color:#fff;  text-align:center}
#visualWrap .sub_visual_02 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_03{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_03.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_03 .visual_title{position:absolute; top:40%; left:670px; color:#fff;  text-align:center}
#visualWrap .sub_visual_03 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_04{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_04.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_04 .visual_title{position:absolute; top:40%; left:700px; color:#fff;  text-align:center}
#visualWrap .sub_visual_04 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_05{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_05.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_05 .visual_title{position:absolute; top:40%; left:690px; color:#fff;  text-align:center}
#visualWrap .sub_visual_05 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_06{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_06.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_06 .visual_title{position:absolute; top:40%; left:700px; color:#fff;  text-align:center}
#visualWrap .sub_visual_06 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_07{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_07.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_07 .visual_title{position:absolute; top:40%; left:625px; color:#fff;  text-align:center}
#visualWrap .sub_visual_07 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_08{width:1100px; height:340px; margin:0 auto; background:url(../../images/product/visual_08.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_08 .visual_title{position:absolute; top:40%; left:680px; color:#fff;  text-align:center}
#visualWrap .sub_visual_08 .visual_title h2{font-size:30px !important;  font-weight:500;}

#visualWrap .sub_visual_09{width:1100px; height:340px; margin:0 auto; background:url(../../images/company/visual_01.png) bottom left no-repeat; position:relative;}
#visualWrap .sub_visual_09 .visual_title{position:absolute; top:40%; left:715px; color:#fff;  text-align:center}
#visualWrap .sub_visual_09 .visual_title h2{font-size:30px !important;  font-weight:500;}


.iframe1 {width:720px; height:435px;}
.video{width:720px; height:435px; background-color:#999; margin:auto; margin-top:150px}

/*인증현황*/
ul.certifi{ border-top:1px solid #1f98d4; padding-top:30px;}
ul.certifi li{ display:inline-block; margin-right:25px; text-align:center; font-size:16px; font-weight:600}
ul.certifi li:last-child{ margin-right:0;}


.gt1{text-indent:-9999px; display:inline-block; background:url(../../images/common/icon_arrow.png) no-repeat; background-position:center; padding:0 10px;}
.gt2{text-indent:-9999px; display:inline-block; background:url(../../images/common/icon_arrow_blue.png) no-repeat; background-position:center; padding:0 10px;}

#anchor1 .mgT100 .text_left {margin-left:280px;}


/* ci */
.ci_bnt{margin-left:490px;}


/*주요기능*/
ul.capture li{ display:inline-block; margin-right:45px; margin-bottom:50px; text-align:center; font-size:20px;line-height:25px; width:305px}

ul.capture li span{font-size:14px;}
ul.capture li img{padding-top:10px}


.pdL460{padding-left:460px}
.pdB40{padding-bottom:40px}

.bg03{background:url(../../images/product/product_01_img29.png) no-repeat 70px 0;}
.bg04{background:url(../../images/product/product_01_img30.png) no-repeat 930px 0;}
.bg05{background:url(../../images/product/product_01_img31.png) no-repeat 200px 0;}
.bg06{background:url(../../images/product/product_01_img32.png) no-repeat 810px 0;}
.bg07{background:url(../../images/product/product_01_img33.png) no-repeat 300px 0;}

.bg08{background:url(../../images/product/product_05_img11.png) no-repeat 600px 0;}
.bg09{background:url(../../images/product/product_05_img12.png) no-repeat 0 0;}
.bg10{background:url(../../images/product/product_05_img13.png) no-repeat 770px 0;}
.bg11{background:url(../../images/product/product_05_img14.png) no-repeat 85px 0;}
.bg12{background:url(../../images/product/product_05_img15.png) no-repeat 620px 0;}
.bg13{background:url(../../images/product/product_07_img08.png) no-repeat 670px 0;}
.bg14{background:url(../../images/product/product_07_img09.png) no-repeat 60px 0;}
.bg15{background:url(../../images/product/product_07_img10.png) no-repeat 620px 0;}

.bg16{background:url(../../images/product/product_08_img06.png) no-repeat 670px 0;}
.bg17{background:url(../../images/product/product_08_img07.png) no-repeat 120px 0;}
.bg18{background:url(../../images/product/product_08_img08.png) no-repeat 600px 0;}
.bg19{background:url(../../images/product/product_08_img09.png) no-repeat 40px 0;}



/* 주요고객사 */
.link_logo{ width:100%;}
.link_logo ul li {display:inline-block; border-bottom:1px solid #eceaed; border-left:1px solid #eceaed; margin-left:-5px;}
/* 고객사 로고가 추가에 따른 css 추가 20180126 최재혁 */
.link_logo ul li:nth-child(1) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(2) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(3) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(4) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(5) {border-top:1px solid #eceaed;}
.link_logo ul li:nth-child(6) {border-top:1px solid #eceaed;}
/* nth-child(6n+6) 로 6의배수 자동적용 되도록 적용 */
.link_logo ul li:nth-child(6n+6) {border-right:1px solid #eceaed;}
/* nth-last-child(1) 로 마지막 자동적용 되도록 적용 */
.link_logo ul li:nth-last-child(1) {border-right:1px solid #eceaed;}


/*고객센터*/
.coll{position:relative; width:750px; height:335px; margin:auto;}
.coll_01{position:absolute; left:0; top:160px}
.coll_02{position:absolute; left:400px; top:160px}
.coll_03{position:absolute; left:560px; top:168px; font-size:16px; line-height:28px; font-weight:500;}
.coll_03 span{width:120px; text-align:center;}



/*적용사례*/
.sub_exampleWrap{width:100%; padding:100px 0; border-bottom:solid 1px #d4d4d4; background:#fbf9fc;}
.sub_example{width:1100px; min-height:100px; margin:0 auto; text-align:center; line-height:38px; background:#fbf9fc;}

.sub_example h3{display:inline-block; font-size:35px; font-weight:600; border-bottom:solid 1px #303030; line-height:40px;}
.sub_example h4{font-size:20px; color:#0081bb; font-weight:500}
ul.example_list li ul li{width:274px; height:275px; background:#FFF; border:1px solid #e5e5e5; padding-top:20px; padding-left:18px; padding-right:18px;  display:inline-block; margin:0 12px 40px 13px; line-height:70px; font-weight:500;}
ul.example_list{font-size:18px; margin-top:70px}
ul.example_list01{font-size:18px; margin-top:70px}

ul.example_list01 li ul li{width:370px; height:305px; background:#FFF; border:1px solid #e5e5e5; padding-top:20px; padding-left:20px; padding-right:20px;  display:inline-block; margin:0 0 30px 35px; line-height:70px; font-weight:500; vertical-align:top}


.positionRight{position:absolute; right:0;}
.positionLeft{position:absolute; left:0}



/* 게시판 */
/* 버튼 */
.nav_page{margin-top:40px; margin-left:380px; font-size:14px;}
.nav_page .page_btn li{float:left; line-height:0}
.nav_page .page_btn_number li a{float:left; border-bottom:1px solid #d7d7d7; padding-left:10px; border-top:1px solid #d7d7d7; padding:1px 8px 1px 8px; line-height:31px}
.nav_page .page_btn_number li a:hover, .nav_page .page_btn_number ul li a:focus, .nav_page .page_btn_number .page_on{color:#fff; border-bottom:1px solid #555; border-top:1px solid #555; background-color:#555}
.nav_page .page_btn_number li img{padding:0}
/* 테이블 스타일 */
.tbl_st1{color:#555555; font-size:14px;}
.tbl_st1 th{text-align:center; font-weight:600; color:#555555; border-bottom:1px solid #d7d7d7; border-top:2px solid #018fcf; background-color:#f2f2f2; padding:5px 0 5px 0;}
.tbl_st1 tbody td.td_al{text-align:left; padding:5px 0 5px 0;}
.tbl_st1 tbody td a:hover, .tbl_st1 tbody td a:focus{color:#018fcf; text-decoration:underline;}
.tbl_st1 tbody td{text-align:center;border-bottom:1px solid #d7d7d7}
.new{background-color:#fbfbfb; font-weight:500}

.list_text{padding-bottom:40px; padding-top:40px; line-height:24px}

ul.view_nav_btn li a{margin-top:30px; margin-right:5px; float:left}
.list_btn{width:70px; border:1px solid #999; float:right; margin-top:30px}
.list_btn a{font-weight:500; font-size:15px; color:#303030; text-decoration:none;}


/* 05_센터소개_02_공지사항_03_글쓰기 */
.boardWrite table{border-top:2px solid #018fcf;}
.boardWrite th, .boardWrite td{border-bottom:1px solid #d7d7d7;}
.boardWrite th{width:160px; font-weight:500; padding-bottom:5px; padding-top:5px; font-size:15px; text-align:center;}

.title input{width:890px; height:32px; border:1px solid #cdcdcd; padding-left:10px; margin-top:8px; margin-bottom:8px; background-color:#fafafa;}
.content textarea{width:890px; height:244px; border:1px solid #cdcdcd; padding-left:10px; padding-top:10px; margin-top:8px; margin-bottom:8px; background-color:#fafafa;}
.list_btn03{float:right; margin-top:30px}
.list_btn03 li a{width:70px; border:1px solid #999; font-weight:500; font-size:15px; color:#303030; text-decoration:none; float:left; margin-left:5px;}
.list_btn03 li{float:left;}



/*padding margin*/

.pd20{padding:20px;}


.pdL5{padding-left:5px;}
.pdL10{padding-left:10px;}
.pdL15{padding-left:15px;}
.pdL20{padding-left:20px;}
.pdL25{padding-left:25px;}
.pdL30{padding-left:30px;}
.pdL35{padding-left:35px;}
.pdL40{padding-left:40px;}
.pdL45{padding-left:45px;}
.pdL70{padding-left:70px;}
.pdL80{padding-left:80px;}
.pdL170{padding-left:170px;}
.pdL176{padding-left:176px;}
.pdL189{padding-left:189px;}
.pdL280{padding-left:280px;}

.pdR5{padding-right:5px;}
.pdR10{padding-right:10px;}
.pdR15{padding-right:15px;}
.pdR20{padding-right:20px;}
.pdR25{padding-right:25px;}
.pdR30{padding-right:30px;}
.pdR35{padding-right:35px;}
.pdR40{padding-right:40px;}
.pdR45{padding-right:45px;}

.pdB5{padding-bottom:5px}
.pdB10{padding-bottom:10px}

.pdT5{padding-top:5px;}
.pdT10{padding-top:10px;}
.pdT45{ padding-top:45px;}

.mgT3{margin-top:3px;}
.mgT5{margin-top:5px;}
.mgT8{margin-top:8px;}
.mgT10{margin-top:10px;}
.mgT15{margin-top:15px;}
.mgT20{margin-top:20px;}
.mgT25{margin-top:25px;}
.mgT30{margin-top:30px;}
.mgT35{margin-top:35px;}
.mgT40{margin-top:40px;}
.mgT45{margin-top:45px;}
.mgT50{margin-top:50px;}
.mgT55{margin-top:55px;}
.mgT60{margin-top:60px;}
.mgT65{margin-top:65px;}
.mgT70{margin-top:70px;}
.mgT75{margin-top:75px;}
.mgT80{margin-top:80px;}
.mgT85{margin-top:85px;}
.mgT90{margin-top:90px;}
.mgT100{margin-top:100px;}
.mgT130{margin-top:130px;}

.mgB3{margin-bottom:3px;}
.mgB5{margin-bottom:5px;}
.mgB8{margin-bottom:8px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB17{margin-bottom:17px;}
.mgB20{margin-bottom:20px;}
.mgB25{margin-bottom:25px;}
.mgB30{margin-bottom:30px !important;}
.mgB35{margin-bottom:35px;}
.mgB40{margin-bottom:40px;}
.mgB45{margin-bottom:45px;}
.mgB50{margin-bottom:50px;}
.mgB60{margin-bottom:60px;}
.mgB65{margin-bottom:65px;}
.mgB70{margin-bottom:70px;}
.mgB80{margin-bottom:80px;}
.mgB90{margin-bottom:90px;}

.mgR5{margin-right:5px;}
.mgR10{margin-right:10px;}
.mgR15{margin-right:15px;}
.mgR20{margin-right:20px;}
.mgR25{margin-right:25px;}
.mgR30{margin-right:30px;}
.mgR35{margin-right:35px;}
.mgR40{margin-right:40px;}
.mgR45{margin-right:45px;}
.mgR60{margin-right:60px;}

.mgL5{margin-left:5px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL25{margin-left:25px;}
.mgL30{margin-left:30px;}
.mgL35{margin-left:35px;}
.mgL40{margin-left:40px;}
.mgL45{margin-left:45px;}
.mgL50{margin-left:50px;}
.mgL55{margin-left:55px;}
.mgL65{margin-left:65px;}
.mgL70{margin-left:70px;}
.mgL80{margin-left:80px;}
.mgL90{margin-left:90px;}
.mgL95{margin-left:95px;}
.mgL100{margin-left:100px;}
.mgL105{margin-left:105px;}
.mgL110{margin-left:110px;}

.mgB100{margin-bottom:100px;}
.pdT40{padding-top:40px}
.Dib{display:inline-block;}
.pdL240{padding-left:240px}
.pdL80{padding-left:80px}
.pdB80{padding-bottom:80px}
.pdL100{padding-left:100px}
.pdR30 {padding-right:30px;}


.pdT20{padding-top:20px}


.lh30{ine-height:30px}

.pdT15{padding-top:15px}
.mgT65{margin-top:65px}
.pdB20{padding-bottom:20px}
.pdL250{padding-left:250px}
.pdB15{padding-bottom:15px}

.pdT30{padding-top:30px}
.pdB30{padding-bottom:30px}
.pdL315{padding-left:315px}
.pdL150{padding-left:150px}
.pdL170{padding-left:170px}


.pdL180{padding-left:180px}

}





/* 개인정보 팝업*/
#Priv_Pop{width:850px; height:750px; margin:0 auto; background:#fff; z-index:999}
.priV_title{width:770px; height:70px; margin:0; padding:30px 40px 0 40px; background:url(/images/common/privacy_bg.png) no-repeat top left; font-size:24px; color:#fff; font-weight:800}

#Priv_Pop .priV_txt{padding:20px 40px; color:#303030;}
#Priv_Pop .priV_txt h2{font-size:16px; font-weight:800;}

#Priv_Pop .priV_txt p{font-size:14px; line-height:25px; font-weight:500}


.Priv_close{position:absolute; top:0; right:0;}

/** modal window styles **/
#lean_overlay {
    position: fixed;
    z-index:999;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}