@charset "euc-kr";
body{padding-top:228px;position:relative;min-width:1220px;}
body.iframe_body{padding:0;min-width:100%;}


#loading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:url('../images/common/header/load_bg.png') repeat left top;}
#loading img{position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;width:70px;height:70px;}


/***** Header *****/
#header{min-width:1220px;background: url('../images/common/header/header_pt.gif') repeat-x left top;position:absolute;left:0;top:0;width:100%;z-index:999;transform: translateZ(0);-webkit-transform: translateZ(0);}
#header .inner_header{height:228px;width:1200px;margin:0 auto;position:relative;overflow:hidden;background:url('../images/common/header/sub_pt.gif') repeat-x left bottom;}
#header h1{height:117px;padding-top:29px;text-align:center;background:#000}
#header .header-bg{width:100%;position:absolute;left: 0;top: 0;height:228px;}
#header .header-bg .top-146{background:#000;height:146px}
#header .header-bg .top-22{background:#181818;height:22px}
#header .header-bg .top-55{background:#000;height:55px}
#header .header-bg .top-5{background:#404040;height:5px}
#header .gnb{position:relative;font-size:0;height:82px;background:url('../images/common/header/header_pt.gif') repeat-x left bottom;}
#header .gnb > li{width:33.333334%;float:left;height:92px;line-height:14px;text-align:center;background:url('../images/common/header/menu_line.gif') no-repeat left 5px;}
#header .gnb > li.menu01{background:none;}
/*#header .gnb > li > p{color:#888;letter-spacing:3px;font-size:12px;padding-top:6px;}*/
#header .gnb > li > p{color:#888;letter-spacing:3px;font-size:12px;font-family:"Nanum Gothic Bold";padding-top:6px; padding-bottom:18px;}
#header .gnb > li .sub{padding-top:0px;line-height:14px;text-align:center;}
#header .gnb > li.menu01 > p{text-align:left;padding-left:128px;}
#header .gnb > li.menu03 > p{text-align:right;padding-right:118px;}
#header .gnb > li.menu01 .sub{text-align:left;}
#header .gnb > li.menu03 .sub{text-align:right;}
#header .gnb > li.menu01 .sub > li.sub01 > p > a{padding-left:0;}
#header .gnb > li.menu01 .sub > li.sub01 > p{padding-left:0;}
#header .gnb > li.menu03 .sub > li.sub04 > p > a{padding-right:0;}
#header .gnb > li .sub > li{display:inline-block;vertical-align:top;text-align:center;}
#header .gnb > li .sub > li > p {color:#e1e1e1;display:block;font-family:"Nanum Gothic Bold";vertical-align:top;font-size:12px;padding:0 12px;height:40px;cursor:default;}
#header .gnb .menu03 .sub > li> p {color:#e1e1e1;display:block;font-family:"Nanum Gothic Bold";vertical-align:top;font-size:12px;padding:0;height:40px;}
#header .gnb .menu03 .sub > li:last-child > p {color:#e1e1e1;display:block;font-family:"Nanum Gothic Bold";vertical-align:top;font-size:12px;padding:0 0 0 12px;height:40px;}
#header .gnb > li .sub > li > p > a{color:#e1e1e1;display:block;font-family:"Nanum Gothic Bold";vertical-align:top;font-size:12px;padding:0 12px;height:40px;}
#header .gnb > li .sub > li > p > a span{display:block;line-height:16px;font-family:"Nanum Gothic Bold"}
#header .gnb > li .sub > li > p > span{display:block;line-height:16px;font-family:"Nanum Gothic Bold"}
*:first-child+html #header .gnb > li .sub > li{display:inline;}
#header .gnb > li .sub li .depth{display:none;width:1200px;position:absolute;left:0;top:82px;text-align:left;z-index:9;}
#header .gnb > li.menu02 .sub li.sub01 .depth {height: 340px;}
#header .gnb > li .sub li .depth .left_box{margin:16px 0 24px 40px;padding-right:50px;min-height:194px;}
#header .gnb > li.menu02 .sub li.sub01 .depth {margin:10px 0 24px 40px;padding-right:50px;min-height:194px;}
#header .gnb > li .sub li .depth .left_box .title{float:left;padding-right:23px;font-size:12px;height:19px;border-bottom:solid 4px #d6d6d6;}
#header .gnb > li .sub li .depth .left_box .title span{position:relative;bottom:0px;padding-bottom:5px;font-weight:bold;border-bottom:solid 4px #333;color:#000;font-family:"Nanum Gothic Bold";}
#header .gnb > li .sub li .depth .left_box .left_menu{clear:both;padding-top:5px;}
#header .gnb > li .sub li .depth .left_box .left_menu > li{margin-top:13px;}
#header .gnb > li .sub li .depth .left_box .left_menu > li strong{font-family: 'Nanum Gothic ExtraBold';color:#1a1a1a;}
/*#header .gnb > li .sub li .depth .left_box .left_menu > li > *{font-size:12px;color:#555;font-family:"Nanum Gothic Bold";}*/
#header .gnb > li .sub li .depth .left_box .left_menu > li > *{font-size:12px;color:#555;font-family:"Nanum Gothic Bold"; margin-bottom:18px;}
#header .gnb > li .sub li .depth .left_box .left_menu > li > .line{margin:0 4px;}
#header .gnb > li .sub li .depth .left_box .left_menu > li .webpublish{margin-top:7px;}
#header .gnb > li .sub li .depth .left_box .left_menu > li .ndClass{margin:7px 0 23px 0;}
#header .gnb > li.menu01 .sub li.sub01 .depth .left_box{width:150px;border-right:solid 1px #a1a1a1;}
#header .gnb > li.menu01 .sub li.sub02 .depth .left_box{width:150px;border-right:solid 1px #a1a1a1;}
#header .gnb > li.menu01 .sub li.sub03 .depth .left_box{width:150px;border-right:solid 1px #a1a1a1;}
#header .gnb > li.menu01 .sub li.sub02 .depth .left_box{margin-left:135px}
#header .gnb > li.menu01 .sub li.sub03 .depth .left_box{margin-left:235px}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box{margin-left:380px;padding-right:20px;padding-right:0;border-right:none;}
#header .gnb > li.menu02 .sub li.sub01 .depth .menu_banner{left:0;right:auto;}
#header .gnb > li.menu02 .sub li.sub02 .depth .left_box{margin-left:568px}
#header .gnb > li.menu02 .sub li.sub03 .depth .left_box{margin-left:692px}
#header .gnb > li.menu03 .sub li.sub01 .depth .left_box{margin-left:880px}
#header .gnb > li.menu03 .sub li.sub02 .depth .left_box{margin-left:930px}
#header .gnb > li.menu03 .sub li.sub03 .depth .left_box{margin-left:1052px}
#header .gnb > li.menu03 .sub li.sub04 .depth .left_box{margin-left:880px}
#header .gnb > li.menu03 .sub li.sub04 .depth .left_box{float:right;padding-right:30px;border-right:none;}
#header .gnb > li.menu03 .sub li.sub04 .depth .left_box .title{float:right;text-align:right;padding-right:0;padding-left:36px;}
#header .gnb > li.menu03 .sub li.sub04 .depth .left_box .title span{padding-left:60px;}
#header .gnb > li.menu03 .sub li.sub04 .depth .left_box .left_menu{text-align:right;padding-top:11px;}
#header .gnb > li.menu03 .sub li.sub04 .depth .left_box .left_menu > li > a{font-size:13px;}
#header .gnb > li .sub li.sub04 .depth .left_box .left_menu > li{margin-top:17px;}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box{height:470px;}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box .title{margin-bottom:28px;}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box .menu_title{height:45px;font-size:15px;color:#000;font-family:"Nanum Gothic Bold";}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box .menu_title.first{margin-top:0;}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box div.left_menu ul{}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box div.left_menu ul li{padding-bottom: 18px;}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box div.left_menu ul li.first{}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box div.left_menu ul li a{font-size:13px;color:#555;font-family:"Nanum Gothic Bold";}
#header .gnb > li.menu02 .sub li.sub02 .depth .left_box .left_menu li a{font-size:13px;color:#555;font-family:"Nanum Gothic Bold";}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box div.left_menu ul li a strong{font-family: 'Nanum Gothic ExtraBold';color:#1a1a1a; background: url('../images/sub/web_c/new/txt_bg.gif') repeat-x left center;}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box div.left_menu ul li.br{margin-right:50px;}
#header .gnb > li.menu02 .sub li.sub01 .depth .left_box div.left_menu ul li.br + li{background:none;padding-left:4px;}
#header .gnb > li.menu02 .sub li.sub02 .depth .left_box{width:234px;border-right:solid 1px #a1a1a1;}
#header .gnb > li.menu02 .sub li.sub03 .depth .left_box{width:160px;border-right:solid 1px #a1a1a1;}
#header .gnb > li.menu03 .sub li.sub01 .depth .left_box{width:230px;border-right:none;}
#header .gnb > li.menu03 .sub li.sub01 .depth .left_box .title{padding-right:112px;}

#header .gnb > li.menu02 .sub li.sub01 .depth .left_box .left_menu{display: flex;}

