@charset "utf-8";

/* ==========================
Filename: common.css
Description: layout, bbs...common style
============================ */

html{width:100%; height:100%;}
body{width:100%; min-height:100%}
img{width:100%;}
input[type="text"]{border:0;}
button:focus{outline:0;}
.diagram{text-align:center}
.diagram img{width:auto !important;}


/**
layout
**/

#wrap{overflow:hidden; width:1410px; min-height:100%; margin:0 auto;}
.wrap-inner{margin:0 30px;}


/* header */
#header{position:fixed; top:0; left:0; width:100%; height:80px; background:#fff; z-index:9998;}
#header .inner-wrap{position:relative; width:1410px; height:80px; margin:0 auto;}
#header .inner{height:100%; margin:0 30px;}
#header h1{float:left; width:106px; height:30px; margin:26px 12.96296296296296% 0 0 /* 175/1350 */; }
#header h1 a{display:block;}
.gnb-open{display:none;}

#gnb{display:none;}
#gnb ul.d1 li:first-child{background:none;}

.pc-ver #gnb{display:block; float:left; width:56.66666666666667%;/* 765/1350 */ height:80px; }
.pc-ver #gnb ul.d1{width:100%; margin:0 auto;}
.pc-ver #gnb ul.d1 > li{float:left; width:20%; text-align:center;}
.pc-ver #gnb ul.d1 > li > a{display:inline-block; height:50px; padding:30px 5px 0 5px; font-size:1.188em;/* 19px */ text-align:center; color:#222; } /*d1 대메뉴의 폰트 색상*/
.pc-ver #gnb ul.d1 > li.current > a{width:94%; height:46px; border-bottom:0px solid #c6e9ff; background-color:#2490d6; color:#fff; margin-bottom:2px;font-weight:bold;}
/*.pc-ver #gnb ul.d1 > li.current > a{width:94%; height:46px; border-bottom:0px solid #c6e9ff; background-color:#fff; color:#1b1b1b; margin-bottom:2px;}*/
/*.pc-ver #gnb ul.d1 > li.current > a {height:44px; border-bottom:4px solid #0072bc; color:#0072bc}*/
.pc-ver #gnb ul.d1 > li.current > a {height:46px; border-bottom:0px solid #fff; color:#fff;}
.pc-ver #gnb ul.d1 > li.d1-1 {width:23.2%}
.pc-ver #gnb ul.d1 > li.d1-2 {width:23.2%}
.pc-ver #gnb ul.d1 > li.d1-3 {width:23.2%}
.pc-ver #gnb ul.d1 > li.d1-4 {width:23.2%}


/*
한개의 대메뉴가 더 늘어났을 경우
.pc-ver #gnb ul.d1 > li.d1-1 {width:21.25%}
.pc-ver #gnb ul.d1 > li.d1-2 {width:20.5%}
.pc-ver #gnb ul.d1 > li.d1-3 {width:19.5%}
.pc-ver #gnb ul.d1 > li.d1-4 {width:21.6%}
.pc-ver #gnb ul.d1 > li.d1-7 {width:17.15%}
*/

.pc-ver #gnb ul.d1 > li.d1-5,
.pc-ver #gnb ul.d1 > li.d1-6{display:none}
.pc-ver #gnb ul.d2{display:none; margin:0 0 0 0; padding:26px 0 30px 0;
/* d2 메뉴 투명하게 하얀색bg가 깔리도록 해주는 태그들*/
background:rgb(255,255,255);
background: transparent9; 
/*background:rgba(255,255,255,0.92);  /*변경전 rgba(255,255,255,0.92);*/
background:rgba(17,134,210,0.95);  /*변경전 rgba(255,255,255,0.92);*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaffffff,endColorstr=#eaffffff);
zoom: 1;
}
/*
.pc-ver #gnb ul.d1 > li.d1-1 ul.d2,
.pc-ver #gnb ul.d1 > li.d1-2 ul.d2,
.pc-ver #gnb ul.d1 > li.d1-3 ul.d2{display:none !important} /*2017.06.14  display:none에서 block으로 처리 DROP DOWN 메뉴로 보이도록*/
.pc-ver #gnb ul.d2 > li{margin:20px 0 0 0;}
.pc-ver #gnb ul.d2 > li:first-child{margin-top:0;}
.pc-ver #gnb ul.d2 > li > a{font-size:0.97em; color:#fff;}/*0.938em*/ /*dropdown된 메뉴의 d2 폰트 색상과 크기설정*/
.pc-ver #gnb ul.d2 > li > a:hover{color:#fff; font-weight:bold;} /* 변경전 {color:#0072bc; font-weight:bold;} */
.pc-ver #gnb ul.d3{display:none;}

/*util 상단의 오른쪽의 작은 메뉴*/
.util{position:absolute; top:33px; right:30px;}
.util li{float:left;}
.util li:first-child{margin:0 15px 0 0;}
.util li a{display:block; font-size:0.875em}
.util li.contact{padding:0 15px 0 0; background:url(/static/front/img/common/bul/bul_util.gif) no-repeat right 7px;}

#container{overflow:hidden;}

