@charset "utf-8";
/* All */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Mobile base */

*{padding:0px;margin:0px}
html,body{width:100%;height:100%;background:#fff;font-size:12px;font-family:"Nanum Gothic", "나눔고딕", "NanumGothic";color:#666;line-height:20px;letter-spacing:-0.5px}
table{border-collapse:collapse;font-family:"Nanum Gothic", "나눔고딕", "NanumGothic"}
img{border:none;vertical-align:middle}
input[type=checkbox], input[type=radio], input[type=image]{border:0px !important;vertical-align:middle}
input,select{vertical-align:middle;font-family:"Nanum Gothic", "나눔고딕", "NanumGothic";color:#666}
ul,ol{list-style:none}
fieldset{border:none}
label{vertical-align:middle}

/*link*/
a{color:#777;text-decoration:none;}
a:hover{color:#4f61c1}

.wrap{position:relative;width:100%;min-width:320px;max-width:770px;height:100%}
.head{width:100%}
.gnb{width:100%;height:28px;background:#6483b7;border-bottom:1px solid #3b3d41}
.gnb ul li{float:left;width:50%;text-align:center;line-height:28px;background:url('/resource/img/head/line01.gif') no-repeat left center}
.gnb ul li:first-child{background:none}
.gnb ul li a{color:#fff;font-weight:600}

.nsv_container{}
.logo{position:relative;height:100%;line-height:58px;background:url('/resource/img/head/bg_logo.gif') no-repeat center top;text-align:center;border-bottom:1px solid #2b2c31}
.logo a.menu_action_open{position:absolute;left:10px;top:10px;line-height:60px}

/*lnb*/
.lnb_container{display:none;width:140px;height:100%;background:#4e515a;box-shadow:0 2px 10px rgba(0,0,0,.8)}
.lnb_container ul.lnb li a{display:block;color:#fff;font-size:14px;font-weight:bold;padding:10px 0 10px 10px;background:url('/resource/img/head/arr_lnb01.png') no-repeat right 12px;cursor:pointer}
.lnb_container ul.lnb li{border-bottom:1px solid #3d4049}
.lnb_container ul.lnb li.menu_action_close{height:30px;line-height:28px;background:url('/resource/img/head/line02.gif') repeat-x center bottom;text-align:right;border:none}
.lnb_container ul.lnb li.menu_action_close a{padding:0 10px 0 0;background:none}
.lnb_container ul.lnb li div{display:none;background:#6483b7;padding:6px 0}
.lnb_container ul.lnb li div h2{display:none}
.lnb_container ul.lnb li div ul li{border:none}
.lnb_container ul.lnb li div ul li a{font-size:13px;padding:6px 0 6px 27px;background:url('/resource/img/head/line04.gif') no-repeat 10px center;letter-spacing:0px !important}
.lnb_container ul.lnb li div ul li a:hover{background:url('/resource/img/head/line03.gif') no-repeat 10px center}
.lnb_container ul.lnb li div ul li img{display:none}

/*main visual*/
.visual{width:100%}
.container{} /* position:relative */
.title_txt,.title_txt02{position:absolute;left:20px;bottom:20px;color:#fff;font-size:20px;font-weight:600;background:url('/resource/img/main/line01.gif') no-repeat;padding:20px 0 0 }
.description_txt{display:none}
.img_interlace{display:none}
.img_interlace{position:absolute;display:block;left:0;top:0;width:100%}
.img_interlace img{width:inherit;max-width:100%;height:auto;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"}
.btn_play{display:none}
.customNavigation{position:absolute;top:20px;left:20px;z-index:5}

#owl-nsv01{background:url('/resource/img/main/visual02.jpg') no-repeat;background-size:cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/img/main/visual02.jpg', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/img/main/visual02.jpg', sizingMethod='scale')";}
#owl-nsv01 .item img{display:block;width:100%;height:auto}
.customNavigation{text-align:center}
.customNavigation a{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}

/*main_contents*/
.main_contents{position:relative;width:100%;background:#f7f6f6}
.main_product{width:100%;padding:10px 0;border-bottom:1px solid #dcdcdc}
.main_product ul li{float:left;width:33%;text-align:center}
.main_product ul li a{font-size:13px;font-weight:600}
.main_product ul:after {content:""; display:block; clear:both}

.main_product_inner01{position:absolute;z-index:10;left:0;top:0;width:100%;background:#e53248}
.main_product_inner01 h4,.main_product_inner02 h4,.main_product_inner03 h4,.main_product_inner04 h4{width:90%;margin:27px auto 20px auto;font-size:18px;color:#fff;font-weight:600}
.main_product_inner01 h4 span{font-size:12px;color:#f7c2c8}
.main_product_inner01 hr{width:100%;height:1px; border:none;margin:25px 0 30px 0;background:#e95163}
.main_product_inner01 .product_btn_area,.main_product_inner02 .product_btn_area,.main_product_inner03 .product_btn_area,.main_product_inner04 .product_btn_area{width:90%;margin:0 auto}
.main_product_inner01 .btn_close,.main_product_inner02 .btn_close,.main_product_inner03 .btn_close,.main_product_inner04 .btn_close{position:absolute;right:0;top:0;z-index:0}

.main_product_inner02{position:absolute;z-index:10;left:0;top:0;width:100%;background:#264c89}
.main_product_inner02 h4 span{font-size:12px;color:#becadc}
.main_product_inner02 hr{width:100%;height:1px; border:none;margin:25px 0 30px 0;background:#46679b}

.main_product_inner03{position:absolute;z-index:10;left:0;top:0;width:100%;background:#1c8564}
.main_product_inner03 h4 span{font-size:12px;color:#bbdbd1}
.main_product_inner03 hr{width:100%;height:1px; border:none;margin:25px 0 30px 0;background:#3e977b}

.main_product_inner04{position:absolute;z-index:10;left:0;top:0;width:100%;background:#404864}
.main_product_inner04 h4 span{font-size:12px;color:#b9c0da}
.main_product_inner04 hr{width:100%;height:1px; border:none;margin:25px 0 30px 0;background:#545c79}

.main_goods_list{width:90%;margin:0 auto 10px auto}
.main_goods_list li{float:left;text-align:center;width:33%;line-height:30px;padding:0 0 20px 0}
.main_goods_list li a{color:#fff;font-size:12px}
.main_goods_list li p{padding-top:7px;line-height:18px}

.main_works{position:relative;width:100%;padding:10px 0 0px 0;border-bottom:1px solid #dcdcdc}
.main_contents h3{color:#333;font-size:14px;margin:3px 0 0 25px}
.main_contents h3 span{color:#5c77af}
.main_works_tab{position:absolute;top:10px;right:25px}
.main_works_tab li{float:left;width:97px;text-align:center}
.main_works_tab li a{display:block;height:26px;line-height:24px;background:url('/resource/img/main/tab_works.gif') no-repeat;font-size:12px;color:#777;font-weight:600}
.main_works_tab li a.current{background:url('/resource/img/main/tab_works_current.gif') no-repeat;color:#fff}
.works_contents01{width:86%;height:120px;margin:10px auto 0 auto}
.works_contents01 ul{float:left;width:268px}
.works_contents01 ul li{width:125px;float:left;background:url('/resource/img/main/dot01.gif') no-repeat left center;padding:0 0 0 9px}
.works_contents02{width:86%;height:120px;margin:10px auto 0 auto}
.works_contents02 ul{float:left;width:268px}
.works_contents02 ul li{width:259px;background:url('/resource/img/main/dot01.gif') no-repeat left center;padding:0 0 0 9px}

.main_people{position:relative;width:100%;height:119px;border-bottom:1px solid #dcdcdc;background:#fcfcfc url('/n_english/resource/img/main/bg_people.gif') no-repeat right top}
.main_people h3{position:absolute;top:18px;left:25px;margin:0}
.main_people p{position:absolute;top:43px;left:25px}

.main_pr{width:100%;padding:18px 0 18px 0}
.main_pr ul{width:90%;margin:0 auto}
.main_pr ul li{float:left;width:25%;text-align:center}
.main_pr ul li a{color:#555;font-weight:600;font-size:13px}
.main_pr ul:after {content:""; display:block; clear:both}
.btn_top_area{width:90%;margin:30px auto 10px auto;text-align:right}
.only_mobile{display:block}
.ucc_container{position:relative;width:84%;margin:15px auto 0 auto}
.ucc_view{position:relative;height:0;padding-top:35px;padding-bottom:56.25%;overflow:hidden}
.ucc_view img,.ucc_view object,.ucc_view iframe,.ucc_view embed{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}

/*foot*/
.foot{width:100%;background:#4e515a}
.foot fieldset{height:38px;border-top:1px solid #313439;border-bottom:1px solid #73767d;background:#555963}
.foot_search_input{border:none;width:70%;height:38px;line-height:38px;background:#555963;color:#999;padding:0 0 0 10px}
.foot_search_btn{text-align:right}
.foot_util{padding:30px 0 30px 10px}
.foot_util li{float:left}
.foot_util li a{color:#fff;font-size:13px;background:url('/resource/img/foot/arr01.png') no-repeat left center;padding:0 0 0 8px;margin-left:18px}
.foot_util li:first-child a{margin-left:0px}
.foot_util:after {content:""; display:block; clear:both}
.foot_txt{padding:0 0 30px 10px;color:#999;font-size:13px;line-height:18px}
.foot_txt strong{color:#ccc}
.foot_txt ul{margin:0 0 25px 0}
.foot_txt ul li{padding:0 0 0 16px}
.foot_txt ul li.ico_tel{background:url('/resource/img/foot/ico_tel.png') no-repeat left center}
.foot_txt ul li.ico_fax{background:url('/resource/img/foot/ico_fax.png') no-repeat left center}
.foot_txt ul li.ico_email{background:url('/resource/img/foot/ico_email.png') no-repeat left center}

.sitemap{position:absolute;z-index:99999;left:0;top:0;width:100%;height:auto;display:none}
.sitemap .btn_sitemap_close{width:100%;text-align:center}
.sitemap h2{color:#fff;font-size:38px;font-weight:500;text-align:center;margin:38px auto}
.sitemap_container{width:92%;margin:0 auto}
.sitemap_container .sitemap_inner01{float:left;width:47%}
.sitemap_container .sitemap_inner02{float:left;width:47%;margin-left:6%}
.sitemap_container .sitemap_inner03{float:left;width:47%}
.sitemap_container .sitemap_inner04{float:left;width:47%;margin-left:6%}
.sitemap_container .sitemap_inner05{float:left;width:47%}
.sitemap_container .sitemap_inner06{float:left;width:47%;margin-left:6%}
.sitemap_container .sitemap_inner07{float:left;width:47%}
.sitemap_container .sitemap_inner08{float:left;width:47%;margin-left:6%}
h3.sitemp_title{background:#6e96d7;font-weight:600;height:38px;line-height:38px;text-align:center}
h3.sitemp_title a{color:#fff;font-size:17px}
ul.list_sitemap{margin:20px 0 40px 0}
ul.list_sitemap li{background:url('/resource/img/head/arr_sitemap01.png') no-repeat left 13px;padding:5px 0 5px 14px}
ul.list_sitemap li a{color:#fff;font-size:15px;font-weight:600}
ul.list_sitemap li a:hover{color:#79a7f0;text-decoration:underline}
ul.list_sitemap li ul{margin:4px 0 2px 0;background:none}
ul.list_sitemap li ul li{background:url('/resource/img/head/arr_sitemap02.png') no-repeat 4px 10px;padding:1px 0 1px 19px}
ul.list_sitemap li ul li a{font-size:13px;font-weight:normal}

.bg_black{display:none;position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;background:url('/resource/img/head/bg_sitemap.png');}
.only_desktop{display:none}

/* Moblie */
@media all and (max-width:770px) {
html,body{height:auto}
.lnb_container{position:absolute;width:230px;z-index:98;left:0;top:0}
.only_desktop{display:none}
.sitemap_container .sitemap_inner03,.sitemap_container .sitemap_inner05,.sitemap_container .sitemap_inner07{clear:both}
.only_mobile_tbody{display:table-row-group}
.only_desktop_tbody{display:none}
.description_txt,.description_txt02{display:none !important}
}

/* Desktop */
@media all and (min-width:771px) {
.wrap{position:relative;width:100%;max-width:100%;min-height:909px}
.head{width:160px}
.logo{height:80px;line-height:80px;background:url('/resource/img/head/bg_logo_desk.gif') no-repeat center top}
.logo a.menu_action_open{display:none}

.only_desktop{display:block}

/*lnb*/
.lnb_container{display:block !important;width:100%;box-shadow:0 0 0;padding:6px 0}
.lnb_container ul.lnb li a{font-size:16px;font-weight:600;background:none;padding:12px 0 12px 10px}
.lnb_container ul.lnb li a.current{background:url('/resource/img/head/arr_lnb_current.png') no-repeat right center}
.lnb_container ul.lnb li.active > a{background:url('/resource/img/head/arr_lnb_current.png') no-repeat right center}
.lnb_container ul.lnb li{background:none;border:none}
.lnb_container ul.lnb li.menu_action_close{display:none}
.lnb_container ul.lnb li div{display:none;position:absolute;z-index:6;left:160px;top:0;width:120px;height:100%;background:#3a3d45;padding:0;box-shadow:0 1px 6px rgba(0,0,0,.5) inset}
.lnb_container ul.lnb li div h2{display:block;padding:0 0 0 10px;height:110px;line-height:110px;vertical-align:middle;background:url('/resource/img/head/line05.gif') repeat-x center bottom;margin:0 0 8px 0}
.lnb_container ul.lnb li div ul li{margin-bottom:8px}
.lnb_container ul.lnb li div ul li a{font-size:12px;padding:6px 20px 6px 15px;background:none;font-weight:600}
.lnb_container ul.lnb li div ul li a:hover{background:#6483b7}
.lnb_container ul.lnb li div ul li a.current{background:#6483b7}
.lnb_container ul.lnb li div ul li img{display:block;margin:0 0 0 15px}

/*main visual*/
.wrap{background:url('/resource/img/head/bg_main.gif') repeat-y}
.visual{position:absolute;left:480px;top:0;width:970px;height:100%;z-index:1}
.customNavigation{top:30px;left:40px}
.title_txt,.title_txt02{left:40px;top:104px;font-size:26px;padding:30px 0 0 0}
.description_txt,.description_txt02{position:absolute;display:block;left:40px;top:198px;font-size:16px;color:#fff;font-weight:600;line-height:24px}

/*main_contents*/
.main_contents{position:absolute;z-index:5;left:160px;top:0;width:320px;height:100%;background:#f7f6f6}
.main_product_inner01,.main_product_inner02,.main_product_inner03,.main_product_inner04{left:320px;top:0;width:320px}
.only_mobile{display:none}
.only_mobile_tbody{display:none}
.only_desktop_tbody{display:table-row-group}

.ucc_view iframe{display:none}

/*foot*/
.foot{width:160px}
.foot_util li{float:none}
.foot_util li a{color:#fff;font-size:12px;padding:0 0 0 8px;margin-left:0px}
.foot_txt{font-size:11px;padding:0 10px 36px 10px}

.sitemap h2{font-size:44px;margin:50px auto}
.sitemap_container{width:90%;max-width:812px;margin:0 auto}
.sitemap_container .sitemap_inner01{float:left;width:22%}
.sitemap_container .sitemap_inner02{float:left;width:22%;margin-left:4%}
.sitemap_container .sitemap_inner03{float:left;width:22%;margin-left:4%}
.sitemap_container .sitemap_inner04{float:left;width:22%;margin-left:4%}
.sitemap_container .sitemap_inner05{clear:both;float:left;width:22%}
.sitemap_container .sitemap_inner06{float:left;width:22%;margin-left:4%}
.sitemap_container .sitemap_inner07{float:left;width:22%;margin-left:4%}
.sitemap_container .sitemap_inner08{float:left;width:22%;margin-left:4%}

}