.depth01{width:250px; border-right:solid 1px #cfcfcf; padding-left:0px;}
.depth01 .menu_title first span{padding-left:20px;}
.depth01 .menu_title span{padding-left:20px;}
.depth02{width:250px; border-right:solid 1px #cfcfcf; padding-left:40px;}
.depth03{width:200px; padding-left:40px;}
.depth01 ul li img{position:fixed; width:3px; height:3px; margin-left:-10px; margin-top:5px;}
.depth02 ul li img{position:fixed; width:3px; height:3px; margin-left:-10px; margin-top:5px;}
.depth03 ul li img{position:fixed; width:3px; height:3px; margin-left:-10px; margin-top:5px;}

/*#header .gnb > li.menu02 .sub li.sub02 .depth .left_box div.left_menu ad_type02 ul li{font-size:13px;color:#555;font-family:"Nanum Gothic Bold";}*/


#header .gnb > li.menu03 .sub li.sub01 .depth .left_box.web_type02 .title{padding-right:58px;}
#header .gnb > li.menu03 .sub li.sub01 .depth .left_box.web_type02 .title > span:nth-child(1){border-bottom:solid 4px #333;}
#header .gnb > li.menu03 .sub li.sub01 .depth .left_box.web_type02 .title > span:nth-child(2){border-bottom:none;}
#header .gnb > li.menu03 .sub li.sub01 .depth .left_box.web_type02 .title > img{position: absolute;right: 160px;top: 13px;width: 45px;}



#header .gnb > li.menu03 .sub li.sub02 .depth .left_box .title{padding-right:36px;}
#header .gnb > li .sub li .depth .company_banner{position:absolute;right:20px;top:24px;text-align:right;}
#header .gnb > li .sub li .depth .company_banner li{display:inline-block;vertical-align:middle;margin-left:27px;}
*:first-child+html #header .gnb > li .sub li .depth .company_banner li{display:inline;}
#header .gnb > li .sub li .depth .web_pf_banner{position:absolute;left:0px;top:0;width:270px;padding-right:28px;height:300px; no-repeat left bottom;text-align:center;border-right:solid 1px #a1a1a1;}
#header .gnb > li .sub li .depth .web_pf_banner .top{height:135px;margin:30px 0 0 0;}
#header .gnb > li .sub li .depth .web_pf_banner .middle{padding:0 8px 0 0;}
#header .gnb > li .sub li .depth .web_pf_banner .border_box{height:142px;padding-top:12px;}
#header .gnb > li .sub li .depth .web_pf_banner .border_box p{height:34px; border:solid 1px #cbcbcb;background:#fff;}
#header .gnb > li .sub li .depth .web_pf_banner .border_box ul{padding-left:49px;}
#header .gnb > li .sub li .depth .web_pf_banner .border_box ul li{float:left;width:67px;height:100px;}
#header .gnb > li .sub li .depth .web_pf_banner .border_box ul li.first{margin-right:47px;padding-right:46px;border-right:solid 1px #c9c9c9;}
#header .gnb > li .sub li .depth .web_pf_banner .border_box ul li img{display:block;margin-top:-14px;}
#header .gnb > li .sub li .depth .web_pf_banner.webp .border_box p{}
#header .gnb > li .sub li .depth .web_pf_banner.webp .border_box ul{padding-left:42px;height:64px;margin-bottom:14px;}
#header .gnb > li .sub li .depth .web_pf_banner.webp .border_box ul li{width:78px;height:60px;}
#header .gnb > li .sub li .depth .web_pf_banner.webp .border_box ul li.first{margin-right:42px;padding-right:42px;}
#header .gnb > li .sub li .depth .web_pf_banner.webp .border_box ul li img{margin:-3px 0 0 0;}

#header .gnb > li .sub li .depth .ad_img01{position:absolute;left:54px;top:18px;width:385px;height:170px;padding-top:44px;border-right:solid 1px #a1a1a1;}
#header .gnb > li .sub li .depth .ad_img02{position:absolute;right:45px;top:20px;}
#header .gnb > li .sub li .depth .show_link01{position:absolute;left:60px;top:18px;width:550px;height:158px;padding-top:34px;border-right:solid 1px #a1a1a1;}
#header .gnb > li .sub li .depth .show_link01 li{float:left;margin-right:36px;}
#header .gnb > li .sub li .depth .show_link02{position:absolute;right:160px;top:24px;}
#header .gnb > li .sub li .depth .show_link03{position:absolute;right:10px;top:100px;}
#header .gnb > li .sub li .depth .curri01_01{position:absolute;left:24px;top:10px;width:390px;padding-top:35px;padding-bottom:50px;height:128px;border-right:solid 1px #a1a1a1;/*background:url('../images/common/header/curri_img01.jpg') no-repeat left bottom;*/}
#header .gnb > li .sub li .depth .curri01_01  a + a{position:absolute;left:0;top:130px;}
#header .gnb > li .sub li .depth .curri01_02{position:absolute;left:412px;top:10px;width:386px;padding-top:12px;padding-bottom:50px;height:151px;border-right:solid 1px #a1a1a1;text-align:center;}
#header .gnb > li .sub li .depth .curri02_01{position:absolute;left:24px;top:10px;width:390px;padding-top:35px;height:167px;border-right:solid 1px #a1a1a1;}
#header .gnb > li .sub li .depth .curri02_01 p{margin-top:50px;}
#header .gnb > li .sub li .depth .curri02_02{position:absolute;left:412px;top:10px;width:386px;padding-top:12px;height:190px;border-right:solid 1px #a1a1a1;text-align:center;}
#header .gnb > li .sub li .depth .drawing_list{position:absolute;left:24px;top:10px;width:924px;padding-top:12px;height:180px;border-right:solid 1px #a1a1a1;}
#header .gnb > li .sub li .depth .drawing_list li{display:inline-block;vertical-align:middle;margin-right:24px;}
*:first-child+html #header .gnb > li .sub li .depth .drawing_list li{display:inline;}
#header .gnb > li .sub li .depth .qna_list{position:absolute;left:24px;top:10px;width:940px;padding-top:12px;height:180px;border-right:solid 1px #a1a1a1;}
#header .gnb > li .sub li .depth .qna_list li{float:left;margin-right:24px;}
#header .gnb > li.arr{position:absolute;left:0;top:82px;z-index:8;width:17px;height:9px;background:none;line-height:0;}
/***** Footer *****/
/*#footer{margin-top:162px;background:url('../images/common/footer/foot_bg.gif') repeat-x left bottom;}*/
/*#footer .top{height:190px;text-align:center;}*/
/*#footer .inner_footer{width:1200px;margin:0 auto;height:122px;}*/
/*#footer .inner_footer .left{float:left;padding:17px 0 0 30px;}*/
/*#footer .inner_footer .right{margin-left:403px;padding:21px 0 0 0;}*/
/*#footer .inner_footer .right .middle{margin:8px 0 21px 0;}*/
#footer {margin-top:162px;}
#footer .nas_icon{height:190px;text-align:center;}
#footer .inner{width: 1156px;margin: 0 auto;color:#cecece;font-size: 12px;}
#footer .top .inner{height:366px;}
#footer .top{background:#333337;}
#footer .top .inner .inner_top{padding-top:38px;margin-bottom:28px;}
#footer .top .inner .logo{float: left;}
#footer .top .inner .footer_icon{float: right;}
#footer .top .inner .footer_icon > li{float: left;margin-right: 30px;cursor: pointer;}
#footer .top .inner .footer_icon > li:last-child{margin-right: 0;}
#footer .top .inner .inner_mid{position: relative;}
#footer .top .inner .right{position: absolute;right: -20px;top: 0;padding-top: 18px;}
#footer .top .inner .right div{margin-bottom: 31px;}
#footer .top .inner .right div span{margin-right:38px;font-family: 'Dotum',sans-serif}
#footer .top .inner .right div span:last-child{margin-right: 0;}
#footer .top .inner .right p{margin-bottom:15px;}
#footer .top .inner .right p span{margin-right: 26px;font-family: 'Dotum',sans-serif}
#footer .top .inner .right .num{letter-spacing: -0.02em;}
#footer .top .inner .inner_bottom{padding-top: 27px;}
#footer .top .inner .inner_bottom > ul{float: left;color:#fff;}
#footer .top .inner .inner_bottom > ul > li{font-family: 'Dotum',sans-serif}
#footer .top .inner .inner_bottom > ul:nth-child(1){margin-right:79px;}
#footer .top .inner .inner_bottom > ul:nth-child(2){margin-right:81px;}
#footer .top .inner .inner_bottom > ul:nth-child(3){margin-right:78px;}
#footer .top .inner .inner_bottom > ul > li:nth-child(2){width: 44px;height: 1px;background-color:#717173;margin: 10px 0 13px 0;}
#footer .top .inner .inner_bottom > ul > li:nth-child(3){margin-bottom: 14px;}
#footer .top .inner .inner_bottom > ul:nth-child(4) > li:nth-child(2){width: 68px;}
#footer .bottom{background:#000;}
#footer .bottom .inner{height:59px;text-align:right;line-height:59px;}




/** mainBanner **/
.mainBanner{position:absolute;left:0%;top:35px;z-index:8000;}
.mainBanner .close{position:absolute;left:100px;top:0;}
.mainBanner.banner01{top:48px;margin-left:30px;}
.mainBanner.banner02{margin-left:150px; top:48px;}
.mainBanner.banner02 .close{left:100px;}
.mainBanner .aniBanner{position:relative;}
.mainBanner.banner01 .aniBanner{top:10px;}
/*.mainBanner.banner03{width:240px;height:185px;left:50%;top:266px;margin-left:362px;padding:39px 0 0 0;text-align:right;z-index:98;}*/
.mainBanner.banner03{width:240px;height:185px;left:50%;top:250px;margin-left:362px;padding:30px 0 0 0;text-align:right;z-index:98;}
.mainBanner.banner03 .close{left:auto;right:4px;top:0;}
/*.mainBanner.banner03 ul{padding:21px 3px 0 0;word-spacing:2px;font-size:17px;color:#f8f0e6;line-height:25px;position:relative;font-family:"Nanum Gothic Bold";background:url('../images/common/banner/line.png') repeat-x left top;}*/
.mainBanner.banner03 ul{padding:15px 3px 0 0;word-spacing:2px;font-size:17px;color:#f8f0e6;line-height:25px;position:relative;font-family:"Nanum Gothic Bold";repeat-x left top;}
.mainBanner.banner03 ul li strong{color:#fbfb0d;}
.mainBanner.banner03 ul li.date{margin:7px 0 18px 0;padding:0 8px 0 0;height:21px;line-height:21px;font-size:14px;background:url('../images/common/banner/datebg.png') no-repeat right top; position: relative;}
.mobile_open{display: block; width: 100%; height: 100%;position: absolute; left: 0; top: 0;}

.mainBanner.banner03 ul li.date span{font-size:11px;}
.mainBanner.banner03 ul li a{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/board/blank.gif') repeat left top;font-size:0;}
.mainBanner.banner04{margin-left:40px; top:285px;}
.mainBanner.banner04 .close{right:-350px; top:16px; z-index:9000;}
/** board_banner_new **/
.board_banner_new{overflow:hidden;margin-bottom:40px;}
.board_banner_new li{width:170px;float:left;margin-left:87px;position:relative;}
.board_banner_new li.first{margin-left:0;}
.board_banner_new li .thumb{height:170px;}
.board_banner_new li .thumb img{width:170px;height:170px;}
.board_banner_new li .txtBox{padding:12px 0 0 12px;height:48px;border:solid 1px #e5e5e5;border-top:none;font-size:13px;color:#4d4a4a;}
.board_banner_new li .txtBox .txt01{margin-bottom:6px;font-family:"Nanum Gothic Bold";}
.board_banner_new li .txtBox .txt02{font-size:12px;}
.board_banner_new li a{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;background:url('../images/board/blank.gif') repeat left top;}
.board_banner_bottom{overflow:hidden;margin-bottom:136px;}
.board_banner_bottom li{float:left;width:578px;text-align:center;;background:#ebebeb;}
.board_banner_bottom li a{padding:35px 0;display:block;}
.board_banner_bottom li.last{float:right;}


/*--------2016-9-18 hoseok-----sub °Ô½ÃÆÇ À§ÂÊ ¹è³Ê css------------*/
.banner_box {
    margin-top: 65px;
    margin-bottom: 42px;
}
.banner_box .inner {
    width: 1200px;
    height: 198px;
    margin: 0 auto;
    position: relative;
}

.banner_box .inner > a {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 576px;
    height: 168px;
    z-index: 1;
}
.banner_box .inner .left_link {
    left: 0;
}
.banner_box .inner .right_link {
    right: 0;
}

.banner_box .inner .box {
    background: url("../images/common/banner/banner_bg.jpg") no-repeat left top;
    width: 576px;
    height: 168px;
    float: left;
}
.banner_box .inner .box.first {
    margin-right: 47px;
}
.banner_box .inner .box > div {
    width: 510px;
    height: 153px;
    text-align: center;
    margin: 23px 32px;;
    position: relative;
}

.banner_box .inner .box > div .top {
    color: #817c7c;
    font-size: 17px;
    font-weight: normal;
    line-height: 22px;
    font-family: ³ª´®°íµñBold, "Nanum Gothic Bold", 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'µ¸¿ò', Dotum, 'Apple SD Gothic Neo', arial, sans-serif;
    margin: 22px 0 15px 0;
    letter-spacing: -1px;
}

.banner_box .inner .box > div .top.type01 {
    margin-bottom: 15px;
}
.banner_box .inner .box > div .bar {
    display: inline-block;
    margin-bottom: 10px;
}
.banner_box .inner .box > div .type02 {
    color: #4f4747;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    font-family: ³ª´®¹Ù¸¥°íµñ, NanumBarunGothic, 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'µ¸¿ò', Dotum, 'Apple SD Gothic Neo', arial, sans-serif;
    margin-bottom: 20px;
}

.banner_box .inner .box > div .point1 {
    color: #4056ac;
}
.banner_box .inner .box > div .point2 {
    color: #414141;
}

.banner_box .left {
    margin-right: 47px;
}
/*--------------------------------------------*/
/*  france banner */
.france_board_banner {
    width: 1200px;height:110px;margin:0 auto 70px;
    background: url("../images/france/france_board_banner.jpg") no-repeat center;
}
.france_board_banner .france_title {width:576px;text-align:center;float:right;}
.france_board_banner .france_title .france_text1{margin-bottom:20px;padding-top:25px;}
.france_board_banner .france_title .france_text2{width:96px;height:17px;text-align:center;border-bottom:1px solid #000;margin: 0 auto;}

/*--------------------------------------------*/


/*  jyp banner */
.jyp_banner {width: 1200px;margin:0 auto 89px;text-align:center;}

/*--------------------------------------------*/



.close {
    text-align: center;
}



/*main_composition*/
/**/
.main_composition{background:#f5f5f5;margin-bottom:80px;text-align:center}
.main_composition .top{border-bottom:1px solid #e4e4e4;color:#000;font-weight:bold}
.main_composition .top .text1{padding-top:50px;font-size:22px;margin-bottom:20px}
.main_composition .top .bar{margin-bottom:18px;font-size:0}
.main_composition .top .text2{padding-bottom:37px;font-size:14px; letter-spacing:0.4px;}
.main_composition .bottom{}
.main_composition .bottom .main_composition_banner{padding-top:50px;margin-bottom:55px}
.main_composition .bottom .btn{padding-bottom:50px}
/*--------------------------------------------*/

/***** Layout *****/
.wrap{width:1200px;margin:0 auto;}
h2{height:70px;}
.contents{min-height:700px;padding:165px 0 50px 0;background:url('../images/sub/web_c/web_x.jpg') no-repeat center 88px}
.contents.bg_none{background:none;}
.main .contents{padding-top:115px; margin-left:-10px; background:url('../images/common/contents/con_top.gif') no-repeat center top;}
.test_box{height:1000px;background:#eee;}
h2{font-size:20px;height:60px;line-height:60px;border-bottom:solid 5px #eee;margin-bottom:50px;}
.interViewBanner{position:absolute;right:50%;top:45px;z-index:9999;margin-right:-750px;}
/***** Visual *****/
.visual{position:relative;overflow:hidden;height:598px;min-width:1220px;background:#000;}
.visual .swf_box{width:1920px;height:598px;position:absolute;left:50%;top:0;margin-left:-960px;}
.visual .bgm{position:absolute;left:8%;top:20px;z-index:9;}
.visual .blank{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/main/blank.gif') repeat left top;}
.visual .typo{position:absolute;left:8%;top:278px;}
.visual .typo .t01{margin-bottom:110px;}
.visual #visualSlides{position:absolute;left:50%;top:0;margin-left:-949px;width:1897px;height:598px;text-align:center;}
.visual #visualSlides_cover{position:absolute;left:50%;top:0;margin-left:-949px;width:1897px;height:598px;text-align:center;}



/***** BottomCopy *****/
.bottom_copy{font-family:"Dotum";font-weight:bold;margin:50px 0 22px 0;height:38px; color:#222;font-size:11px;text-align:center;background:url('../images/board/x_bg.gif') no-repeat center bottom;}

/***** Board_A Style *****/
.type_a{margin-bottom:200px;font-family:"Nanum Gothic Bold";}
.type_a_brand{margin-bottom:70px;font-family:"Nanum Gothic Bold";}

/***** Board_Style *****/
.board_gallery + .board_normal{margin-top:220px;}
.gallery_box{margin-bottom:80px;}
.iframe_body .gallery_box{margin-bottom:0;}


/** Board_Search **/
.board_search{text-align:center;display:none;}

/** PageNavi **/
.pager{font-size:0;}
.pager *{display:inline-block;vertical-align:top;font-size:11px;width:20px;margin:0 1px;height:22px;color:#666;}
.pager .prev{margin-right:6px;margin-top:-4px;width:20px;height:20px;background:url('../images/board/prev.gif') no-repeat center center;font-size:0;color:#fff;}
.pager .next{margin-left:6px;margin-top:-4px;width:20px;height:20px;background:url('../images/board/next.gif') no-repeat center center;font-size:0;color:#fff;}
.pager b{border-bottom:solid 1px #444;color:#444;}
.pager span.prev{background:url('../images/board/prev02.gif') no-repeat center center;}
.pager span.next{background:url('../images/board/next02.gif') no-repeat center center;}

/** Board_View **/
.view_page .view_con{width:980px;min-height:600px;margin:0 auto 96px auto;position:relative;}
.view_page .view_con img{max-width:980px !important;height:auto !important;}
.view_page .view_con .board_prev{position:absolute;left:50%;top:50%;margin:-12px 0 0 -570px;}
.view_page .view_con .board_next{position:absolute;left:50%;top:50%;margin:-12px 0 0 540px;}
.view_page .view_bottom{border-top:solid 1px #e9e9e9;border-bottom:solid 1px #252525;text-align:center;font-size:0;}
.view_bottom .txt01{margin:-26px 0 22px 0;padding-top:68px;font-size:12px;color:#212120;font-weight:bold;background:url('../images/board/view/view_icon.png') no-repeat center top;}
.view_bottom .view_list{margin:0 0 22px 0;}
.view_bottom .view_list li{display:inline-block;vertical-align:middle;padding:3px 17px 0 17px;background:url('../images/board/view/menu_line.gif') no-repeat left 50%;}
.view_bottom .view_list li .fb-like{top:-1px;}
.view_bottom .view_list li:first-child{background:none;}
*:first-child + html .view_bottom .view_list li{display:inline;}
.view_bottom .view_list li a{color:#000;font-size:12px;font-weight:bold;}
.view_bottom .view_list li a span{color:#989898;}
.view_bottom .sns_list{width:310px;margin:0 auto;padding:20px 0 24px 0;background:url('../images/board/view/dashed_line.gif') repeat-x left top;}
.view_bottom .sns_list li{display:inline-block;margin:0 8px;}
*:first-child + html .view_bottom .sns_list li{display:inline;}
.view_bottom .sns_list li a{font-size:12px;}
.view_bottom .txt02{width:464px;margin:0 auto;padding-bottom:22px;font-size:11px;color:#212120;font-weight:bold;border-bottom:solid 5px #111;font-family: 'Nanum Gothic Bold';}

/** Board_Normal **/
.board_normal{overflow:hidden;font-size:12px;color:#928c8c;line-height:18px;font-weight:bold;}
.board_normal > li{width:400px;height:420px;float:left;}
.board_normal > li.full{width:1200px;text-align:center;height:200px;margin-bottom:50px;}
.board_normal > li .thumb{height:262px;}
.board_normal > li .thumb img{width:400px;height:250px;}
.board_normal > li .txt01 a{color:#928c8c;font-weight:bold;}

/** Board_Gallery **/
.board_gallery{font-size:12px;color:#928c8c;line-height:16px;}
.board_gallery > li{margin-top:120px;}
.board_gallery > li.first{margin-top:0;}
.board_gallery > li > ul{margin:0 0 20px 0;position:relative;height:580px;}
.board_gallery > li > ul li{position:absolute;}
.board_gallery > li > ul li img{width:100%;height:100%;}
.board_gallery > li .guide_box{height:45px;position:relative;}
.board_gallery > li .guide_box .guide_num{position:absolute;left:120px;bottom:0;}
.board_gallery > li .guide_box .guide_num li{float:left;margin-right:10px;}
.board_gallery > li ul.type01 .list01{left:0;top:0;width:480px;height:580px;}
.board_gallery > li ul.type01 .list02{left:490px;top:0;width:235px;height:186px;}
.board_gallery > li ul.type01 .list03{left:490px;top:196px;width:235px;height:186px;}
.board_gallery > li ul.type01 .list04{left:490px;bottom:0;width:480px;height:188px;}
.board_gallery > li ul.type01 .list05{left:735px;top:0;width:235px;height:382px;}
.board_gallery > li ul.type01 .list06{right:0;top:0;width:220px;height:580px;}
.board_gallery > li ul.type02 .list01{left:0;top:0;width:220px;height:580px;}
.board_gallery > li ul.type02 .list02{left:230px;top:0;width:235px;height:382px;}
.board_gallery > li ul.type02 .list03{left:475px;top:0;width:235px;height:186px;}
.board_gallery > li ul.type02 .list04{left:475px;top:196px;width:235px;height:186px;}
.board_gallery > li ul.type02 .list05{left:230px;bottom:0;width:480px;height:188px;}
.board_gallery > li ul.type02 .list06{right:0;top:0;width:480px;height:580px;}

/** Main **/
.main_title{border-top:6px solid #404040;background:#000;text-align:center;margin-bottom:74px;padding-top:27px;padding-bottom:27px;}
.contents .bx_portfolio .inner_title{margin-bottom:98px;padding-right:20px;text-align:center;}
.contents .gallery_box{margin-bottom:108px;}
.contents .designnas_job{margin-bottom:130px;padding:26px 0 0 0;background:url('../images/main/line_bg.gif') no-repeat center top;}
.contents .designnas_job .inner_box{padding:0 0 30px 0;background:url('../images/main/line_bg.gif') no-repeat center bottom;}
.contents .designnas_job .inner_box .inner_title{text-align:center;height:115px;padding:45px 0 0 ;background:#000;}
.contents .designnas_job .inner_box .job_list{padding:0 0 45px 0;background:#000;font-size:0;text-align:center;}
.contents .designnas_job .inner_box .job_list li{display:inline-block;margin:0 18px;vertical-align:bottom;}
*:first-child + html .contents .designnas_job .inner_box .job_list li{display:inline;}
.contents .nas_party{margin-bottom:135px;padding:0 0 30px 0;background:url('../images/main/line_bg.gif') no-repeat center bottom;}
.contents .nas_party .inner_title{text-align:center;height:77px;}
.contents .nas_party .inner_box{position:relative;height:572px;}
.contents .nas_party .inner_box .media{width:956px;height:542px;padding:15px;background:#000;}
.contents .nas_party .inner_box .info{position:absolute;right:0;bottom:0;padding-top:15px;width:214px;text-align:center;height:499px;background:#000;}
.contents .nas_party .inner_box .info p{margin-bottom:25px;}
.contents .ad_portfolio{margin-bottom:32px;}
.contents .ad_portfolio .inner_title{margin-bottom:34px;height:114px;text-align:center;background:url('../images/main/line_bg.gif') no-repeat center bottom;}
.contents .ad_portfolio .inner_box{width:988px;margin:0 auto;}
.contents .ad_portfolio .inner_box .txt{margin:23px 0 13px 0;}
.contents .main_typo{margin-bottom:10px;padding-top:162px;text-align:center;background:url('../images/main/line_bg.gif') no-repeat center top;}



/***** Main_New *****/
.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}



/******special section******/


.special_section{
    position: relative;
}

.icon_wrap{
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
    margin: 0 auto 120px;
    width: 172px;
    height: 192px;
    background: url("../images/main//mover/circle_texttt.png") no-repeat center bottom;
}

.icon_wrap .circle{
    position: absolute;
    left: 50%;
    margin-left:-82.2px;
    top:0;
    text-align: center;
    transform:translate(0,0);
    width: 155px;
    height: 155px;
    /*animation:rotate 1s infinite linear;*/
}

.icon_wrap .circle img{
    transform:translateY(2px);
}
.icon_wrap #sun, .icon_wrap #sunset, .icon_wrap #cloud{transition:all .5s;}
.icon_wrap:hover #sunset{fill: #E6E972;}
.icon_wrap:hover #cloud{fill: #D0DFF2;}

#icons{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    top: 26px;
}


#sun{transform:translateY(1px);}
#bolt{opacity: 0;fill: #F4C71B;}
.bolt{opacity: 0;}

#rains{opacity: 0;}
#rains line{opacity: 0;}




.text_mover{
    overflow: hidden;
    font-family: 'perpetua',serif;
    font-size: 200px;
    margin-bottom:94px;
}

.text_mover .animationThis{
    display: flex;
    margin-bottom: 77px;
    /*animation: ani 30s 1 forwards normal;*/
    /*transition:all .1s;*/
    position:relative;
    left: -1000px;
    will-change: transform;
}

.text_mover .reverse{width:1070px;height:24px;position:relative;font-size: 24px;white-space: nowrap;overflow:hidden;margin:0 auto;}
.text_mover .reverse > div{display:flex;will-change: transform;position:absolute;right:0px;top:0;}

.text_mover .animationThis >  div{white-space: nowrap;}




.special_lectur{text-align: center;margin-bottom:100px;}
.special_lectur ul{max-width:1450px;margin:0 auto;padding:0 15px}
.special_lectur ul > li{width:49%; max-width:710px;}
.special_lectur ul > li:first-child{float:left;}
.special_lectur ul > li:last-child{float:right;}
.special_lectur ul>li img{max-width: 100%}

/*



.special_lectur{text-align: center;margin-bottom:100px; width:1750px;}
.special_lectur .bottom02 ul{text-align:center;}
.special_lectur .bottom02 ul>li{float:left;width:710px; height:351px; position:relative;}
.special_lectur .bottom02 ul>li:first-child{margin-right:30px;}

*/


.special_lectur2{text-align: center; padding-bottom:100px;}
.special_lectur2 .bottom03 h3{font-family: 'perpetua',serif;font-size:48px;margin-bottom:34px;font-weight:100; margin-top:30px;}
.special_lectur2 .bottom03 h4{font-family: 'Nanum Gothic Bold', sans-serif;font-size:18px;margin-bottom:34px;}
.special_lectur2 .bottom03 .lectur_date{font-family: 'perpetua',serif;font-size:80px;margin-bottom:76px;font-weight: 100;}
.special_lectur2 .bottom03 .member{font-family: 'Nanum Gothic', sans-serif;font-size:30px}


.main_new {
    font-family: 'Nanum Gothic Bold', sans-serif;
    position: relative;
}

/*Çìµå ¿µ¿ª*/
/*---------------2016/09/20 ¸ÞÀÎ ¹è³Ê ¿µ¿ª css------------------*/

.main_new .banner_link {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 317px;
    z-index: 100;
}




.main_new .text_wrap {
    height: 327px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 87px;
}

.main_new .text_wrap .head_type {
    background: #f2f2f2;
    height: 317px;
    margin: 5px auto 0 auto;
    position: relative;
    text-align: center
}
.main_new .text_wrap .head_type p {
    text-align: center;
}

.main_new .text_wrap .head_type .btn {
    position:absolute;
    left: 50%;
    top: 245px;
    margin-left: -76px;
}

.main_new .text_wrap .head_type p:nth-child(1) {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    padding-top: 69px;
    font-family: Nanum Gothic Bold, NanumGothic, sans-serif;
    letter-spacing: -1px;
    text-align: center;

}
.main_new .text_wrap .head_type p:nth-child(2) {
    color: #595959;
    font-size: 18px;
    margin: 30px 0 44px 0;
    font-family: nanum;
    letter-spacing: -1px;
}
.main_new .text_wrap .head_type p:nth-child(3) {
    color: #222;
    font-size: 13px;
    font-weight: bold;
    margin-right: 30px;
    font-family: Nanum Gothic Bold, NanumGothic, sans-serif;
}


.main_new .head_face {
    width: 500px;
    margin: 45px auto 75px auto;
}
.main_new .head_face p {
    margin-top: 20px;
    font-size: 23px;
    text-align: center;
    font-family: 'NanumBarun Gothic';
}
/*------------------------------------------------*/

/*À¥ Æ÷Æ®Æú¸®¿À ¿µ¿ª*/
.main_new .portfolio_main {
    margin-bottom: 21px;
    background-color: #ebebeb;
    width: 100%;
    height: 409px;
}
.main_new .portfolio_main > div {
    width: 1200px;
    margin: 0 auto;
}

.main_new .portfolio_sub {
    margin-bottom: 24px;
    background-color: #ebebeb;
    width: 100%;
    height: 325px;
}
.main_new .portfolio_sub .thumb {
    width: 1200px;
    margin: 0 auto;
}
.main_new .portfolio_sub .thumb li {
    position: relative;
    top: 44px;
    width: 384px;
    float: left;
    margin-right: 24px;
}
.main_new .portfolio_sub .thumb li.last {
    margin-right: 0;
}
.main_new .portfolio_sub .thumb li p {
    font-family: 'Catamaran', sans-serif;
    font-size: 13px;
    color: #666;
    margin-top: 20px;
    text-align: left;
    line-height:18px;
    text-indent:8px;
    letter-spacing:0.2px;
    background:url(../images/main_new/arr01.png) no-repeat right 50%;
}


/*Ãë¾÷ ¸ñ·Ï ¿µ¿ª*/
.main_new .job_list .part01 {
    width: 100%;
    height: 204px;
    background-color: #e9edf4;
}
.main_new .job_list .part02 {
    width: 100%;
    height: 358px;
    background-color: #f6f6f6;
    margin-bottom: 26px;
}
.main_new .job_list .part01 .part01_wrap {
    position: relative;
    width: 1200px;
    height: 204px;
    margin: 0 auto;
}
.main_new .job_list .part01 .part01_wrap .x01 {
    position: absolute;
    top: 30px;
    left: 10px;
}
.main_new .job_list .part01 .part01_wrap .text01 {
    padding-top: 84px;
    font-size: 22px;
    margin-left: 10px;
    font-family: 'NanumBarun Gothic', sans-serif;
}
.main_new .job_list .part01 .part01_wrap .text02 {
    font-family: 'Nanum Gothic ExtraBold', sans-serif;
    margin-top: 10px;
    font-size: 15px;
    margin-left: 10px;
}
.main_new .job_list .part01 .part01_wrap .text02 span {
    font-family: 'Nanum Gothic ExtraBold', sans-serif;
    margin-left: 24px;
    font-size: 24px;
}
.main_new .job_list .part01 .part01_wrap .text03 {
    font-family: 'Nanum Gothic Bold', sans-serif;
    margin-top: 2px;
    font-size: 15px;
    color: #534f4e;
    margin-left: 10px;
}
.main_new .job_list .part01 .part01_wrap .x_benefit {
    position: absolute;
    top: 8px;
    left: 712px;
}
.main_new .job_list .part02 .part02_wrap {
    position: relative;
    width: 1200px;
    height: 358px;
    margin: 0 auto;
}
.main_new .job_list .part02 .part02_wrap .job_list_logo {
    position: absolute;
    top: 16px;
    left: 0;
}
.main_new .job_list .part02 .part02_wrap .job_list_logo_view_btn {
    position: absolute;
    top: -52px;
    left: 621px;
}
.main_new .job_list .part02 .part02_wrap .job_list_interview {
    position: absolute;
    top: -159px;
    right: -2px;
}
.main_new .job_list .part02 .part02_wrap .job_list_interview_view_btn {
    position: absolute;
    top: 277px;
    right: 79px;
}


/*ÆíÁý Æ÷Æ®Æú¸®¿À ¿µ¿ª*/
.main_new .ad_portfolio {
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 25px;
    padding-bottom:29px;
}
.main_new .ad_portfolio .ad_portfolio_wrap {
    width: 1200px;
    margin: 0 auto;
}
.main_new .ad_portfolio .ad_portfolio_head_text {
    position: relative;
    margin-bottom: 56px;
    margin-left: 10px;
}
.main_new .ad_portfolio .ad_portfolio_head_text > img {
    position: absolute;
    top: 35px;
    left: 0;
}
.main_new .ad_portfolio .ad_portfolio_head_text p {
    font-family: 'NanumBarun Gothic', sans-serif;
    padding-top: 86px;
    font-size: 22px;
}
.main_new .ad_portfolio .ad_portfolio_head_text p span {
    margin-left: 12px;
}
.main_new .ad_portfolio .ad_portfolio_head_text p span img{
    vertical-align:bottom;
}

.main_new .ad_portfolio .thumb li {
    position: relative;
    width: 384px;
    float: left;
    margin-right: 24px;
}
.main_new .ad_portfolio .thumb li.last {
    margin-right: 0;
}
.main_new .ad_portfolio .thumb li p {
    font-family: 'Catamaran', sans-serif;
    font-size: 13px;
    color: #666;
    margin-top: 20px;
    text-indent: 8px;
    float: left;
    letter-spacing:0.2px;
}
.main_new .ad_portfolio .thumb li div.clearfix > img {
    margin-top: 20px;
    float: right;
}
.main_new .ad_portfolio .ad_portfolio_logo{
    background:#f6f6f6;
    text-align:center;
    padding:26px 0 0 0;
    margin:40px 0 32px 0;
    height:147px;
}

.main_new .ad_portfolio .ad_portfolio_footer_text {
    width: 234px;
    margin: 30px auto 0 auto;
}


/*³ª½º ¿öÅ©¼¥ ¹× ÆÄƼ ¿µ¿ª*/
.main_new .nas_daliy {
    width: 100%;
    height: 948px;
    background-color: #ebebeb;
}
.main_new .nas_daliy_wrap {
    width: 1200px;
    margin: 0 auto;
}
.main_new .nas_daliy .nas_daliy_head_text {
    position: relative;
    margin-bottom: 51px;
    margin-left: 10px;
}
.main_new .nas_daliy .nas_daliy_head_text > img {
    position: absolute;
    top: 35px;
    left: 0;
}
.main_new .nas_daliy .nas_daliy_head_text p {
    font-family: 'NanumBarun Gothic', sans-serif;
    padding-top: 86px;
    font-size: 22px;
}
.main_new .nas_daliy .nas_daliy_head_text p span {
    margin-left: 10px;
    vertical-align:bottom;
}
.main_new .nas_daliy .nas_daliy_head_text p span img{
    vertical-align:bottom;
}
.main_new .nas_daliy_wrap .nas_daliy_list.nas_party {
    margin-bottom: 66px;
}
.main_new .nas_daliy_wrap .nas_daliy_list {
    padding: 14px 10px;
    background-color: white;
    height: 298px;
}
.main_new .nas_daliy_wrap .nas_daliy_list li {
    float: left;
}
.main_new .nas_daliy_wrap .nas_daliy_list li p {
    margin-top: 15px;
    font-size: 13px;
    color: #83848c;
    text-indent: 7px;
}
.main_new .nas_daliy_wrap .nas_daliy_list li p.text02 {
    margin-top: 7px;
}

.main_new .main_typo {
    padding-top: 153px;
    padding-bottom: 60px;
    text-align: center;
}

/*ÇÁ¶û½º ¹è³Ê*/
.france_banner {
    height: 379px;
    background: url("../images/france/france_main_banner.jpg") no-repeat center;
    margin-bottom: 85px;
    text-align: center;
}

.france_banner .text1 {padding-top:131px;margin-bottom:15px;}
.france_banner .text2{width:6px;height:1px;background:#fff;margin:0 auto 15px;}
.france_banner .text3{margin-bottom:45px;}
.france_banner .btn {width:110px;height:26px;border:1px solid #fff;background:rgba(43,38,31,0.7);margin:0 auto;}
.france_banner .btn .view{text-align:center;vertical-align:middle;height:26px;line-height:26px;display:inherit;}

/*µ¥Àϸ®*/

/*.daily_banner a {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}*/


.daily_banner {
    position: relative;
    /*height: 423px;*/
    margin-bottom: 91px;
    text-align: center;
}


.daily_banner .inner {
    width: 1220px;
    margin: 0 auto;

}
.daily_banner .inner .daily_title {
    margin-bottom: 40px;
}
.daily_banner .inner .daily_title2 {
    font-size:15px;
    margin-bottom: 50px;
}


.daily_banner .inner .img_banner {
    overflow: hidden;
}
.daily_banner .inner .img_banner > li {
    float: left;
    position: relative;
}


.daily_banner .inner .img_banner .center {
    margin: 0 10px;
}


/* video section */
#main_video{background:#f8f8fa;}
#main_video .inner{width:960px; height:774px; margin:0 auto;}
#main_video .top_section{text-align:right;padding-top:64px;margin-bottom:38px;}
#main_video .top_section .video_right_text{text-align:right;vertical-align:bottom;}
#video_slides{width:960px;height:590px;position:relative}
#video_slides .video_list{text-align:center;}
#video_slides .video_inner{width:960px;height:540px;overflow:hidden;margin-bottom:37px;}
#video_slides .slidesjs-previous{width:59px;height:11px;background:url("../images/main/video_prev01.jpg")no-repeat center;position:absolute;left:0;bottom:419px;text-indent:-9999px;}
#video_slides .slidesjs-next{width:58px;height:12px;background:url("../images/main/video_next01.jpg")no-repeat center;position:absolute;right:0;bottom:419px;text-indent:-9999px}
#video_slides .slidesjs-pagination{position:absolute;z-index:-9999;text-indent:-9999px;}
/* company banner */
.company_banner {text-align:center;margin-bottom:100px;}

.company_banner .company_tit_01 {margin-bottom:29px;}
.company_banner .company_tit_02 {margin-bottom:32px;font-size:11px;font-weight:bold;}
.company_banner .company_tit_03 {margin-bottom:70px;font-size:15px;font-weight:bold;}


.company_banner .section_banner_wrap {background:#f8f8fa;overflow:hidden;padding-top:42px;color:#393939;}
.company_banner .section_banner_wrap .section_banner {width:1136px;height:573px;margin:0 auto;}
.company_banner .section_banner_wrap .section_banner > li {float:left;text-align:left;}
.company_banner .section_banner_wrap .section_banner > li.gang {margin:0 163px;}
.company_banner .section_banner_wrap .section_banner > li .pic {margin-bottom:37px;}
.company_banner .section_banner_wrap .section_banner > li .name {margin-bottom:22px;font-size:16px;font-weight:bold;}
.company_banner .section_banner_wrap .section_banner > li .add {margin-bottom:9px;font-size:12px;}
.company_banner .section_banner_wrap .section_banner > li .add2 {margin-bottom:28px;font-size:13px;}
.company_banner .section_banner_wrap .section_banner > li .num {margin-bottom:42px;}




/* video section */
#main_video{background:#f8f8fa;}
#main_video .inner{width:960px;height:1100px;margin:0 auto;position:relative}
#main_video .top_section{text-align:left;padding-top:50px;margin-bottom:38px;}
#main_video .top_section .video_right_text{float:right;vertical-align:bottom;}
#video_slides{width:960px;height:600px;position:relative}
#video_slides .video_list{text-align:center;}
#video_slides .video_inner{width:960px;height:540px;overflow:hidden;margin-bottom:37px;}
#main_video .slidesjs-previous{width:29px;height:54px;background:url("../images/main/video_prev02.png")no-repeat center;position:absolute;left:-69px;top:372px;text-indent:-9999px;}
#main_video .slidesjs-next{width:29px;height:54px;background:url("../images/main/video_next02.png")no-repeat center;position:absolute;right:-69px;top:372px;text-indent:-9999px}
/*#main_video .slidesjs-previous{width:122px;height:28px;background:url("../images/main/video_prev01.png")no-repeat center;position:absolute;left:0;bottom:419px;text-indent:-9999px;z-index:100;margin-bottom: -25px;}*/
/*#main_video .slidesjs-next{width:122px;height:28px;background:url("../images/main/video_next01.png")no-repeat center;position:absolute;right:0;bottom:419px;text-indent:-9999px;z-index:100;margin-bottom: -25px;}*/
#main_video .bottom_section{padding-top: 40px; border-top:1px solid #d8d8d8; margin-top: 37px;}
#main_video .bottom_section .title02{margin-bottom: 37px;}
#main_video .bottom_section .video_img{}
#main_video .bottom_section .video_img > div{width:267px;height:170px;float: left;position:relative;cursor:pointer;}
#main_video .bottom_section .video_img > div:nth-child(2){width:266px;margin:0 80px;}
#main_video .bottom_section .video_img > div a {width:100%;height:100%;position:absolute;left:0;top:0;}
/*#main_video .bottom_section .video_link {}*/
/*#main_video .bottom_section .video_link > div{float: left; margin-top: 25px;}*/
/*#main_video .bottom_section .video_link > div:nth-child(2){margin: 25px 157px 0 152px;}*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
.wrap{}
.wrap .inner{width: 1199px; margin: 0 auto;font-family: 'Nanum Gothic', sans-serif; font-size: 20px; font-weight: 400;}
.wrap .inner .title{text-align: center; padding: 146px 0 70px; border-bottom: 1px solid #f1f1f1; margin-bottom: 98px;}
.wrap .inner .title > li:first-child{margin-bottom: 56px;}
.wrap .inner .title > li:nth-child(2){margin-bottom: 68px;}
.wrap .inner .title > li:nth-child(3){margin-bottom: 67px;}


.wrap .inner .contents01{padding-bottom: 69px; border-bottom: 1px solid #f1f1f1; margin-bottom: 69px;}
.wrap .inner .contents01 .strapline01{width:79px; margin-right: 276px; font-weight: 700;float: left;}
.wrap .inner .contents01 .txt{width: 840px; text-align: left; float: right;}
.wrap .inner .contents01 .txt > p:first-child{font-weight: 700; margin-bottom: 22px;}
.wrap .inner .contents01 .txt > p:nth-child(2){font-size: 17px; font-weight: 700;}
.wrap .inner .contents01 .txt .bar{width: 14px; height: 1px; background: black; margin: 20px 0;}
.wrap .inner .contents01 .txt > p:last-child{font-size: 17px; line-height: 34px;}
.wrap .inner .contents01 .txt > p > strong{font-weight: 700;}



.wrap .inner .contents02 {padding-bottom: 69px; border-bottom: 1px solid #f1f1f1; margin-bottom: 68px;}
.wrap .inner .contents02 > div{float: left; margin-right: 153px;}
.wrap .inner .contents02 .list01{width: 125px;}
.wrap .inner .contents02 .list02{width: 372px;}
.wrap .inner .contents02 .list03{width: 116px;}
.wrap .inner .contents02 .list04{width: 82px; margin-right: 0;}
.wrap .inner .contents02 > div > p:first-child{font-weight: 700;}
.wrap .inner .contents02 > div .bar{height: 1px; background: black; margin: 17px 0;}
.wrap .inner .contents02 > div > p:last-child{font-size: 20px;}


.wrap .inner .contents03{padding-bottom: 60px; border-bottom: 1px solid #f1f1f1; margin-bottom: 69px;}
.wrap .inner .contents03 > div{float: left;}
.wrap .inner .contents03 .strapline02{width:146px;margin-right:207px; font-weight: 700;}
.wrap .inner .contents03 .strapline02 > p:first-child{margin-bottom: 21px;}
.wrap .inner .contents03 .strapline02 > p:nth-child(2){font-size: 19px;}
.wrap .inner .contents03 .txt{}
.wrap .inner .contents03 .txt > p:first-child{margin-bottom: 27px; font-size: 18px;}
.wrap .inner .contents03 .txt > p:nth-child(2){font-size: 17px; font-weight: 700;}
.wrap .inner .contents03 .txt > div{padding-top:54px;width: 799px;}
.wrap .inner .contents03 .txt > div > p{float: left;}
.wrap .inner .contents03 .txt > div > p:last-child{float: right;}


.wrap .inner .contents04{padding-bottom: 69px; border-bottom: 1px solid #f1f1f1; margin-bottom: 69px;}
.wrap .inner .contents04 .strapline03{width:80px; margin-right: 265px; float: left; font-weight: 800;}
.wrap .inner .contents04 .txt{width: 840px; text-align: left; float: right; font-size: 17px;}
.wrap .inner .contents04 .txt > p:first-child{margin-bottom: 55px}


.wrap .inner .contents05{padding-bottom: 69px; border-bottom: 1px solid #f1f1f1; margin-bottom: 80px;}
.wrap .inner .contents05 > p{float: left; margin-left: 183px;}
.wrap .inner .contents05 > p:first-child{margin-left: 0; font-weight: 700;}
.wrap .inner .contents05 > p:nth-child(3){margin-left: 299px; font-weight: 700;}

/*.wrap .inner .contents06{text-align: center; margin-bottom: 130px; font-siz:24px; font-weight: 600;}*/
.wrap .inner .contents06{text-align: center; margin-bottom: 130px;}

/*goodbye_nas banner section*/
.goodbye_nas_wrap{}
.goodbye_nas_wrap .goodbye_nas_banner{text-align:center;margin-bottom:92px;border-bottom:1px solid #e5e5e5;padding-top:110px;}
.goodbye_nas_wrap .goodbye_nas_banner .goodbye_nas_tit{padding-bottom:30px;background:url("../images/company/goodbye/bar.jpg")no-repeat center bottom;margin-bottom:35px}
.goodbye_nas_wrap .goodbye_nas_banner .inner_text{font-size:15px; font-weight:500; color:#777;font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;word-break:keep-all;letter-spacing:-0.5px;margin-bottom:46px;overflow:hidden;padding-bottom:2px;}
.goodbye_nas_wrap .goodbye_nas_banner .inner_text .po{color:#000; background:#ffff03;border-radius:7px;}
.goodbye_nas_wrap .goodbye_nas_banner .inner_text .underline{display:inline-block; border-bottom: 1px solid #c3c3c3; padding-bottom: 4px;}
.goodbye_nas_wrap .goodbye_nas_banner .x_img{margin-bottom:47px}
.goodbye_nas_wrap .goodbye_nas_banner .goodbye_nas_banner_img{margin-bottom:70px}
.goodbye_nas_wrap .goodbye_nas_banner .all_we{padding-bottom:67px}
.goodbye_nas_wrap .goodbye_nas_contents {width:1200px;margin:0 auto;min-height:700px;padding-bottom:50px}



/*leader design section*/

#leader_design{text-align: center;}
#leader_design img{}
.leader_text{font-family:'Nanum Gothic',Arial,sans-serif;font-weight:bold;font-size:15px;color:#303033; letter-spacing:-0.5px; line-height: 35px;}
#leader_design .main01{margin-bottom:74px;}
#leader_design .main01 img{max-width:1920px;max-height:1144px;}
#leader_design .inner{width: 1197px; margin: 0 auto; text-align: center;}
#leader_design .inner > li{margin:0 auto;}

#leader_design .inner01{}
#leader_design .inner01 > li:first-child{margin-bottom: 74px;}
#leader_design .inner01 > li:nth-child(2){margin-bottom: 77px;}
#leader_design .inner01 > li:nth-child(3){margin-bottom: 103px;}
#leader_design .inner01 > li:nth-child(4){margin-bottom: 103px;}
#leader_design .inner01 > li:nth-child(5){margin-bottom: 48px;}
#leader_design .inner01 > li:nth-child(6){margin-bottom: 46px}
#leader_design .inner01 > li:nth-child(6) > div{float: left;}
#leader_design .inner01 > li:nth-child(6) > div:nth-child(2){margin: 0 53px;}
#leader_design .inner01 > li:nth-child(7){margin-bottom: 95px}
#leader_design .inner01 > li:nth-child(8){margin-bottom: 95px}


#leader_design .main02{background:#303033; padding:34px 0; margin-bottom: 73px;}
#leader_design .main02 > div{width: 1197px; margin: 0 auto; }
#leader_design .main02 > div > div{float: left;}
#leader_design .main02 > div > div:nth-child(2){margin: 0 33px;}



#leader_design .inner02{}
#leader_design .inner02 > li:first-child{margin-bottom: 142px;}
#leader_design .inner02 > li:nth-child(2){margin-bottom: 90px;}
#leader_design .inner02 > li:nth-child(3){margin-bottom: 114px;}
#leader_design .inner02 > li:nth-child(4){margin-bottom: 83px;}
#leader_design .inner02 > li:nth-child(4) > div{float: left;}
#leader_design .inner02 > li:nth-child(4) > div:last-child{float: right;}
#leader_design .inner02 > li:nth-child(5){margin-bottom: 134px;}
#leader_design .inner02 > li:nth-child(6){margin-bottom: 133px;}

#leader_design .main03{background:#303033; margin-bottom: 112px; text-align: center;}
#leader_design .main03 img{width:1198px; height: 704px;}



#leader_design .inner03{}
#leader_design .inner03 > li:first-child{margin-bottom:75px;}
#leader_design .inner03 > li:nth-child(2){margin-bottom:95px;}
#leader_design .inner03 > li:nth-child(3){margin-bottom:98px;}
#leader_design .inner03 > li:nth-child(3) > div{float: left;}
#leader_design .inner03 > li:nth-child(3) > div:first-child{margin-bottom:15px;}
#leader_design .inner03 > li:nth-child(3) > div:nth-child(2){margin-right:11px;}
#leader_design .inner03 > li:nth-child(4){margin-bottom:95px;}
#leader_design .inner03 > li:nth-child(5){margin-bottom:91px;}
#leader_design .inner03 > li:nth-child(5) > div{float: left;}
#leader_design .inner03 > li:nth-child(5) > div:first-child{margin:0 11px 15px 0;}
#leader_design .inner03 > li:nth-child(5) > div:nth-child(2){margin-bottom: 15px;}
#leader_design .inner03 > li:nth-child(6){margin-bottom:97px;}
#leader_design .inner03 > li:nth-child(7){margin-bottom:91px;}
#leader_design .inner03 > li:nth-child(7) > div{float: left;}
#leader_design .inner03 > li:nth-child(7) > div:first-child{margin:0 11px 15px 0;}
#leader_design .inner03 > li:nth-child(7) > div:nth-child(2){margin-bottom:15px;}

#leader_design .inner03 > li:nth-child(8){margin-bottom: 132px;}
#leader_design .inner03 > li:nth-child(8) > p{}
#leader_design .inner03 > li:nth-child(8) > p:first-child{margin-bottom:51px;}
#leader_design .inner03 > li:nth-child(8) > p:nth-child(2){margin-bottom:51px;}


#leader_design .main04{margin-bottom: 227px;}
.clearfix { *zoom:1 }
.clearfix:after { content:"";display:block;clear:both }




@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*  common    */
.portfolio17 {
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif
    /*font-size: 12px;*/
    /*font-weight: bold;*/
    letter-spacing:-1px;
    word-break: keep-all;
}

.bx17_start {
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    text-align: center;
    border-bottom: 1px solid #dedfe3;
    letter-spacing:-1px;
    word-break: keep-all;
}

.bx17_start .bx17_text1 {
    width: 30px;
    height: 21px;
    margin: 0 auto 36px;
    border-bottom: 1px solid #d2d2d2;
    padding-top: 70px;
    letter-spacing:1px;
    word-break: keep-all;

}

.bx17_start .bx17_text2 {
    font-size: 20px;
    font-weight:500;
    color: #286576;
    margin-bottom: 25px;
}
.bx17_start .bx17_text3 {
    margin-bottom: 25px;
}

.bx17_start .bx17_text4 {
    font-size: 15px;
    font-weight:500;
    color: #666;
    margin-bottom: 45px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:-1px;
}
.bx17_start .bx17_text5 {
    font-size: 15px;
    font-weight:500;
    color: #000;
    margin-bottom: 20px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
}
.bx17_start .bx17_text5 .text5bold{
    background-color:#FF6;
}
.bx17_start .bx17_text6 {
    font-size: 14px;
    color: #666;
    margin-bottom: 45px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:-1px;
    line-height: 25px;
}
.bx17_start .bx17_text7 {
    font-size: 13px;
    color: #666;
    margin-bottom: 60px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:-1px;
}

.bx17_start .bx17_text8 {
    font-size: 14px;
    font-weight:500;
    color: #fff;
    margin-bottom: 30px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:0.25px;
}
.bx17_start .bx17_text8 .text8bold{
    background-color:#70bfff;
}


.bx17_start .bx17_text9 {
    font-size: 11px;
    color: #333;
    margin-bottom: 35px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:-1px;
}




.portfolio17 .port {
    margin-bottom: 120px;
}

.portfolio17 .port.last {
    margin-bottom: 4px;
}

.portfolio17 .bg {
    width: 100%;
    height: 650px;
    position: relative;
    margin-bottom: 40px;
}

.portfolio17 .text_contents {
    width: 1200px;
    /*height: 432px;*/
    margin: 0 auto;
    position: relative;
}

.portfolio17 .text_contents.first .bottom {
    border: none;
}

.portfolio17 .top {
    height: 135px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 48px;
}

.portfolio17 .top .profile {
    margin-top: 25px;
}

.portfolio17 .top .profile .story {
    color: #b4b4b4;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
}

.portfolio17 .top .profile .title {
    line-height: 100%;
    color: #393939;
    font-size: 28px;
    margin-bottom: 18px;
    font-weight: bold;
}

.portfolio17 .top .profile .bar {
    width: 15px;
    height: 2px;
    background: #a3a3a3;
    margin-bottom: 15px;
}

.portfolio17 .top .profile .name {
    color: #555;
    font-size: 14px;
    line-height: 1.857em;
}


.portfolio17 .bottom {
    height: 300px;
    border-bottom: 1px solid #d9d9d9;
    line-height: 27px;
    font-size: 13px;
    color: #333;
    text-align:justify;
}
.portfolio17 .bottom1 {
    height: 180px;
}

.portfolio17 .bottom2 {
    height: 210px;
}

.portfolio17 .bottom3 {
    height: 180px;
}

.portfolio17 .bottom4 {
    height: 300px;
}

.portfolio17 .bottom5 {
    height: 330px;
}

.portfolio17 .bottom6 {
    height: 350px;
}

.portfolio17 .bottom7 {
    height: 290px;
}

.portfolio17 .bottom8 {
    height: 240px;
}

.portfolio17 .bottom9 {
    height: 290px;
}

.portfolio17 .bottom10 {
    height: 290px;
}

.portfolio17 .bottom11 {
    height: 295px;
}

.portfolio17 .bottom12 {
    height: 240px;
}

.portfolio17 .bottom13 {
    height: 295px;
}

.portfolio17 .bottom14 {
    height: 285px;
}

.portfolio17 .bottom15 {
    height: 275px;
}

.portfolio17 .bottom16 {
    height: 285px;
}

.portfolio17 .bottom17 {
    height: 270px;
}

.portfolio17 .bottom18 {
    height: 270px;
}

.portfolio17 .bottom19 {
    height: 180px;
}

.portfolio17 .bottom20 {
    height: 240px;
}

.portfolio17 .bottom21 {
    height: 290px;
}

.portfolio17 .bottom22 {
    height: 210px;
}

.portfolio17 .bottom23 {
    height: 260px;
}

.portfolio17 .bottom24 {
    height: 210px;
}


.portfolio17 .bottom .bold {
    color: #555;
    font-weight:bold;
}

.portfolio17 .bottom .text {
    font-size: 11px;
    color: #444;
    background-color:#FF6;
}


.portfolio17 .bottom > div {
    float: left;
}

.portfolio17 .bottom .left {
    width: 564px;
    margin-right: 68px;
    letter-spacing:-1px;
}

.portfolio17 .bottom .right {
    width: 568px;
    letter-spacing:-1px;
}

.portfolio17 .scroll {
    text-align: center;
    margin: 230px 0 121px;
}

.portfolio17 .port17_main_title {
    color: #bb8c58;
    font-size: 18px;
    border-top: 1px solid #bb8c58;
    font-weight: bold;
    text-align: right;
    padding-right: 9px;
    margin-bottom:100px;
}

.portfolio17 .port17_main_title span {
    display: block;
    padding-top: 15px;
}


.portfolio17 .btn {
    position: absolute;
    right: 6px;
    top: 27px;
    cursor: pointer;
}


.portfolio17 .finish {
    width: 1200px;
    text-align: center;
    font-weight: normal;
    border-top: 1px solid #e5e9eb;
    margin: 0 auto;
}

.portfolio17 .finish .thx {
    padding-top: 130px;
}

#footer {
    margin-top: 119px!important;
}



/*  common end    */



.portfolio17 .bg18-1 {
    background: url("../images/2018bx/sum01.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bg18-2 {
    background: url("../images/2018bx/sum02.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bg18-3 {
    background: url("../images/2018bx/sum03.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bg1 {
    background: url("../images/2017bx/sum01.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg2 {
    background: url("../images/2017bx/sum02.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg3 {
    background: url("../images/2017bx/sum03.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg4 {
    background: url("../images/2017bx/sum04.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg5 {
    background: url("../images/2017bx/sum05.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg6 {
    background: url("../images/2017bx/sum06.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg7 {
    background: url("../images/2017bx/sum07.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg8 {
    background: url("../images/2017bx/sum08.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg9 {
    background: url("../images/2017bx/sum09.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg10 {
    background: url("../images/2017bx/sum10.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg11 {
    background: url("../images/2017bx/sum11.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg12 {
    background: url("../images/2017bx/sum12.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg13 {
    background: url("../images/2017bx/sum13.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg14 {
    background: url("../images/2017bx/sum14.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg15 {
    background: url("../images/2017bx/sum15.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg16 {
    background: url("../images/2017bx/sum16.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg17 {
    background: url("../images/2017bx/sum17.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg18 {
    background: url("../images/2017bx/sum18.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg19 {
    background: url("../images/2017bx/sum19.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg20 {
    background: url("../images/2017bx/sum20.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg21 {
    background: url("../images/2017bx/sum21.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg22 {
    background: url("../images/2017bx/sum22.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg23 {
    background: url("../images/2017bx/sum23.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg24 {
    background: url("../images/2017bx/sum24.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg25 {
    background: url("../images/2017bx/sum25.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bg26 {
    background: url("../images/2017bx/sum26.jpg") no-repeat center top;
    background-size: cover;
}




.portfolio17 .bx18-1 {
    background: url("../images/2018bx/bx18-sum01.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-2 {
    background: url("../images/2018bx/bx18-sum02.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-3 {
    background: url("../images/2018bx/bx18-sum03.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-4 {
    background: url("../images/2018bx/bx18-sum04.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-5 {
    background: url("../images/2018bx/bx18-sum05.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-6 {
    background: url("../images/2018bx/bx18-sum06.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-7 {
    background: url("../images/2018bx/bx18-sum07.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-8 {
    background: url("../images/2018bx/bx18-sum08.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-9 {
    background: url("../images/2018bx/bx18-sum09.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-10 {
    background: url("../images/2018bx/bx18-sum10.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-11 {
    background: url("../images/2018bx/bx18-sum11.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-12 {
    background: url("../images/2018bx/bx18-sum12.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-13 {
    background: url("../images/2018bx/bx18-sum13.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-14 {
    background: url("../images/2018bx/bx18-sum14.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-15 {
    background: url("../images/2018bx/bx18-sum15.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx18-16 {
    background: url("../images/2018bx/bx18-sum16.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-17 {
    background: url("../images/2018bx/bx18-sum17.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-18 {
    background: url("../images/2018bx/bx18-sum18.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx18-19 {
    background: url("../images/2018bx/bx18-sum19.jpg") no-repeat center top;
    background-size: cover;
}



.portfolio17 .bx19_6_1 {
    background: url("../images/2019bx/bx19-sum01.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx19_6_2 {
    background: url("../images/2019bx/bx19-sum02.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx19_6_3 {
    background: url("../images/2019bx/bx19-sum03.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_huxley {
    background: url("../images/web_pf/bx_site/sum_huxley.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_smeg {
    background: url("../images/web_pf/bx_site/sum_smeg.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_monument {
    background: url("../images/web_pf/bx_site/sum_monument.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_drdre {
    background: url("../images/web_pf/bx_site/sum_drdre.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx_site_drdre {
    background: url("../images/web_pf/bx_site/sum_drdre.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_coco {
    background: url("../images/web_pf/bx_site/sum_coco.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_omega {
    background: url("../images/web_pf/bx_site/sum_omega.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_coach {
    background: url("../images/web_pf/bx_site/sum_coach.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_hnm {
    background: url("../images/web_pf/bx_site/sum_hnm.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx_site_freitag {
    background: url("../images/web_pf/bx_site/sum_freitag.jpg") no-repeat center top;
    background-size: cover;
}


.portfolio17 .bx_site_godofwar {
    background: url("../images/web_pf/bx_site/sum_godofwar.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_galaxy {
    background: url("../images/web_pf/bx_site/sum_galaxy.jpg") no-repeat center top;
    background-size: cover;
}

.portfolio17 .bx_site_tesla {
    background: url("../images/web_pf/bx_site/sum_tesla.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bx_site_evil {
    background: url("../images/web_pf/bx_site/sum_evil.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bx_site_nikebattleforce {
    background: url("../images/web_pf/bx_site/sum_nike_battle.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bx_site_sherlock {
    background: url("../images/web_pf/bx_site/sum_sherlock.jpg") no-repeat center top;
    background-size: cover;
}
.portfolio17 .bx_site_parmigiani {
    background: url("../images/web_pf/bx_site/sum_parmigiani.jpg") no-repeat center top;
    background-size: cover;
}

.concept-pf {
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif
    /*font-size: 12px;*/
    /*font-weight: bold;*/
    letter-spacing:-1px;
    word-break: keep-all;
}

.concept_start {
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    text-align: center;
    /*    border-bottom: 1px solid #dedfe3;
    */    letter-spacing:-1px;
    word-break: keep-all;
}

.concept_start .concept_text1 {
    width: 30px;
    height: 21px;
    margin: 0 auto 36px;
    border-bottom: 1px solid #d2d2d2;
    padding-top: 70px;
    letter-spacing:1px;
    word-break: keep-all;

}

.concept_start .concept_text2 {
    font-size: 18px;
    font-weight:500;
    color: #286576;
    margin-bottom: 16px;
}
.concept_start .concept_text3 {
    margin: 30px;
}

.concept_start .concept_text4 {
    font-size: 15px;
    color: #555;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:0px;
}
.concept_start .concept_text5 {
    font-size: 15px;
    font-weight:500;
    color: #333;
    margin: 40px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing: 0;
}
.concept_start .concept_text5 .text5bold{
    background-color:#FF6;
}
.concept_start .concept_text6 {
    font-size: 14px;
    color: #666;
    margin-bottom: 45px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:0;
    line-height: 25px;
}
.concept_start .concept_text7 {
    font-size: 13px;
    color: #666;
    margin-bottom:35px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:-1px;
}

.concept_start .concept_text8 {
    font-size: 13px;
    color: #666;
    margin-bottom: 90px;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:0;
}

.concept_start .concept_text8 span {
    font-size: 13px;
    color: #747474;
    margin-bottom: 90px;
    font-weight: bold;
    font-family: "yg740", NanumGothic, '³ª´®°íµñ', Malgun Gothic, '¸¼Àº °íµñ', dotum, sans-serif;
    word-break: keep-all;
    letter-spacing:-1px;
}


.concept-pf-pf .port {
    margin-bottom: 120px;
}

.concept-pf .port.last {
    margin-bottom: 4px;
}

.concept-pf .bg {
    width: 100%;
    height: 650px;
    position: relative;
    margin-bottom: 40px;
}

.concept-pf .text_contents {
    width: 1200px;
    /*height: 432px;*/
    margin: 0 auto;
    position: relative;
}

.concept-pf .text_contents.first .bottom {
    border: none;
}

.concept-pf .top {
    height: 135px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 48px;
}

.concept-pf .bg1 {
    background: url("/nas_new/images/mobile_new_xd/1.jpg") no-repeat center top;
    background-size: cover;
}

.concept-pf .btn {
    background: url("/nas_new/images/mobile_new_xd/btn.jpg") center;
    width:172px;
    height:37px;
    background-size: cover;
}

.concept-pf .text_contents{
    display:none;
}

.concept-pf .text_contents > ul{
    float:left;
}