/* visualArea  -  각sub페이지상단의 이미지 */
.visualArea{clear:both; position:absolute; top:80px; left:0; width:100%; height:280px; background-repeat:no-repeat; background-position:center 0;}
.visualArea .inner{display:table; width:1410px; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:center 0; vertical-align:middle;}
.visualArea .inner div.slogan{display:table-cell; width:630px; padding:0 30px; vertical-align:middle;}
.visualArea .inner strong.slogan-title{margin:0; font-size:4.000em;/* 64px */ font-weight:normal; color:#333}
.visualArea .inner p.slogan-txt{margin:20px 0 0 0; font-size:1.250em;/* 20px */ color:#606060}

.about .visualArea,
.about .visualArea .inner{background-image:url(/static/front/img/common/visual/about.jpg);}

.biz .visualArea,
.biz .visualArea .inner{background-image:url(/static/front/img/common/visual/biz.jpg);}

.engage .visualArea,
.engage .visualArea .inner{background-image:url(/static/front/img/common/visual/engage.jpg);}

.press .visualArea,
.press .visualArea .inner{background-image:url(/static/front/img/common/visual/press.jpg);}

.careers .visualArea,
.careers .visualArea .inner{background-image:url(/static/front/img/common/visual/careers.jpg);}

.ethic .visualArea,
.ethic .visualArea .inner{background-image:url(/static/front/img/common/visual/ethic.jpg);}

.etc .visualArea,
.etc .visualArea .inner{background-image:url(/static/front/img/common/visual/csr.jpg);}

.csr .visualArea,
.csr .visualArea .inner{background-image:url(/static/front/img/common/visual/csr.jpg);}

/* ico-nav */
.ico-nav{display:table-cell;  padding:0 30px; vertical-align:middle;}
.ico-nav ul{float:right;}
.ico-nav ul li{float:left; width:100px; margin:0 0 0 50px; }
.ico-nav ul li:first-child{margin-left:0;}
.ico-nav ul li a{display:block; /* padding:110px 0 0 0; */ font-size:1.125em;/* 18px */ line-height:1.2; text-align:center; color:#606060;}
.ico-nav ul li a span.ico{display:inline-block; width:100px; height:100px; margin:0 0 10px 0; background:url(/static/front/img/common/ico/ico_nav.png) no-repeat;}
.ico-nav ul li.on a,
.ico-nav ul li:hover a{color:#333;}

.ico-nav ul li.vertical a span.ico{background-position:0 0;}
.ico-nav ul li.vertical.on a span.ico, .ico-nav ul li.vertical:hover a span.ico{background-position:right 0;}
.ico-nav ul li.lean a span.ico{background-position:0 -100px;}
.ico-nav ul li.lean.on a span.ico, .ico-nav ul li.lean:hover a span.ico{background-position:right -100px;}
.ico-nav ul li.qa a span.ico{background-position:0 -200px;}
.ico-nav ul li.qa.on a span.ico, .ico-nav ul li.qa:hover a span.ico{background-position:right -200px;}

.ico-nav ul li.cat a span.ico{background-position:0 -300px;}
.ico-nav ul li.cat.on a span.ico, .ico-nav ul li.cat:hover a span.ico{background-position:right -300px;}
.ico-nav ul li.reporting a span.ico{background-position:0 -400px;}
.ico-nav ul li.reporting.on a span.ico, .ico-nav ul li.reporting:hover a span.ico{background-position:right -400px;}
.ico-nav ul li.result a span.ico{background-position:0 -500px;}
.ico-nav ul li.result.on a span.ico, .ico-nav ul li.result:hover a span.ico{background-position:right -500px;}

.ico-nav ul li.compliance a span.ico{background-position:0 -600px;}
.ico-nav ul li.compliance.on a span.ico, .ico-nav ul li.compliance:hover a span.ico{background-position:right -600px;}
.ico-nav ul li.coexist a span.ico{background-position:0 -700px;}
.ico-nav ul li.coexist.on a span.ico, .ico-nav ul li.coexist:hover a span.ico{background-position:right -700px;}
.ico-nav ul li.people a span.ico{background-position:0 -800px;}
.ico-nav ul li.people.on a span.ico, .ico-nav ul li.people:hover a span.ico{background-position:right -800px;}
.ico-nav ul li.health a span.ico{background-position:0 -900px;}
.ico-nav ul li.health.on a span.ico, .ico-nav ul li.health:hover a span.ico{background-position:right -900px;}

.ico-nav ul li.contrib a span.ico{background-position:0 -1000px;}
.ico-nav ul li.contrib.on a span.ico, .ico-nav ul li.contrib:hover a span.ico{background-position:right -1000px;}
.ico-nav ul li.support a span.ico{background-position:0 -1100px;}
.ico-nav ul li.support.on a span.ico, .ico-nav ul li.support:hover a span.ico{background-position:right -1100px;}
.ico-nav ul li.relief a span.ico{background-position:0 -1200px;}
.ico-nav ul li.relief.on a span.ico, .ico-nav ul li.relief:hover a span.ico{background-position:right -1200px;}
.ico-nav ul li.donation a span.ico{background-position:0 -1300px;}
.ico-nav ul li.donation.on a span.ico, .ico-nav ul li.donation:hover a span.ico{background-position:right -1300px;}

.ico-nav ul li.overview a span.ico{background-position:0 -1400px;}
.ico-nav ul li.overview.on a span.ico, .ico-nav ul li.overview:hover a span.ico{background-position:right -1400px;}
.ico-nav ul li.production a span.ico{background-position:0 -1500px;}
.ico-nav ul li.production.on a span.ico, .ico-nav ul li.production:hover a span.ico{background-position:right -1500px;}
.ico-nav ul li.system a span.ico{background-position:0 -1600px;}
.ico-nav ul li.system.on a span.ico, .ico-nav ul li.system:hover a span.ico{background-position:right -1600px;}
.ico-nav ul li.sustain a span.ico{background-position:0 -1700px;}
.ico-nav ul li.sustain.on a span.ico, .ico-nav ul li.sustain:hover a span.ico{background-position:right -1700px;}

.ico-nav ul li.overview-k a span.ico{background-position:0 -1800px;}
.ico-nav ul li.overview-k.on a span.ico, .ico-nav ul li.overview-k:hover a span.ico{background-position:right -1800px;}
.ico-nav ul li.doctrine a span.ico{background-position:0 -1900px;}
.ico-nav ul li.doctrine.on a span.ico, .ico-nav ul li.doctrine:hover a span.ico{background-position:right -1900px;}
.ico-nav ul li.cat-k a span.ico{background-position:0 -2000px;}
.ico-nav ul li.cat-k.on a span.ico, .ico-nav ul li.cat-k:hover a span.ico{background-position:right -2000px;}
.ico-nav ul li.campaign a span.ico{background-position:0 -2100px;}
.ico-nav ul li.campaign.on a span.ico, .ico-nav ul li.campaign:hover a span.ico{background-position:right -2100px;}


/* location section - lnb (회색bar 메뉴)*/
.locArea{position:absolute; top:360px; left:0; width:100%; height:50px; background:#333; z-index:999;}
.locArea .inner{width:1410px; margin:0 auto; background:#333;}

/*lnb- 영문에서는 Press Center만 해당*/
.location{float:left; margin:0 0 0 30px;}
.location div.depth{position:relative; float:left}
.location a.home,
.location button.current-loc{display:inline-block; border-right:1px solid #4d4d4d; color:#9f9f9f;}

.location a.home{overflow:hidden; float:left; height:50px; padding:0 22px; text-indent:-99999px; border-left:1px solid #4d4d4d; }
.location a.home span{display:block; width:17px; height:14px; margin:18px 0 0 0; background:url(/static/front/img/common/ico/ico.png) no-repeat 0 0;}
.location button.current-loc{height:46px; padding-left:22px; padding-right:15px; text-align:left;}
.location button.current-loc span{display:inline-block; width:100%; height:21px; line-height:1.6; background:url(/static/front/img/common/bul/bul_loc_open.png) no-repeat right 0;}
.location button.current-loc.on{color:#fff}

.location ul.sub-loc{display:none; position:absolute; top:50px; left:0; /* width:100%;  */z-index:99;}
.location ul.sub-loc li{min-width:200px; padding:0 0 0 20px; border-top:1px solid #6b6b6b; background:#4e4e4e;}
.location ul.sub-loc li:first-child{border:0;}
.location ul.sub-loc li a{display:block; height:31px; padding:15px 0 0 0; color:#fff; white-space:normal}
.location ul.sub-loc li:hover{background:#0072bc;}

.anchor-move{overflow:hidden; margin:0 30px;}
.anchor-move a{display:block; float:left; padding:17px 0; font-weight:700; text-align:center; border-right:1px solid #9f9f9f; color:#fff; box-sizing: border-box;}
.anchor-move a:first-child{border-left:1px solid #9f9f9f;}
.anchor-move a.current{background:#0072bc;}

/*lnb*/
.about .anchor-move a{width:20%;}
.biz .anchor-move a,
.engage .anchor-move a{width:25%;}

.locArea .sns{float:right; margin:10px 30px 0 0;}
.locArea .sns a{overflow:hidden; display:inline-block; width:26px; height:26px; margin:0 0 0 1px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat;}
.locArea .sns a.fb{background-position:0 -40px;}
.locArea .sns a.tw{background-position:-26px -40px;}
.locArea .sns a.in{background-position:-52px -40px;}
.locArea .sns a.goo{backgrouNd-position:-78px -40px;}
.locArea .sns a.print{backgrouNd-position:-104px -40px;}

#contents{width:1350px; margin:410px 0 100px 0; padding:120px 0 0 0;}
.one-page .con-area{margin:0 0 120px 0;}

/* Quick Menu */
.quick{position:relative; width:100%; height:40px;}
.quick .inner-wrap{position:fixed; bottom:0; width:100%;}
.quick .inner-wrap.foot-fixed{position:absolute; width:100%;}
.quick .inner{width:1350px; margin:0 auto; text-align:right;}
.quick a{display:inline-block; vertical-align:bottom}
.quick a.cyber,
.quick a.gift{height:28px; padding:12px 0 0 10px; text-align:center; font-weight:600; color:#fff;}
.quick a.cyber{width:163px; background:#0072bc url(/static/front/img/common/footer/bul_quick1.gif) no-repeat 25px 13px;}
.quick a.gift{width:202px; background:#0072bc url(/static/front/img/common/footer/bul_quick2.gif) no-repeat 25px 13px;}


/* footer */
#footer{position:relative; width:100%;}
#footer .sitemap{background:url(/static/front/img/common/bg/sitemap_line.gif) repeat-x;}
#footer .sitemap .inner{width:1410px; margin:0 auto; background:url(/static/front/img/common/bg/sitemap_line.gif) repeat-x;}

#footer .sitemap ul li a{display:block; line-height:1.2;}
#footer .sitemap ul.d1{margin:0 30px;}
#footer .sitemap ul.d1 > li{float:left; width:16.51851851851852%;/* width:223px; */ min-height:350px; border-right:5px solid #cecece;}
#footer .sitemap ul.d1 > li.d1-5{width:13.33333333333333%;}
#footer .sitemap ul.d1 > li.d1-6{width:19.7037037037037%;}

#footer .sitemap ul.d1 > li:first-child{border-left:1px solid #cecece;}
#footer .sitemap ul.d1 > li > a{margin:0 0 0 20px; padding:15px 0; font-size:0.938em;/* 15px */ color:#0072bc;}

#footer .sitemap ul.d2{margin:15px 0 0 20px;}
#footer .sitemap ul.d2 > li{overflow:hidden; margin:10px 0 0 0;}
#footer .sitemap ul.d2 > li:first-child{margin-top:0;}
#footer .sitemap ul.d2 > li > a{font-size:0.875em; /* 14px */ color:#222;}

#footer .sitemap ul.d3{margin:10px 0 10px 0;}
#footer .sitemap ul.d3 > li{margin:10px 0 0 0;}
#footer .sitemap ul.d3 > li:first-child{margin-top:0;}
#footer .sitemap ul.d3 > li > a{font-size:0.813em; /* 13px */ color:#767676;}

#footer .foot-area{ background:#0f0f0f;}
#footer .foot-area .inner{width:1410px; padding:20px 0 60px 0; margin:0 auto; background:#0f0f0f;}

#footer .foot-area .top{margin:0 30px; padding:0 0 20px 0; border-bottom:1px solid #262626;}
#footer .foot-area .top div.sign-up{float:left;}
#footer .foot-area .top div.sign-up label{float:left; margin:7px 0 0 0; font-size:0.875em; color:#fff;}
#footer .foot-area .top div.sign-up div.inputWrap{float:left;}
#footer .foot-area .top div.sign-up input[type="text"]{width:225px; height:25px; margin:0 0 0 5px; padding:5px 0 0 0; color:#fff; background:#656565;}
#footer .foot-area .top div.sign-up button{width:80px; height:30px; font-size:0.875em; border-radius:3px; color:#fff; background:#0072bc;}
#footer .foot-area .top div.sns{float:right;}
#footer .foot-area .top div.sns span,
#footer .foot-area .top div.sns a{display:inline-block;}
#footer .foot-area .top div.sns span.sbj{margin:0 15px 0 0; font-size:0.875em; color:#aaa; vertical-align:middle; }
#footer .foot-area .top div.sns a{overflow:hidden; width:26px; height:26px; text-indent:-9999px; vertical-align:middle; background:url(/static/front/img/common/ico/ico.png) no-repeat}
#footer .foot-area .top div.sns a.fb{background-position:-130px -40px;}
#footer .foot-area .top div.sns a.tw{background-position:-156px -40px;}
#footer .foot-area .top div.sns a.blog{background-position:-182px -40px;}

#footer .foot-area .bottom{clear:both; margin:0 30px;  padding:20px 0 0 0;}
#footer .foot-area .bottom .foot-menu{float:left}
#footer .foot-area .bottom .foot-menu button{display:none;}
#footer .foot-area .bottom .foot-menu div.logo{float:left; width:100px; height:35px; margin:0 28px 0 0;}

#footer .foot-area .bottom .foot-menu div.f-menu{position:relative; float:left;}
#footer .foot-area .bottom .foot-menu ul{float:left; margin:0 0 5px 0}
#footer .foot-area .bottom .foot-menu ul li{float:left; padding:0 15px; background:url(/static/front/img/common/footer/f_menu_line.gif) no-repeat 0 3px}
#footer .foot-area .bottom .foot-menu ul li:first-child{padding-left:0; background:none;}
#footer .foot-area .bottom .foot-menu ul li a{display:block; font-size:0.900em; color:#e8e8e8}
#footer .foot-area .bottom .foot-menu p.copy{clear:both; font-size:0.688em; color:#a7a7a7;}

#footer .foot-area .bottom .family-site{position:relative; float:right;}
#footer .foot-area .bottom .family-site button{width:165px; height:34px; padding:0 0 0 10px; text-align:left; font-size:0.813em; border:1px solid #666; color:#adadad; background:url(/static/front/img/common/bul/bul_family_close.gif) no-repeat 140px 12px}
#footer .foot-area .bottom .family-site button.close{background:url(/static/front/img/common/bul/bul_family_open.gif) no-repeat 140px 12px}
#footer .foot-area .bottom .family-site ul{display:none; position:absolute; top:-33px; left:0; width:165px;}
#footer .foot-area .bottom .family-site ul li{background:#4e4e4e;}
#footer .foot-area .bottom .family-site ul li:hover{background:#fff;}
#footer .foot-area .bottom .family-site ul li a{display:block; padding:10px; font-size:0.813em; color:#fff;}


/* Popup */
.mainPop{position:absolute;  z-index:9999;}
.mainPop .popup-con{background:#fff;}
.mainPop .popup-con p{line-height:1;}
.mainPop .popup-close{width:100%; height:22px; padding:5px 0 0 0; font-size:0.875em;/* 14px */color:#fff; background:#000;}
.mainPop .popup-close .input-wrap{float:left; margin:0 0 0 10px;}
.mainPop .popup-close button{float:right; margin:0 10px 0 0; color:#fff;}
.mainPop .popup-close button span{display:inline-block; font-size:0.857em;/* 12px */ font-weight:700; vertical-align:top;}
.mainPop .popup-close input,
.mainPop .popup-close label{display:inline-block; vertical-align:middle;}
.mainPop .popup-close label{margin:0 0 0 5px;}


/**
Component
**/

/* title */
.hWrap{position:relative;}
.title-a,
.title-b,
.title-c{margin:0 0 27px 0;}
.title-a.first,
.title-a.first,
.title-a.first{margin-top:0 !important;}
.title-a{font-size:2.250em;/* 36px */ color:#0072bc;}
.title-b{font-size:1.438em;/* 23px */ color:#222;}
.title-c{font-size:1.250em;/* 20px */ color:#222;}

.one-page .title-a{margin:0 0 70px 0; font-size:4.000em; line-height:1; word-break:break-all; color:#333;}
.one-page .title-b{margin:0 0 35px 0; font-size:2.200em; line-height:1.3; color:#0072bc;}
.one-page .title-b.center{text-align:center}


/* list */
.list-a li{ padding:0 0 0 13px; line-height:1.5; background:url(/static/front/img/common/bul/bul_round_blue.gif) no-repeat 1px 9px}

.one-page .list-a li{margin:25px 0 0 0;}
.one-page .list-a li:first-child{margin-top:0;}

/* table */
.tbl-a table{width:100%; border-top:2px solid #2c98de; border-bottom:1px solid #434343;}
.tbl-a table th,
.tbl-a table td{padding:12px 0; text-align:center; border-left:1px solid #d9d9d9;}
.tbl-a table th:first-child,
.tbl-a table td:first-child{border-left:0;}
.tbl-a table th{font-weight:normal; color:#333; background:#f7f7f7;}
.tbl-a table td{border-top:1px solid #e0e0e0}
.tbl-a table .left{text-align:left;}


/* tab-nav */
.tab-nav{clear:both; width:100%; height:55px; margin:0 0 60px 0; border-bottom:1px solid #222;}
.tab-nav > ul > li{float:left; width:19.25925925925926%; border:1px solid #d4d4d4; border-left:0; border-bottom:0;}
.tab-nav > ul > li:first-child{margin-left:0; border-left:1px solid #d4d4d4;}
.tab-nav > ul > li > a{display:block; height:37px; padding:18px 0 0 0; font-size:1.063em;  text-align:center; }
.tab-nav > ul > li.current{height:55px; border:1px solid #222; border-bottom:0; background:#fff;}
.tab-nav > ul > li.current a{height:38px;}


/* btns */
.btns-wrap{clear:both; text-align:left;}
.btns-wrap.center{text-align:center}

.btn{display:inline-block; height:38px; padding:0 0 0 2px; font-size:0.875em;/* 14px */ vertical-align:middle; background:url(/static/front/img/common/btn/btn.gif) no-repeat 0 0;}
.btn > span{display:inline-block; height:28px; padding:10px 30px 0 28px; background:url(/static/front/img/common/btn/btn.gif) no-repeat right 0;}

.btn.gray{color:#fff; background-position:0 -38px;}
.btn.gray > span{background-position:right -38px;}

.btn.blue{color:#fff; background-position:0 -76px;}
.btn.blue > span{background-position:right -76px;}

.btn.silver{color:#333; background-position:0 0;}
.btn.silver > span{background-position:right 0;}

.btn-more{display:block; width:100%; padding:15px 0; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
.btn-more span{display:inline-block; padding:0 0 0 15px; background:url(/static/front/img/common/bul/bul_more.gif) no-repeat 0 5px;}
.btn-more.type-link{position:absolute; top:10px; right:0; width:auto; padding:0; border:0;}


/* ico-country */
.ico-country{overflow:hidden; display:inline-block; width:22px; height:21px; margin:0 0 0 10px; text-indent:-99999px; vertical-align:middle; background:url(/static/front/img/common/ico/ico.png) no-repeat}
.ico-country.vietnam{background-position:0 -100px;}
.ico-country.indonesia{width:21px; background-position:-22px -100px;}
.ico-country.korea{width:21px; background-position:-43px -100px;}
.ico-country.costa{width:21px; background-position:-64px -100px;}
.ico-country.nicaragua{background-position:-84px -100px;}
.ico-country.usa{width:21px; background-position:-106px -100px;}
.ico-country.guatemala{width:21px; background-position:-127px -100px;}
.ico-country.haiti{width:21px; background-position:-148px -100px;}
.ico-country.cambodia{width:21px; background-position:-168px -100px;}
.ico-country.myanmar{width:21px; background-position:-188px -100px;}

.ico-country.square{overflow:hidden; width:41px; height:24px; text-indent:-99999px; vertical-align:middle; background:url(/static/front/img/common/ico/ico.png) no-repeat}
.ico-country.square.korea{background-position:0 -380px;}
.ico-country.square.usa{background-position:-41px -380px;}
.ico-country.square.guatemala{background-position:-82px -380px;}
.ico-country.square.nicaragua{background-position:-123px -380px;}
.ico-country.square.costa{background-position:-164px -380px;}
.ico-country.square.haiti{background-position:-205px -380px;}
.ico-country.square.cambodia{background-position:-246px -380px;}
.ico-country.square.vietnam{background-position:0 -404px;}
.ico-country.square.indonesia{background-position:-41px -404px;}
.ico-country.square.myanmar{background-position:-82px -380px;}


/* layer-popup */
.layerBg{display:none; overflow-y: scroll; position:fixed; top:0; left:0; width:100%; height:100%; background:url(/static/front/img/common/bg/layer_bg.png) repeat; z-index:9999;}
.popupCon{position:absolute; top:50%; left:50%; /*width:900px;*/ padding:35px 30px 40px 30px; background:#222; z-index:400;}
.popupCon h1{width:92%; margin:0 0 30px 0; font-size:2.375em;/* 38px */ font-weight:normal; text-align:left; color:#fff; word-break:break-all;}
.popupCon .btn-popClose{overflow:hidden; position:absolute; top:40px; right:30px; width:30px; height:29px; text-indent:-99999px; background:url(/static/front/img/common/ico/ico.png) repeat 0 -190px;}

.type-vod div.iframe-vod{padding:30px 0; border-top:1px solid #383838; border-bottom:1px solid #383838;}
.type-vod div.iframe-vod div{position: relative; height: 0px; padding-bottom:48%;}
.type-vod div.iframe-vod iframe{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border:0;}

.type-img div.ad-img{padding:30px 0; text-align:center; border-top:1px solid #383838; border-bottom:1px solid #383838;}
.type-img div.ad-img img{width:auto;}


/**
bbs
**/

/* bbs-ico */
.ico-bbs{overflow:hidden; display:inline-block; text-indent:-9999px; vertical-align:middle; background:url(/static/front/img/common/ico/ico.png) no-repeat}
.ico-new{width:13px; height:13px; margin:0 0 0 5px;  background-position:-13px -20px;}
.ico-newWindow{ width:14px; height:13px; margin:0 0 0 5px; background-position:-26px -20px;}
.ico-reply{width:11px; height:11px; margin:0 5px 0 0; vertical-align:top; background-position:-91px -71px;}
.ico-answer{width:16px; height:16px; margin:0 5px 0 0; background-position:-75px -71px;}


/* bbs-category */
.bbs-category {float:left; }
.bbs-category select {border:1px solid #bebebe; background-color:#f7f7f7; min-width:298px; color:#4f4f4f; padding:1px 0;}



/* bbs-search */
.bbs-search{margin:0 0 30px 0; text-align:right}
.bbs-search select{font-size:0.875em;/* 14px */ color:#666; vertical-align:middle;}
.bbs-search div.inputWrap{display:inline-block;}
.bbs-search input[type="text"]{width:220px; height:22px; padding:0 10px 0 10px; vertical-align:middle; background:#ebebeb; }
.bbs-search button{height:22px; padding:0 20px; font-size:0.875em;/* 14px */ border-radius:3px; color:#fff; vertical-align:middle; background:#333;}

/* bbsList */
.bbsList{clear:both; width:100%;}
.bbsList table{width:100%; border-top:2px solid #333; border-bottom:1px solid #333;}
.bbsList table .th-width{width:16%;}
.bbsList table .th-width3{width:16%;}
.bbsList table .th-width4{width:16%;}
.bbsList table th,
.bbsList table td{padding:12px 0; text-align:center; font-weight:normal;  line-height:1.3; border-top:1px solid #e0e0e0;}
.bbsList table td.sbj{padding-left:20px; padding-right:20px; text-align:left}
.bbsList table thead th{border-bottom:1px solid #b2b2b2; color:#111; background:url(/static/front/img/common/header/gnb_line.gif) no-repeat 0 0;}
.bbsList table thead th:first-child{background:none;}
.bbsList table tr.reply{background:#f7f7f7;}

/* bbsList-thumb */
.bbsList-thumb{width:100%:}
.bbsList-thumb ul li{float:left; width:22.22222222222222%;/* 300/1350 */ margin:0 0 40px 3.7037037037037%;/* 50/1350 */}
.bbsList-thumb ul li a img{ width:100%; height:220px; object-fit:cover; object-position:center; }
.bbsList-thumb ul li:first-child,
.bbsList-thumb ul li:nth-child(4n+1){margin-left:0;}
.bbsList-thumb ul li dl{padding:15px; border:1px solid #e0e0e0;}
.bbsList-thumb ul li dl dt{height:50px; line-height:1.3; color:#333;}
.bbsList-thumb ul li dl dt a{display:block; height:50px; word-break:break-all;}
.bbsList-thumb ul li .date{display:inline-block; font-size:0.875em;/* 14px */ vertical-align:middle; color:#767676}
.bbsList-thumb ul li dl dd.country{margin:15px 0 0 0; padding:10px 0 0 0; font-size:0.875em;/* 14px */ border-top:1px solid #e0e0e0;}
.bbsList-thumb ul li dl dd.more a{display:inline-block; margin:8px 0 0 0; padding:0 10px 0 0; font-size:0.813em;/* 13px */ color:#222; background:url(/static/front/img/common/bul/bul_arrow.gif) no-repeat right 5px;}

/* bbsList-summary */
.bbsList-summary{clear:both; margin:0 0 50px 0;}
.bbsList-summary ul{width:100%; border-top:2px solid #333; border-bottom:1px solid #333;}
.bbsList-summary ul li{display:table; width:100%; padding:40px 0; background:url(/static/front/img/common/bg/line_dash.gif) repeat-x 0 top;}
.bbsList-summary ul li:first-child{background:none;}

.bbsList-summary ul li div.info,
.bbsList-summary ul li div.detail{display:table-cell; vertical-align:middle;}

.bbsList-summary ul li div.info{width:11.11111111111111%; /* 150/1350 */text-align:center; }
.bbsList-summary ul li div.info span{display:block;}
.bbsList-summary ul li div.info span.num{margin:0 0 10px 0; font-size:2.750em;/* 44px */ color:#0072bc}
.bbsList-summary ul li div.info span.date{font-size:0.813em;/* 13px */ color:#777}

.bbsList-summary ul li div.detail a{display:block; position:relative; }
.bbsList-summary ul li div.detail dl{margin:0 21.48148148148148% 0 0; padding:0 0 0 3.7037037037037%; border-left:1px solid #c1c1c1;}
.bbsList-summary ul li div.detail dl dt{margin:0 0 15px 0; font-size:1.375em; /* 15px */line-height:1.3; color:#333;}
.bbsList-summary ul li div.detail dl dd{line-height:1.2;}
.bbsList-summary ul li div.detail .btn-detail{overflow:hidden; position:absolute; top:50%; right:30px; width:45px; height:45px; margin:-22px 0 0 0; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat 0 -219px;}

/* bbsList-media */
.bbsList-media{clear:both;}
.bbsList-media ul li{float:left; width:22.22222222222222%;/* 300/1350 */ margin:0 0 40px 3.7037037037037%;/* 50/1350 */}
.bbsList-media ul li:first-child,
.bbsList-media ul li:nth-child(4n+1){margin-left:0;}
.bbsList-media ul li a{display:block;}
.bbsList-media ul li a div.thumb{position:relative;}
.bbsList-media ul li a div.thumb img{}
.bbsList-media ul li a div.thumb span.ico-vod{overflow:hidden; position:absolute; top:50%; left:50%; width:48px; height:49px; margin:-24px 0 0 -25px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat -45px -219px;}
.bbsList-media ul li .sbj-box {position:relative;  min-height:41px; overflow:hidden; }
.bbsList-media ul li strong.sbj{display:inline-block;float:left; min-height:61px; margin:15px 0 0 0; font-size:1.063em;/* 17px */ font-weight:normal; line-height:1.2; color:#333; }
.bbsList-media ul li .sbj-box .down {position:absolute; right:0; top:18px; vertical-align:top; color:#0072bc; background:url('/static/front/img/common/bul/bul-download.png') right top no-repeat; padding-right:20px; }


.result-none{width:100% !important; padding:30px 0; text-align:center;}

/* bbsView */
.bbsView{clear:both; width:100%;}
.bbsView table{table-layout:fixed; width:100%; border-top:2px solid #333; border-bottom:1px solid #333;}
.bbsView table th,
.bbsView table td{padding:15px 0 15px 3%; text-align:left; font-weight:normal;}
.bbsView table .sbj{color:#333;}
.bbsView table .con{padding:30px; border-top:1px solid #b2b2b2;}
.bbsView table .con div{min-height:546px;}
.bbsView table .con div *{font-family:'Calibri Light', Arial, Dotum, "돋움", Verdana, Georgia !important;}

.bbsView table td.info{border-top:1px solid #e0e0e0;}
.bbsView table td.info ul li{float:left; width:100%; margin:0; line-height:1.4;}
.bbsView table td.info ul li:first-child{margin-left:0}
.bbsView table td.info ul li span{display:inline-block;}
.bbsView table td.info ul li span.sbj{width:12%; margin:0 10px 0 0;vertical-align:middle;}
.bbsView table td.info ul li span.detail{padding:0 0 0 10px; background:url(/static/front/img/common/bg/bbs_line.gif) no-repeat 0 2px;}
.bbsView table td.info ul li .ico-country{margin:0;}
.bbsView table td.info ul li .file{display:inline-block; padding:0 20px 0 0; vertical-align:middle; background:url(/static/front/img/common/ico/ico_file.gif) no-repeat right 0;}

.bbsView table tr.info-type2{border-bottom:1px solid #b2b2b2;}
.bbsView table tr.info-type2 th.sbj{border:0; background:url(/static/front/img/common/bg/bbs_line.gif) no-repeat right 0;}
.bbsView table tr.info-type2 td.date{border:0;}

/* bbsView-thumb */
.bbsView-thumb{min-height:100%;}

/* bbsView-leftList */
.leftList{position:absolute; top:0; right:0; width:300px;}
.leftList ul{width:100%;}
.leftList ul li{float:none; width:100%; margin:20px 0 0 0;}
.leftList ul li:first-child{margin:0;}
.leftList ul li:nth-child(5n){margin:20px 0 0 0;}
.leftList ul li dl{padding-top:17px; padding-bottom:10px}
.leftList ul li dl dd.country{margin-top:10px; padding-top:10px;}
.leftList ul li.current dl{border:2px solid #0072bc;}

/* bbs-prevNext */
.bbs-prevNext{clear:both; margin:40px 0 0 0;}
.bbs-prevNext table{width:100%; border-top:1px solid #434343; border-bottom:1px solid #434343;}
.bbs-prevNext table tr:first-child{border-bottom:1px solid #e0e0e0;}
.bbs-prevNext table th,
.bbs-prevNext table td{padding:15px 0 15px 30px; text-align:left; font-size:0.875em;/* 14px */}
.bbs-prevNext table th{color:#333; background:url(/static/front/img/common/bg/bbs_line.gif) no-repeat right 0;}
.bbs-prevNext table td{padding-left:20px; color:#767676;}
.bbs-prevNext table th span{padding:0 0 0 20px;}
.bbs-prevNext table th.prev span{background:url(/static/front/img/common/bul/bul_prev.gif) no-repeat}
.bbs-prevNext table th.next span{background:url(/static/front/img/common/bul/bul_next.gif) no-repeat}

/* bbsWrite */
.bbsWrite{clear:both;}
.bbsWrite table{table-layout:fixed; width:100%; border-top:2px solid #2c98de; border-bottom:1px solid #434343}
.bbsWrite table .th-width{width:16%;}
.bbsWrite table .th-width2{width:16%;}
.bbsWrite table .th-width3{width:16%;}
.bbsWrite table th,
.bbsWrite table td{padding:8px 20px; font-weight:normal; text-align:left; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; line-height:1.2;}
.bbsWrite table th{color:#333; background:#f7f7f7;}
.bbsWrite table th:first-child,
.bbsWrite table td:first-child{border-left:0;}
.bbsWrite table th.th2{border-left:1px solid #e0e0e0;background:#f7fbfe;}

.bbsWrite table td input[type="text"]{height:19px; padding:5px 0 0 5px; border:1px solid #bebebe;}
.bbsWrite table td input.typeText-275{width:31%;}
.bbsWrite table td input.typeText-full{width:100%;}
.bbsWrite table td textarea{width:100%; height:200px; border:1px solid #bebebe;}
.bbsWrite table td select{height:26px;}

.bbsWrite table td label,
.bbsWrite table td input{vertical-align:middle;}

.bbsWrite table td div.inputWrap{position:relative; float:left; width:30%; }
.bbsWrite table td div.inputWrap > div{margin:0 33px 0 0}
.bbsWrite table td div.inputWrap .typeText-275{width:100%;}
.bbsWrite table td div.inputWrap span.at{display:inline-block; position:absolute; top:5px; left:-20px; margin:0 5px; font-size:0.750em;/* 12px */}
.bbsWrite table td div.inputWrap button.calendar{overflow:hidden; display:inline-block; position:absolute; top:2px; right:-5px; width:23px; height:22px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat -52px -71px;}
.bbsWrite table td.email div.inputWrap select{margin:0 0 0 20px}
.bbsWrite table td.return-select div.inputWrap{float:none; width:auto; margin:10px 0 0 0;}
.bbsWrite table td.return-select div.inputWrap:first-child{margin-top:0;}
.bbsWrite table td.return-select div.inputWrap label{display:inline-block; padding:0 0 0 20px; }
.bbsWrite table td.return-select div.inputWrap input{position:absolute; top:3px; left:0;}

.bbsWrite table td div.radioWrap{display:inline-block; margin:0 0 0 20px; vertical-align:middle;}
.bbsWrite table td div.radioWrap div{float:left;}
.bbsWrite table td div.radioWrap label{margin:0 15px 0 5px; color:#333;}

.bbsWrite .star{display:inline-block; margin:0 0 0 5px; color:#e31316;}
.bbsWrite .tip-txt{clear:both; padding:5px 0 0 0; font-size:0.813em;/* 13px */}
.bbsWrite .tip-txt.noti{margin:0 0 15px 0; text-align:right; color:#333;}
.bbsWrite .tip-txt.row{display:inline-block; margin:0 0 0 5px;}
.bbsWrite .tip-txt .star{margin:0 3px 0 0;}
.bbsWrite .tip-txt strong{font-weight:normal; color:#e31316;}
.bbsWrite table td .tip-txt{color:#888;}

/* bbs-pager */
.bbs-pager{margin:30px 0 0 0; text-align:center;}
.bbs-pager a{display:inline-block; width:25px; height:20px; padding:7px 0 0 0; font-size:0.813em;/* 13px */ vertical-align:middle;}
.bbs-pager a.current{text-decoration:underline; color:#0072bc}
.bbs-pager a.first,
.bbs-pager a.prev,
.bbs-pager a.next,
.bbs-pager a.last{overflow:hidden; width:27px; text-indent:-9999px; background:url(/static/front/img/common/ico/ico.png) no-repeat}
.bbs-pager a.first{background-position:-54px -150px;}
.bbs-pager a.prev{background-position:0 -150px;}
.bbs-pager a.next{background-position:-27px -150px;}
.bbs-pager a.last{background-position:-81px -150px;}

/* bbs-btns */
.bbs-btns{clear:both; padding:30px 0 0 0;}
.bbs-btns.right{text-align:right}
.bbs-btns.center{text-align:center}

.bbs-btns.non-full{overflow:hidden;}
.bbs-btns.non-full .inner{position:relative; overflow:hidden; height:114px; margin:0 350px 0 0;}
.bbs-btns.non-full .btn.btn-prev{float:left;}
.bbs-btns.non-full .btn.btn-next{float:right;}
.bbs-btns.non-full .btn.btn-list{position:absolute; left:50%; margin:0 0 0 -27px;}
.bbs-btns.non-full .btn.btn-prev > span{padding-left:20px; padding-right:20px}
.bbs-btns.non-full .btn.btn-next > span{padding-left:20px; padding-right:20px}
.bbs-btns.non-full .btn.btn-prev > span > span,
.bbs-btns.non-full .btn.btn-next > span > span{display:inline-block;}
.bbs-btns.non-full .btn.btn-prev > span > span{padding:0 0 0 13px; background:url(/static/front/img/common/bul/bul_arrow_left.png) no-repeat 0 5px}
.bbs-btns.non-full .btn.btn-next > span > span{padding:0 13px 0 0; background:url(/static/front/img/common/bul/bul_arrow_right.png) no-repeat right 5px}

/* bbs-etc */
.box-view .con-area{position:relative;}
.box-view .bbsWrap{padding:0 350px 0 0;}
.box-view.short .bbsView table .con div{min-height:340px;}