body {background: url('/images/back_body.png') repeat-y center 80px fixed;}

.NanumSquare-R {font-family: 'NanumSquare-R','Noto Sans Korean',sans-serif;}
.roboto {font-family: 'roboto','NanumSquare-R',sans-serif;  letter-spacing:0.02em; line-height:1.4em;}
.Open_Sans {font-family: 'Open Sans','NanumSquare-R',sans-serif;  letter-spacing:0.02em}

.top_logo {display:block; background:#013ca6 url('/images/main_logo.png') no-repeat 50% 50%; height:105px; position:absolute; left:0; top:-25px; width:245px; }
.top_logo02 {display:block; background:#013ca6 url('/images/main_logo.png') no-repeat 50% 50%; height:85px; position:absolute; left:0; top:0px; width:245px; }
.more {display:inline-block;float:right; font-size:11px;color:#666; vertical-align:middle; font-family:'NanumSquare-R','roboto',sans-serif; letter-spacing:-0.04em; border:1px solid #dfdfdf; padding:5px 6px 3px; line-height:1em; border-radius:3px}
.more.center {float:none; margin-top:8px}

.wrap_body {width:1200px; margin:0 auto; text-align: center;}
.wrap_body.contents {width:1200px; margin:0 auto; text-align: center; padding:60px 0 100px}
.wrap_body.main_middle {margin:20px auto 50px}


h3 {font-family: 'roboto','NanumSquare-R','Noto Sans Korean',sans-serif; font-weight:600;font-size:26px; margin-bottom:70px; position:relative; letter-spacing:0.02em;}
h3 p {font-weight:400;}
h3 p span {font-size: 13px !important;     letter-spacing: -0.01em;}

/* 헤더 S */
#header {width:100%; height:85px; background:url('/images/h_offBg.png') repeat; position:absolute; top:0; left:0; z-index:4; overflow:visible !important; position:fixed; z-index:99999}
#header .header {width:1200px; height:85px; margin:0 auto; overflow:hidden; position: relative;}
#header h1 {height:85px; width:245px; }
#header h1 a {position:relative; width:245px; height:85px; background:#013ca6 url('/images/h_logo.png') no-repeat center center; text-indent:-9999px; z-index:1000; display:inline-block;}
#header h1 a.on {width:245px; height:85px; background:rgba(255,255,255,0) url('/images/h_logo_on.png') no-repeat center center;}

#popup_contact_wrap {padding:0px; overflow:hidden; height:100%; position:relative;}
#popup_contact_wrap .popup_contact_contents {padding:60px 40px 20px;}
#popup_contact_wrap .popup_contact_contents .h2_detail {line-height:1.2em !important;}
#popup_contact_wrap .popup_contact_contents p {line-height: 1.8em; margin-bottom:10px;}
.popup_close_btn {display:inline-block; position:absolute; right:20px; bottom:20px;}

.location_bar_wrap {width: 1200px; margin: 20px auto 0; text-align:right}
.location_bar_wrap .location_bar_box {padding:0 35px; letter-spacing:0.02em; color:#666; font-size:14px; line-height:1em}
.icon_home {display:inline-block; background:url('/images/icon_home.png') no-repeat; width:11px; height:11px; margin:0;}
.icon_home_pati {display:inline-block; background:url('/images/icon_home_pati.png') no-repeat; width:7px; height:11px; margin:0 6px;}
.icon_call {display:inline-block; background:#f05f5c url('/images/icon_call.png') no-repeat; width:100px; height:100px; border-radius:52px; margin:0;}

nav {z-index:100; position:relative; padding-top:1px; background:url('/images/navTop_bg.png') top repeat-x; left:0;}
nav.hover {background:url('/images/navTop_bg_on.png') top repeat-x;}
nav ul {width:931px;}
nav li {float:left; width:calc( 16% - 1px); text-align:center; height:85px; display:inline-block; font-size:16px; letter-spacing: 0.03em; }

/* IE-8 browser */
nav li { width: 19%\9; padding-right: 1px\9; }

nav .oneD { height:84px; display:inline-block; color:#fff; line-height:85px; font-size:18px; font-family:'roboto','Open Sans','NanumSquare-R','roboto',sans-serif;  font-weight:400;
	background:rgba(255,255,255,0) url('/images/gnb_hover_bg_nor.gif') bottom no-repeat;
  -moz-transition:background .4s ease;
  -o-transition:background .4s ease;
  -ms-transition:background-color .4s ease;
  -webkit-transition:background .4s ease;
  transition:background .4s ease;
}
nav .oneD.hover {color:#013ca6 !important; background:rgba(255,255,255,0) url('/images/gnb_hover_bg.gif') no-repeat bottom center !important; background-size: 50px; }

nav.on .oneD {color:#111;}
nav.hover .oneD {color:#111; font-weight:600;}

nav .top_menu {font-size:12px; color:#fff;     height: 85px;    line-height: 85px;}
nav.on .top_menu { color:#111}

nav li.menu a.oneD {/*cursor: default;*/}
nav li.menu:hover {background: url('/images/back_menu_w.png') repeat;}
nav .twoD {z-index:1; box-sizing:border-box;  margin-top:0px; padding-top: 18px;}
nav.on .twoD {border-right:1px solid #f0f0f0; height:212px}
nav.on .twoD.frist {border-left:1px solid #f0f0f0;}
nav.on .twoD.last {border-right:0px}
nav .twoD a {position:relative; display:block; font-size:15px; color:#111; /*margin-bottom:14px;*/ height:16px; text-align:left; padding: 4px 15px 9px; letter-spacing: 0.0em; font-family: 'NanumSquare-R','Noto Sans Korean',sans-serif;
	background-color:rgba(255,255,255,0);
  -moz-transition:background-color .2s ease;
  -o-transition:background-color .2s ease;
  -ms-transition:background-color .2s ease;
  -webkit-transition:background-color .2s ease;
  transition:background-color .2s ease;
  line-height:1.4em;
  text-align:center;
}
nav .twoD a:hover {/*background:#996b56;*/ color:#996b56 !important; background:url('/images/icon_menu_list.png') no-repeat center left;}
nav .twoD a:hover:after {
    font-family: 'FontAwesome','roboto', sans-serif;
    font-size: 18px;
	color:#FFF;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -.5em;
}
nav .twoD a.on{color:#003bd4;}
nav .top_menu a {font-size:12px; margin:0 6px;}
nav.on .top_menu a {color:#000}
.cursorpointer {cursor: pointer !important;}

#company nav li.menu.company_active {background: url('/images/back_menu_w.png') repeat;}
#company nav li.menu.company_active .oneD {background:rgba(255,255,255,0) url('/images/gnb_hover_active_bg.gif') bottom no-repeat;}

#business nav li.menu.business_active {background: url('/images/back_menu_w.png') repeat;}
#business nav li.menu.business_active .oneD {background:rgba(255,255,255,0) url('/images/gnb_hover_active_bg.gif') bottom no-repeat;}
/*.business_sti {font-weight:600; color:#111 !important; font-size:13px !important; text-align:left; display:inline-block; background:#fecd07; padding:0px 10px; width:176px; height:30px;  line-height:29px !important;  border-radius:16px;}*/

.business_sti {font-weight:600; color:#111 !important; font-size:15px !important; text-align:left; display:inline-block;
padding:0px 10px 0 12px; height:20px;  line-height:18px !important; /*border-left:4px solid #996b56*/; background:url('/images/icon_business_sti.png') no-repeat top left;}
.business_sti_sub {font-weight: 600; color: #111 !important; font-size: 15px !important; padding-left:12px; margin-bottom:10px !important}

#product nav li.menu.product_active {background: url('/images/back_menu_w.png') repeat;}
#product nav li.menu.product_active .oneD {background:rgba(255,255,255,0) url('/images/gnb_hover_active_bg.gif') bottom no-repeat;}

#sc nav li.menu.sc_active {background: url('/images/back_menu_w.png') repeat;}
#sc nav li.menu.sc_active .oneD {background:rgba(255,255,255,0) url('/images/gnb_hover_active_bg.gif') bottom no-repeat;}

#support nav li.menu.support_active {background: url('/images/back_menu_w.png') repeat;}
#support nav li.menu.support_active .oneD {background:rgba(255,255,255,0) url('/images/gnb_hover_active_bg.gif') bottom no-repeat;}
/* 헤더 E */

.menu_link {padding-left:245px}
.menu_link ul li {float:left; width:calc( 16.66% - 1px); text-align:center;}
.menu_link ul li.menu_active {background-size:height:85px; background: url('/images/back_menu_w.png') repeat}
.menu_link ul li.menu_active a {border-bottom:2px solid rgba(255,255,255,0.8); padding-bottom:5px;}

.main_menu {/height:60px; line-height:60px; font-family: 'roboto';  letter-spacing:0.05em;  font-size:15px; color:#00198a; font-weight:500;}
.main_menu02 {height:85px; line-height:85px; letter-spacing:0.04em;  font-size:16px; color:#FFF; font-weight:400; position:relative;}
.go_box {display:inline-block; border-bottom:0px solid #e8e8e8;}

.main_img_num {font-family: 'roboto','NanumSquare-R',sans-serif; font-size:18px; margin-left:5px; color:#fff;  letter-spacing:0.02em}
.main_img_sub {font-family: 'roboto','NanumSquare-R',sans-serif; font-size:18px; color:#fff; margin-bottom:10px; margin-left:5px; letter-spacing:0.02em}
.main_img_line {display:inline-block; width:50px; height:3px; background:#FFF; margin: 20px 5px 10px;}
.main_img_copy {margin-bottom:5px; font-size:65px; color:#fff; line-height:1.2em;  text-align:left; letter-spacing:-1px; font-family: 'NanumSquare-B',sans-serif; /*text-shadow: 0px 0px 9px rgba(0,0,0,1.0) !important;*/ behavior: url( "/PIE.htc" );}

.main_middle_box {padding:80px 0 0; position: absolute;  width: 282px; z-index: 9;}
.main_middle_black {position: absolute;  width: 384px; height:280px; background-color:rgba(0,0,0,0.25); z-index: 2;}
.main_middle_ti_en {font-size:12px; color:#FFF; margin:0 0 10px 4px; letter-spacing:0.02em}
.main_middle_ti {font-size:30px; line-height:1.1em; color:#FFF;  font-family: 'roboto','NanumSquare-B',sans-serif; text-shadow: 0px 0px 7px rgba(0,0,0,1.0) !important;}
.main_middle_copy {margin:10px 0 0; color:#FFF}

.gong_w_main {position:absolute; display:inline-block; border:2px solid #FFF; width:10px; height:10px; border-radius:14px; top:-20px; left:-8px}
.gong_w {position:absolute; display:inline-block; border:2px solid #FFF; width:10px; height:10px; border-radius:14px;}
.gong_b {position:absolute; display:inline-block; border:2px solid #00198a; width:10px; height:10px; border-radius:14px;}
.gong_bl {position:absolute; display:inline-block; border:1px solid #111; width:10px; height:10px; border-radius:14px;}
.gong_bl.title {left:-15px; top:-15px}

.phil_box {background: url('../images/dum001.png') no-repeat; width:1024px; height:341px; margin:0 auto;}
.phil_box ul {width:100%; padding:0 32px;}
.phil_wrap li {float:left; font-family: 'roboto','NanumSquare-R','Noto Sans Korean',sans-serif;  letter-spacing:0.1em; margin-top:150px;  font-size:22px; line-height:1.1em; color:#FFF;}
.phil_wrap li.fir {width:340px;}
.phil_wrap li.sec {width:280px;}
.phil_wrap li.thi {width:340px;}
.phil_wrap li .line {display:inline-block; width:30px;height:2px; background:#FFF}
.phil_wrap li span {display:block; font-size:16px; letter-spacing:-0.03em;}
.phil_wrap_second li {float:left; padding:0 20px; line-height:1.5em;}

.phil_wrap_copy_box {width:1024px; margin:0 auto;}
.phil_wrap_copy {width:100%; padding:0 47px;}
.phil_wrap_copy li {float:left; margin:0;}
.phil_wrap_copy li.fir {width:310px; }
.phil_wrap_copy li.sec {width:310px;  margin:0 0px;}
.phil_wrap_copy li.thi {width:310px;}
.phil_wrap_copy .comment {font-size: 18px; line-height: 1.7em; color: #444;  margin: 0 auto;}

.sub_title {display:inline-block;font-weight: 600; font-size: 15px;margin-bottom: 10px; position: relative; letter-spacing: 0.00em; font-family: 'NanumSquare-R','Noto Sans Korean',sans-serif; }
.depth_title {display:inline-block; border-bottom:1px solid #999; font-size:15px; margin-bottom:10px; padding-bottom:3px}

#con_map { position: relative; text-align:left;}
#con_map p {margin-bottom:0; font-size:15px; }
.map_pati {position:absolute; width:1px; height:100px; bottom:-80px; background:#00198a; left:50%}
.map_company_img {position:absolute; right:0; top:43px; width:565px; height:275px}
.map_canvas_box {width:700px; height:450px; border:1px solid #dfdfdf}

a.btn_map {position:absolute; height:40px; border-radius:22px; border:1px solid #ccc; line-height:40px; padding:0 40px; bottom:0px; right:0px;
background-color:rbg(255,255,255,0);
  -moz-transition:background-color .1s ease;
  -o-transition:background-color .1s ease;
  -ms-transition:background-color .1s ease;
  -webkit-transition:background-color .1s ease;
  transition:background-color .1s ease;
}
a.btn_map:hover {background-color:#013ca6; color:#FFF}

.bus_icon {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:11px; color:#FFF; vertical-align:middle}

.main_copy {position:absolute; top:50%; left:50%; width:1200px; margin:0 auto; margin-left:-600px; margin-top:-100px;}
.mouse {position: absolute; bottom:20px; left:50%; margin-left:-20px;}
.mouse img {width:40px;}
.title_copy {	float:right; color:rgba(255,255,255,0.9); 	letter-spacing:-0.04em; text-align:right; position: absolute; bottom: -60px; right: 0; padding: 18px 60px 20px 20px; font-size: 13px; line-height: 1.6em;  text-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.main_title {position:absolute; left:50%; width:auto; margin-top:291px; margin-left:-568px; text-align:center}
.test_wrap li {padding:10px;}
.jump {position: absolute; bottom:85px; left:50%; }

.middle_body {position: relative; display: table; height: 100%; width: 100%;}
.middle_body li {float:left; width:282px; margin-right:24px;  font-family: 'NanumSquare-R'; height:280px; display: table-cell; vertical-align: middle;}
.middle_body li:last-child {margin-right:0;}
.middle_body .middle_body_img01 {background: url('/images/main_middle_img_02.png') no-repeat center left;}
.middle_body .middle_body_img02 {background: url('/images/main_middle_img_04.png') no-repeat center center;}
.middle_body .middle_body_img03 {background: url('/images/main_middle_img_05.png') no-repeat center right;}
.middle_body .middle_body_img04 {background: url('/images/main_middle_img_06.png') no-repeat center right;}

.product_body {position:relative}
.product_body li {float:left; width:200px; margin-right:0px; text-align:center}
.product_body li p {font-family: 'roboto';  letter-spacing:0.02em; font-size:13px; line-height:1.3em;}

.faq_list {text-align:left}
.faq_list p.question {font-size:18px}
.faq_list p.answer {margin-top:20px; border-top:1px dotted #dfdfdf; padding-top:20px; color:#013ca6; font-size:18px; line-height:1.6em}
.icon_answer {
	border:2px solid #013ca6;
	margin:0 5px 5px 0;
    font-family: 'roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    color: #013ca6;
    width: 30px;
    height: 30px;
    border-radius: 18px;
    line-height: 30px;
    text-align: center;
    z-index: 999;
}

.faq_list ul li {padding:20px 60px 20px 60px; border-top:1px solid #dfdfdf; position:relative;}
.faq_list ul li.active {background-color:rgba(0,0,0,0.02);}
.faq_list ul li:last-child {border-bottom:1px solid #dfdfdf; }
.faq_num {position:absolute;  letter-spacing:0.02em; left:15px; }
.faq_part {display:inline-block; width:80px; margin-right:10px; float:right; font-size:14px;}
.faq_part:before {content:"/     "; padding-right:10px;}
.big_num {font-family: 'NanumSquare-R','roboto',sans-serif; letter-spacing:0.02em; font-size:30px; font-weight:400;}

/* 하단페이지네이션 */
#navi {margin-top:50px; font-family: 'roboto', sans-serif; position:relative;}
#navi ul {display:inline-block; margin:0 auto;  position:relative;}
#navi ul li {text-align:center; display:inline-block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; width:40px; height:40px; line-height:40px; float:left; background:#FFF}
#navi ul a:last-child li {border-right:1px solid #ccc}
#navi ul li.active {border:2px solid #013ca6 !important; color:#013ca6;  width:42px; height:42px; box-sizing: border-box;}
#navi ul a:hover li {border:2px solid #013ca6; color:#013ca6;  width:42px; height:42px; box-sizing: border-box;}
#navi .navi_arrow_pre {position:absolute; color:#111; top:0; top:8px; left:-25px; font-size:20px;}
#navi .navi_arrow_next {position:absolute; color:#111; top:0; top:8px; right:-25px; font-size:20px;}

.faq_wrap li {padding:8px 0; border-top:1px dashed #dfdfdf}
.caution {display:inline-block; font-size:11px; font-family:'NanumSquare-R','roboto',sans-serif; color:#999; vertical-align:middle;}

/* 중간 서브메뉴 */
.sub_menu {height:60px; border-bottom:1px solid #efefef;  background:#fcfcfc; position:absolute; z-index:99; left:0; bottom:0; width:100%;}
.sub_menu.fixed {position:fixed !important; z-index:100; top:85px; margin-top:0 !important;}
.sub_menu .wrap_body {/*line-height:60px*/}
/*
.sub-menu {position:absolute; z-index:99; left:0; bottom:0; width:98%; height:61px; background:#fff;}
.sub-menu.fixed {position:fixed !important; z-index:100; top:85px; margin-top:0 !important;}
*/
.sub_menu ul {width:auto; margin:0 auto; display: inline-block;}
.sub_menu ul.pro {max-width:100%; margin:0 auto;     display: inline-block; width:auto;}
.sub_menu ul li {text-align:center; padding: 0 40px;width: auto;  position:relative; font-size:15px; line-height:60px; font-family: 'roboto','NanumSquare-R'; letter-spacing:0.02em;}
.sub_menu ul a {border-left:1px solid #efefef; height:60px; display:block; float:left; background-color:rbg(255,255,255,0);
  -moz-transition:background-color .1s ease;
  -o-transition:background-color .1s ease;
  -ms-transition:background-color .1s ease;
  -webkit-transition:background-color .1s ease;
  transition:background-color .1s ease;
}
.sub_menu ul a:first-child {border-left:0px}
/* .sub_menu ul li:hover  {border-bottom:2px solid #013ca6; height:61px; box-sizing : border-box;  cursor: pointer;} */
.sub_menu ul a.active {font-weight:400; color:#FFF; background:#996b56; height:61px; font-size:17px; line-height:60px; border-left: 1px solid #996b56; }
.sub_menu ul a:hover  {font-weight:400; color:#FFF; background-color:#996b56; height:61px; line-height:60px; border-left: 1px solid #996b56; }
.sub_menu ul a:first-child:hover {border-left: 0px !important}
.sub_menu ul li.pro {text-align:center; float:left; border-left:1px solid #dfdfdf; position:relative; padding:0 40px; width:auto}
.sub_menu ul li:first-child {border-left:0px}
.sub_menu ul li:last-child {border-right:0px}

/* Depth 메뉴 */
.depth_menu_wrap {border:1px solid #ccc; height:50px; line-height:50px; margin-bottom:40px; }
.depth_menu_wrap ul {display:inline-block; width:100%;}
.depth_menu_wrap ul li {float:left; display:inline-block; letter-spacing:0.02em; border-right:1px solid #dfdfdf; background:#FFF; }
.depth_menu_wrap ul li:last-child { border-right:0;}
.depth_menu_wrap ul li.active {/*background:rgba(255,255,255,0) url('/images/back_depthmenu_active.png') repeat-x;*/ background:rgba(0,0,0,0.015); color:#996b56; font-weight:600;}
.depth_menu_wrap ul li a:hover {color: #996b56; font-weight: bold; }

.depth_menu_wrap ul.grid_01 li {width:100%; border:0 !important;}
.depth_menu_wrap ul.grid_02 li {/*width:calc( 50% - 2px);*/width:50%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_03 li {width:33.3%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_04 li {width:25%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_05 li {width:20%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_06 li {width:16.66%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_07 li {width:14.28%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_08 li {width:12.5%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_09 li {width:11.11%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_10 li {width:10%; box-sizing: border-box;}
.depth_menu_wrap ul.grid_10 li a {letter-spacing:-0.04em	}



.ceo_mes {}
.ceo_mes ul li {/*float:left*/}
.ceo_mes.business {text-align:left}
.ceo_mes.business .business_wrap ul li {float:left}
.ceo_mes.business .business_wrap ul li.fir {width:40%; margin-right:30px}
.ceo_mes.business .business_wrap ul li.fir img {width:100%}
.ceo_mes.business .business_wrap ul li.sec {width:calc( 60% - 30px ); position:relative}
.ceo_mes.business .business_wrap p {font-size:18px; line-height:1.7em;  color:#444}
.ceo_mes.business .sti {font-weight: 400; font-size: 22px !important;}
.ceo_mes.business .sti_20 {font-weight: 400; font-size: 20px !important;}

.ceo_mes.business .business_wrap_right {padding-top:80px;}
.ceo_mes.business .business_wrap_right.sec {padding-top:41px;}
.ceo_mes.business .business_wrap_right ul li {float:left}
.ceo_mes.business .business_wrap_right ul li.fir {width:calc( 60% - 30px ); position:relative}
.ceo_mes.business .business_wrap_right ul li.sec {width:40%; margin-left:30px}
.ceo_mes.business .business_wrap_right ul li.sec img {width:100%}
.ceo_mes.business .business_wrap_right p {font-size:18px; line-height:1.7em; color:#444}

.ceo_mes.business .mark ul li {width:calc( 12.5% - 40px ); float:left; vertical-align:middle; padding:0 20px; display:table}
.ceo_mes.business .mark ul li .mark_wrap {display:table-cell; vertical-align:middle }
.ceo_mes.business .mark ul li .mark_wrap img {width:calc( 100% - 40px ); }

.table_mark {border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf}
.table_mark tr td {width:10%; text-align:center; border-right:1px solid #dfdfdf; border-bottom:0px solid #dfdfdf; padding:10px 20px; height:75px; background:#FFF}
.table_mark tr td:last-child { border-right:0;}
.table_mark tr td img {width:100%; vertical-align:middle;}

.table_mark.food_box {border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.table_mark.food_box tr td {border-bottom:1px solid #dfdfdf;}

/* 1014 */
.table_mark.food {width:100%;}
.table_mark.food tr td {position:relative; width:100%; height: auto; text-align: left; padding: 20px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; font-size: 16px;     line-height: 1.6em; color: #444; font-family: 'NanumSquare-R','roboto',sans-serif;}
.table_mark.food tr td.brnd_logo {width:112px; padding:0 40px; border-right:0 !important;}
.table_mark.food tr td.brnd_copy {border-left:0 !important;}
.table_mark.food tr td img {width:112px !important;}
.table_mark.food tr td {border-bottom:0px solid #dfdfdf; vertical-align:middle;}
.table_mark.food .fir {float:left; width:20%; text-align:center; vertical-align:middle;}
.table_mark.food .fir img {width:112px !important;  vertical-align:middle;}
.table_mark.food .sec {float:left; margin-left:200px;; position:relative;  vertical-align:middle; border-left:0 !important;}
.table_mark.food .link {position:absolute; right:0; top:0; z-index:9; font-size:13px; font-weight:normal;}
.table_mark.food .business_sti_none {font-weight:600; color:#111 !important; font-size:15px !important; text-align:left; display:block; padding:0px 10px 0 0; height:20px;  line-height:18px !important; position:relative;}
.table_mark.food .more_brand {display: inline-block; font-size:11px;color:#666; vertical-align:middle; font-family:'NanumSquare-R','roboto',sans-serif; letter-spacing:-0.04em; border:1px solid #dfdfdf; padding:5px 6px 3px; line-height:1em; border-radius:3px; margin-top:5px;}

.table_mark.brand {width:100%;}
.table_mark.brand tr td {width:16.66%; text-align:left; padding: 20px; vertical-align:middle; height:auto}
.table_mark.brand tr td img {width:147px; max-height: 50px;}
.table_mark.brand tr td div {margin-top:10px;}
.table_mark.brand.copy {border:0}
.table_mark.brand.copy tr td {width:16.66%; text-align:left; padding: 0 20px; vertical-align:top; border:0}

.table_mark_detail {border:1px solid #dfdfdf; min-width:600px !important; border-collapse: collapse;}
.table_mark_detail tr td {text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:5px; }
.table_mark_detail tr td:last-child { border-right:0;}

.mark2 {position: relative; display: table; height: 100%;}
.mark2 img {width:calc( 10% - 40px ); vertical-align:middle; margin:0 20px;}
.mark2 .mark_cell {display: table-cell; vertical-align: middle;}
.mark_cell li {display:inline}

a.business_btn {position: absolute; border:1px solid #ccc; text-align:center; padding:0 20px; border-radius:22px; height:40px; line-height:40px; width:150px; bottom:-40px; right:0;
background-color:rbg(255,255,255,0);
  -moz-transition:background-color .1s ease;
  -o-transition:background-color .1s ease;
  -ms-transition:background-color .1s ease;
  -webkit-transition:background-color .1s ease;
  transition:background-color .1s ease;
}
a.business_btn:hover {background-color:#013ca6; color:#FFF}
a.business_btn::after {
    font-family: 'FontAwesome','roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    content: "\f105";
    position: absolute;
    right: 20px;
	top:50%;
    margin-top: -.5em;
}
.ceo_mes.business .business_wrap_right .business_btn {left:0 !important;}
.ceo_mes p {margin-bottom:50px;     font-size: 18px;    line-height: 1.7em;}

.contents_container {min-height: calc( 100% - 500px);}
.wrap_body_container {padding:30px 0 50px}

/* 제품보기 */
.product_list_wrap {}
.product_list_wrap .product_list {text-align:left}
.product_list_wrap .product_list li {position:relative; width:calc( 20% - 3px );display:inline-block; text-align:center; margin-bottom:50px; vertical-align: top;}
.product_list_wrap .product_list li img {/*width:100%; height:100%;*/width:200px; height:200px;}
.product_list_wrap .product_list li p {width:70%; line-height:1.3em;  font-family: 'NanumSquare-R', 'roboto', sans-serif;  letter-spacing:0.02em; margin:10px auto 0; color:#000; font-size:16px;}
.product_list_wrap .product_list a:hover {color:#013ca6}

.product_detail_wrap {}
.product_detail_wrap .product_detail {position:relative; display:inline-block}

/* .product_detail_wrap .product_contents {background: url('/images/back_detail.png') repeat-y; margin-top:30px;}*/
.product_detail_wrap .product_contents p {margin-bottom:0}
.product_detail_wrap .product_contents ul li.dan { /*float:left;*/ text-align:left; display:inline-block; vertical-align: top;}
.product_detail_wrap .product_contents ul li.fir {width:calc( 64.8% - 40px); padding-right:40px}
.product_detail_wrap .product_contents ul li.sec {width:calc( 34.8% - 40px); padding-left:40px}

.product_detail_wrap .product_contents .detail ul li {padding:15px 0px; border-top:1px solid #dfdfdf; position:relative; text-align:left; position:relative; line-height: 1.9em;}
.product_detail_wrap .product_contents .detail ul li:first-child {border-top:0px solid #dfdfdf; }
.product_detail_wrap .product_contents .detail ul li:last-child {border-bottom:0px solid #dfdfdf; }
.product_detail_wrap .product_contents .detail .title {font-family: 'NanumSquare-R','roboto',sans-serif; letter-spacing:0.02em; font-size:16px; display:inline-block; width:75px; position:absolute; border-right:1px solid #ebebeb; color:#1a3168; font-weight:600;}
.product_detail_wrap .product_contents .detail .copy {font-family: 'NanumSquare-R','roboto',sans-serif; letter-spacing:0.02em; font-size:16px; font-weight:400; display:inline-block; margin-left:90px}
.product_detail_wrap .product_contents .detail .copy p span {font-size:16px !important; font-family: 'NanumSquare-R','roboto',sans-serif !important;}

.product_detail_wrap .product_contents .detail_img {border-top: 0px solid #dfdfdf;}
.product_detail_wrap .product_contents .detail_img li {margin-bottom:20px; position:relative; display:inline-block; width:49.5%; text-align:center}
.product_detail_wrap .product_contents .detail_img li:last-child {margin-bottom:0px;}
.product_detail_wrap .product_contents .detail_img li img {width:94%; border:0px solid #dfdfdf; cursor: pointer;}
.product_detail_wrap .product_contents .detail_img .detail_img_title { font-family: 'NanumSquare-R','roboto',sans-serif; letter-spacing:0.02em; font-size:16px; display:inline-block; color:#1a3168; font-weight:600; padding:18px 0px 15px;}

.product_contents_box {text-align:center; border-top:1px solid #dfdfdf}

.main_strNameEn {color:#999; display:block; font-size:13px; line-height:1.2em; margin-top:5px;}

.detail_btn {margin-top:50px;}
.detail_btn ul li {}
 .detail_btn ul li.fir {float:left}
.detail_btn ul li.sec {float:right}
.detail_btn .dan {display:inline-block; margin:0 5px}

/* 연혁 */
.history_warp {background: url('/images/back_history.png') repeat-y top left; display: inline-block;}
.history_warp p {margin-bottom:0}
.history_warp ul li {text-align:left}
.history_warp .history_list_box {margin-left:150px; margin-top:-37px; font-size: 18px; line-height: 1.7em;}

.history_warp ul li.dan {width:calc( 50% - 30px); float:left; text-align:left}
.history_warp ul li.fir {padding-right:30px}
.history_warp ul li.sec {padding-left:30px}
.history_warp .box {position:relative; margin-top:20px;  line-height:1.9em}
.history_warp .ti {font-size:26px; margin-bottom: 5px; color:#00198a}
.history_point {display:inline-block; position:absolute ;width:16px; height:16px; border-radius:10px; background:#996b56; top:18px; left:95px; margin-top:-8px; z-index:99}
.history_point_line {display:inline-block;position:absolute; width:400px; height:1px; border-top:1px solid #ebebeb; right:-30px; top:20px}
.history_point.left { left:-37px !important;}
.history_point_line.left {left:-30px  !important;}
.history_parti {display:inline-block; margin:0 10px; color:#999;}

.history_box {padding:30px 0 ; border-top:2px solid #00198a; border-bottom:2px solid #00198a; text-align:left; position:relative; margin-bottom:130px}
.history_box .comment {font-size: 18px; line-height: 1.7em; color: #444;}
.history_box .partition {position:absolute; width:1px; height:100px; bottom:-80px; background:#00198a; left:50%}


.history_center_img {width:320px; height:320px; border-radius: 170px; background:#ebebeb url('/images/img_history.png') no-repeat center ; margin:0 auto 70px}
.history_indent {padding-left:75px}

/** 채용 **/
.recruit_body {padding:30px 0; text-align:left; border-bottom: 1px solid #dfdfdf;}
.recruit_body caption {text-align:left; font-weight:700;padding:0 0 10px 0}
.recruit_body table p {padding:0 !important; margin:0 !important}
.recruit_body table { width: 100%; border: 1px solid #000; border-collapse: collapse; }
.recruit_body table th, .recruit_body table td {border: 1px solid #ccc; padding:10px}
.recruit_body img {margin:20px}

.self_warp {background: url('/images/back_self.png') repeat-y; text-align:left; padding-bottom:40px; border-top:1px solid #dfdfdf; padding-top:40px;}
.self_warp p {margin-bottom:0}
.self_warp ul li.dan {width:calc( 50% - 30px); float:left; text-align:left}
.self_warp ul li.fir {padding-right:30px}
.self_warp ul li.sec {padding-left:30px}
.self_warp .self_list {border:1px solid #d2d2d2; padding:10px 15px; margin-top:20px; overflow-y: scroll; height:228px; background:rgba(0,0,0,0.01);}
.self_warp .self_list li {font-size:16px; padding:5px 0}
.self_warp .self_list li:before {content: " "; padding-left:5px}
.self_warp .self_list a {margin-left:5px; font-size: 18px; line-height: 1.6em; }

.self_num {position:absolute; top:8px; left:0; font-size:55px; font-weight:700; font-family:'roboto', 'NanumSquare-L', sans-serif;}
.self_ti {margin-left:45px}

.self_warp02 {text-align:left; background: url(/images/back_self.png) repeat-y; border-top: 1px solid #dfdfdf; padding-top:40px}
.self_warp02 p {margin-bottom:0}
.self_warp02 ul li.dan {width:calc( 50% - 30px); float:left; text-align:left}
.self_warp02 ul li.fir {padding-right:30px}
.self_warp02 ul li.sec {padding-left:30px}
.self_warp02 .self_list {padding:10px 15px 10px 0; margin-top:20px; }
.self_warp02 .self_list li p {color:#f05f5c; font-size: 18px; line-height: 1.6em; font-weight:bold; /*background: url('/images/as_on.png') no-repeat left top;*/ padding-left:45px; min-height:31px;}

/* 푸터 */
#footer {padding:30px 0 40px; font-size:11px; color:rgba(255,255,255,0.6);
background: rgb(1,60,166);
background: -moz-linear-gradient(left, rgba(1,60,166,1) 0%, rgba(26,49,104,1) 100%);
background: -webkit-linear-gradient(left, rgba(1,60,166,1) 0%,rgba(26,49,104,1) 100%);
background: linear-gradient(to left, rgba(1,60,166,1) 0%,rgba(26,49,104,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3168', endColorstr='#013ca6',GradientType=1 );
/*background:url('/images/h_offBg.png') repeat;*/
}
#footer img {width:130px;}
#footer div {text-align:left}
#footer  select, option {}
#footer  option {color:#666}
.foot_select { border: 0px solid #ccc;	line-height:1em;    display: inline-block;}
.foot_select select {    color: #717171;    font-size: 11px;    border: 0;    outline: 0;    margin: 0;    padding: 0;    background: none;	height:auto;}
.foot_select.faq  {background:#fff}
.foot_select.faq  option {color:#666}

#footer .footer_wrap {letter-spacing:0.02em; line-height:1.5em; position:relative}
#footer .footer_menu {position: absolute; right:0; bottom:0}
#footer .footer_menu .copy {margin-bottom:5px;  text-decoration: none;   /* border-bottom: 1px solid rgba(255,255,255,0.4); padding-bottom: 4px;*/ margin-right:190px}
.foot_slash {display:inline-block; padding:0 5px;}


#header .select_link { right: 0px; bottom: -54px; font-size: 12px; position: absolute;}
#header .select_box { border: 1px solid rgba(0,0,0,0.6); border-image: none; width:	80px; height: 23px; line-height: 25px; float: right; display: block; position: relative;}
#header .select_box a {	padding: 0px 0 0 6px; display: block;  text-align: left;}
#header ul.select_url {border: 1px solid rgb(98, 98, 98); border-image: none; bottom: -51px; width: 80px; height: auto; color: rgb(98, 98, 98); display: none; position: absolute;
-ms-overflow-y: scroll; background-color: rgb(255, 255, 255); }
#header ul.select_url li {	line-height: 25px; text-indent: 9px; font-size: 12px;
    float: none;
    width: 100% !important;
    text-align: left;
    height: auto;
    display: inline-block;}
#header ul.select_url li a {	width: 100%; display: block;}
#header ul.select_url li a:hover {	color: rgb(255, 255, 255); background-color: #013ca6;}
#header .on.select_box + ul.select_url {	display: block;}
#header .clear_line {	background: rgb(66, 66, 66); width: 100%; height: 1px; clear: both;}

#footer .select_link {	right: 0px; bottom: 0; font-size: 12px; position: absolute;}
#footer .select_box {	border: 1px solid rgba(255,255,255,0.6); border-image: none; width: 180px; height: 23px; line-height: 25px; float: right; display: block; position: relative;}
#footer .select_box::after {	background: url("/images/ico_plus.png") no-repeat top / cover; transition:0.3s ease-out; top: 8px; width: 7px; height: 7px; right: 13px; display: inline-block; position: absolute; content: ""; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
#footer .on.select_box::after {	transform: rotate(45deg); -webkit-transform: rotate(45deg);}
#footer .select_box a {	padding: 0px 18px; display: block;}
#footer ul.select_url {border: 1px solid rgb(98, 98, 98); border-image: none; bottom: 24px; width: 180px; height: auto; right: 0px; color: rgb(98, 98, 98); display: none; position: absolute; -ms-overflow-y: scroll; background-color: rgb(255, 255, 255);}
#footer ul.select_url li {	line-height: 25px; text-indent: 9px; font-size: 12px;}
#footer ul.select_url li a {	width: 100%; display: block;}
#footer ul.select_url li a:hover {	color: rgb(255, 255, 255); background-color: #996b56;}
#footer .on.select_box + ul.select_url {	display: block;}
#footer .clear_line {	background: rgb(66, 66, 66); width: 100%; height: 1px; clear: both;}

/* 메인롤링 */
#jjum_wrap { width: 100%; height:85%; min-height:750px; overflow: hidden;}
#jjum_container { width: 100%; height: 100%;}
.jjum_main { width: 100%;  height: 100%;  position: relative;}
.page {background-size: cover; background-repeat:no-repeat; width: 100%; height: 100%; overflow: hidden; position: relative;}
.page.main001 {background-image: url('/images/main_001.png'); }
.page.main002 {background-image: url('/images/main_003.png'); }
.page.main01 {background-image: url('/images/main_01.jpg'); }
.page.main01_02 {background-image: url('/images/main01_02.jpg'); }
.page.main01_03 {background-image: url('/images/main01_03.jpg'); }
.page.main01_04 {background-image: url('/images/main01_04.jpg'); }
.page.main02 {background-image: url('/images/main_02.jpg'); }
.page.main02_re {background-image: url('/images/main_02_0.jpg'); }
.page.main02_re_re {background-image: url('/images/main_02_00.jpg'); }
.page.main03 {background-image: url('/images/main_03.jpg'); }
.page.main04 {background-image: url('/images/main_04.jpg'); }
section {display: block;}
.page_txt {width: 1180px; margin: 0 auto;color: #999;font-size: 13px; z-index: 20; letter-spacing: -0.5px; }
.page_txt .copy {padding: 200px 0 0 86px; }

/* 서브페이지 이미지 */
.sub_page {background-size: cover;width: 100%; height:321px; position: relative;}
.sub_page .title {font-size:30px; color:#fff; line-height:1.1em;  text-align:left; letter-spacing:-1px; margin-top:130px; margin-left:35px; }

.sub_page .sub_img_title { padding:140px 0 0 0; margin-left:0px; font-size:26px; color:#000; line-height:1.1em; text-align:center; font-weight:600;
letter-spacing:0.01em; width:auto; text-shadow: 0px 0px 4px rgba(0,0,0,0.2) !important;}
.sub_page .wrap_body .sub_img_title span {text-shadow: 0px 0px 4px rgba(0,0,0,0.2) !important; font-size:17px !important}

.sub_page .sub_img_title.white_shadow {color:#000; line-height:1.1em; text-align:center; font-weight:600;
text-shadow: 0px 0px 4px rgba(255,255,255,0.8) !important;}
.sub_page .wrap_body .sub_img_title.white_shadow span {text-shadow: 0px 0px 4px rgba(255,255,255,0.8) !important;}

.sub_page .sub_img_title.white_text { color:#FFF; line-height:1.1em; text-align:center; font-weight:600;
text-shadow: 0px 0px 4px rgba(0,0,0,0.8) !important;}
.sub_page .wrap_body .sub_img_title.white_text span {text-shadow: 0px 0px 4px rgba(0,0,0,0.8) !important; color:#FFF}

/* 서브페이지 상단이미지 */
.sub_page.company {background: url('/images/sub_01.jpg') no-repeat; background-size: cover; background-position: center center;}
.sub_page.product {background: url('/images/sub_food_01.jpg') no-repeat; background-size: cover; background-position: center center;}
.sub_page.business {background: url('/images/sub_business_01.jpg') no-repeat; background-size: cover; background-position: center center;}
.sub_page.self {background: url('/images/sub_self_01.jpg') no-repeat; background-size: cover; background-position: center center;}
.sub_page.notice {background: url('/images/sub_faq_01.jpg') no-repeat; background-size: cover; background-position: center center;}
.sub_page.faq {background: url('/images/sub_faq_01.jpg') no-repeat; background-size: cover; background-position: center center;}
.sub_page.support {background: url('/images/sub_support_01.jpg') no-repeat; background-size: cover; background-position: center center;}

.sub_page.product .sub_menu .wrap_body ul li:nth-child(2) {display:none}

.dept_title {margin-bottom:20px; text-align:left}

.down_notice {display:inline-block; margin-right:29px; float:left; background:#dab56e; padding:7px 8px 6px; line-height:1em}
.down_file {float:left}
.down_file li {margin-bottom:10px;}
.down_file li:last-child {margin-bottom:0px;}

.main_notice_box_left {float:left; width:calc( 40% - 34px); margin-right:34px; text-align:left; height:519px; position:relative}
/* IE-8 browser */
.main_notice_box_left {width:446px\9;}
.main_notice_box_right {float:left; width:60%;}
/* IE-8 browser */
.main_notice_box_right {width:720px\9;}
.main_banner {position:absolute; bottom:38px}
.main_banner img {width:100%}

/* 컨텐츠 바디 */
section#contents_vody_wrap {padding:60px 0 100px; width: 1200px;  margin: 0 auto;  text-align: center;}
/* .contents_copy {padding:0 35px; position:relative} */
.contents_copy {padding:0; position:relative}
.contents_copy h3 {margin-bottom:40px; text-align:center}

.contents_copy.faq p{margin-bottom:0px}
.contents_copy h3 span.pro_title {display: inline-block; position: relative; line-height: 1.2em;}
.contents_copy h3 span.pro_title:after {background-color: #013ca6; content: ""; position: absolute; left: 50%; bottom: -20px; margin-left: -25px; height: 1px; width: 50px; }
.contents_copy h3 .sub_title { line-height: 1.2em; display:block; font-size:22px; margin-top:75px;}
.contents_copy h3 .summary {font-size:14px; line-height:1.6em; margin-top:30px; }
.summary_depth {    font-size: 14px;    line-height: 1.6em;    margin-top: 5px;}

.point_copy {line-height:1.4em; font-size:18px; font-weight:600; color:#013ca6}

.page_prod_wrap {position:relative; text-align:left; margin-top:60px}
.page_prod_wrap .page_prod {position:absolute; left:0; top:-190px}
.photo_b {margin-top:7px;}
.photo_food {margin-top:7px;}
.photo_prod {margin-top:1px;}

.certificate_select {}
.certificate_select ul li {float:left}

/*** 버튼 ***/


a.normal_btn {position: relative; border:1px solid #ccc; text-align:center; padding:0 20px; border-radius:26px; height:50px; line-height:50px; display:inline-block; min-width:150px; font-size:15px;
background-color:rbg(255,255,255,0);
  -moz-transition:background-color .1s ease;
  -o-transition:background-color .1s ease;
  -ms-transition:background-color .1s ease;
  -webkit-transition:background-color .1s ease;
  transition:background-color .1s ease;
}
a.normal_btn:hover {background-color:#013ca6; color:#FFF}
a.normal_btn::after {
    font-family: 'FontAwesome','roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -.5em;
}
.normal_btn.pre a::before {
    font-family: 'FontAwesome','roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    content: "\f104";
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -.5em;
}
.normal_btn.pre a::after {display:none}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-chevron-right:before {content: "\f105";}
.fa-chevron-left:before {content: "\f104";}
.fa-chevron-down:before {content: "\f107";}
.fa-chevron-up:before {content: "\f106";}

.product_btn_pre, .product_btn_next {
	background-color:#fff;
	border:1px solid #999;
	font-family: 'FontAwesome','roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
	color:#999;
	width:30px; height:30px;line-height:30px; text-align:center;
	z-index:99;
	position:absolute;
	right:-30px;top: 135px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	behavior: url( "PIE.htc" );
}
.product_btn_next.faq {right:15px; top:50%; margin-top:-15px;}
.product_btn_pre {left:-30px !important}
.go_btn_next {
	font-family: 'FontAwesome','roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
	color:#FFF;
	width:30px; height:30px;border-radius:18px;line-height:30px; text-align:center;
	z-index:999;
	border:1px solid #FFF;
	margin-top:10px
}
.go_btn_next.dark {
	font-family: 'FontAwesome','roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
	color:#999;
	width:30px; height:30px;border-radius:18px;line-height:30px; text-align:center;
	z-index:999;
	border:1px solid #999;
	margin-top:10px
}
.go_btn_detail {
	background: url('/images/icon_detail.png') no-repeat 50% 50%;
    display: inline-block;
	width:31px; height:31px; border-radius:18px;line-height:30px; text-align:center;
	z-index:999;
	border:0px solid #999;
	margin-top:5px;
	display:none;
}
.common_btn02 a {
margin-top:20px;
margin-left:7px;
padding:10px 0 10px 0;
font-size:14px;
/*font-family: 'roboto', sans-serif;   letter-spacing:0.02em;*/
    display: inline-block;
    text-align: center;
    line-height: 1em;
    border: 1px solid rgba(255,255,255,0.5);
    color: #FFF;
    text-decoration: none;
    position: relative;
-moz-transition:background .6s ease;
-o-transition:background .6s ease;
-ms-transition:background .6s ease;
-webkit-transition:background .6s ease;
transition:background .6s ease;
min-width: 160px;
}
/* IE-8 browser */
.common_btn02 a { border: 1px solid #FFFFFF;}

.common_btn02 a:hover { background:#fff; color: #013ca6; 	text-shadow: 0px 0px 3px rgba(0,0,0,0);}
.common_btn02.blue a:hover { background:#fff; color: #1a3168;	text-shadow: 0px 0px 3px rgba(0,0,0,0);}
.common_btn02 a::after {font-family: 'FontAwesome','roboto', sans-serif; font-size: 18px; font-weight: normal; line-height: 1; display: inline-block; content: "\f105"; position: absolute; right: 15px; top: 50%; margin-top: -.5em; }

/*** 비디오 ***/
video {margin : 0;padding : 0; object-fit: contain !important;}

/**** 케러셀 ***/
#carousel{width:1200px;  position:relative;display:block; margin-bottom:40px	}
#carousel .container{left:0px; width:1200px !important; min-height:200px;overflow:hidden; }
#carousel #previous_button {position:absolute; cursor: pointer;}
#carousel #previous_button:hover{}
#carousel #next_button{position:absolute; cursor: pointer;}
#carousel #next_button:hover{}
#carousel ul{width:100000px;position:relative; margin:0; padding:0}
#carousel ul li{display:inline-block; float:left; text-align:center; font-weight:400; font-size:14px; line-height:1.3em;  font-family:'roboto','NanumSquare-R', sans-serif; letter-spacing: 0.02em; width:200px !important;}
#carousel ul li img {width:200px; height:auto}
#carousel ul li .title {padding:0 20px;}
#carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
#carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
#carousel ul li a.slider_title:hover{color:#cd1713}
#carousel a.img{width:145px;height:100px;display:block;background:#fff;margin-top:0}

/*** 테이블 ***/
.board_style01 table {border-top: 2px solid #111; border-bottom:0px solid #00198a; position:relative; width:100%}
.board_style01 th {padding: 16px 0 14px; border-bottom: 1px solid #dfdfdf; font-size: 16px; vertical-align: middle; 	background-color:rgba(0,0,0,0.02); font-family: 'roboto','NanumSquare-R';}
.board_style01 tr td { padding: 22px 0 19px; border-bottom: 1px solid #dfdfdf; vertical-align: middle; }
.board_style01 .title {    font-size: 18px; text-align:left}
.board_style01 .title.nodata {text-align:center !important;}
.board_style01.view th:first-child {text-align:center}
.board_style01.view th, .board_style01.view td {padding: 22px 20px 19px 0px; text-align:left}
.board_style01.view .view_contents {line-height:1.9em; font-size: 16px; padding: 30px;}
.board_style01.view .view_contents p {margin-bottom:15px;}
.board_style01.view .view_contents img {max-width:100%; }

.board_style01.view.certi .view_contents p {text-align:center}
.board_style01.view.certi .view_contents p img {width:50%}

#videobcg {margin:0 auto;}

/** FAQ **/
.syent_faqsystem > li {text-align:left}
.syent_faqsystem > li > a{display:block; position:relative; padding:18px 80px 18px 220px; background:url('/images/faq_question.png') no-repeat 31px center #fff; font-size:18px; color:#111; border-bottom:1px solid #e5e5e5; }
.syent_faqsystem > li:first-child > a{border-top:2px solid #111;}
.syent_faqsystem > li.on > a{background:url('/images/faq_question_on.png') no-repeat 31px center; color:#013ca6;     background-color: #FFF;}
.syent_faqsystem > li > a .sect{display:block; position:absolute; top:50%; left:90px; color:#333; width:100px; border-right:1px solid #dfdfdf;}
.syent_faqsystem > li > a .arrow{display:block; position:absolute; top:50%; margin-top:-6px; right:30px;}
.syent_faqsystem > li.on > a .sect{color:#013ca6}
.syent_faqsystem > li .answerD{display:none; border-bottom:1px solid #e5e5e5;background:rgba(0,0,0,0.02);}
.syent_faqsystem > li .answerD .answer{padding:24px 24px 24px 135px; background: url('/images/faq_answer.png') no-repeat 88px 23px; line-height:24px; font-size:18px; color:#111;}
.syent_faqsystem > li .answerD .answer p {margin-bottom:10px}
.syent_faqsystem > li .answerD .answer p:last-child {margin-bottom:0px}
.syent_faqsystem > li .answerD .answer span {font-family:'NanumSquare-R','roboto',sans-serif !important; font-size:18px; line-height:1.7em;}

.hidden{position:absolute; left:-9999px;}

/* Popup */
#closed { width: 100%;    height: 40px !important;  line-height: 40px !important;  padding-top:0 !important;    text-align: right;    position: relative;    bottom: 0;    left: 0;    background: #f9f9f9; }
#closed input {    padding: 6px; border: 1px solid #dfdfdf;  background: #fff;  height: auto;    line-height:1em;    color: #444; vertical-align:middle; margin-right:10px;}
#closed a {vertical-align:middle; margin: 0 10px;}
#closed img { vertical-align: middle !important;}
#content {padding:0 !important;}

.vjs-poster {}

.language_wrap {position:absolute; right:50px; top:29px; z-index:99999}

.selectbox { width: 120px; z-index: 1; color:#ccc; background-color:#013ca6; height: 27px;}
.selectbox:before {content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ccc; }
.selectbox label { position: absolute; top: 1px; left: 5px; padding: 0 5px; color: #fff; z-index: 5;  font-size:13px; letter-spacing:0.03em; height: 26px;}
.selectbox select { width:100%; height: 27px; font-size:13px; color:#fff; line-height: 26px; padding: 0 5px;  border: 0; opacity: 0; filter:alpha(opacity=0);-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.selectbox option {color:#444;}




/*** 반응형
@media all and (min-width:320px) and (max-width:960px) {
.wrap_body.contents { width: 100%;}
.location_bar_wrap { width: 100%;}
.wrap_body { width: 100%;}
#footer {padding:30px 30px 40px}
#footer .footer_menu { position: initial;    margin-top: 20px; }
#footer .select_link {right: 0px;    bottom: 0;    font-size: 12px;    position: none;}
} ***/