
/* ======================================================================= */
/* common setting */

.about_wrap{position:relative;overflow:hidden;font-size:20px;font-family::"Microsoft YaHei", 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体;line-height:1;}
.about_wrap p{line-height:1.1em}
h1,h2,h3,h4,h5,h6{font-size:17px}

/* exception gap */	
.no_padding{padding:0 !important;}
.no_margin{margin:0 !important}

.pt0{padding-top:0px !important}
.pr0{padding-right:0px !important}
.pb0{padding-bottom:0px !important}
.pl0{padding-left:0px !important}

.mt0{margin-top:0px !important}
.mr0{margin-right:0px !important}
.mb0{margin-bottom:0px !important}
.ml0{margin-left:0px !important}

.mt0{margin-top:0px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mtm60{margin-top:-60px !important}

.mb0{margin-bottom:0px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}

.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

	/* images size */
.max_img{width:100%}
.helf_img{width:50%}

	/* list style */
.squre_list{margin-left:40px}
.squre_list li{list-style:square}

	/* bg color */
.odd_bg{background:#f9f9f9 !important}
.even_bg{background:#f1f1f1 !important}

	/* title size*/
.c_tit_l_size{font-size:36px !important}
.c_tit_m_size{font-size:26px !important}

	/* visual title size*/
.v_tit_l_size{font-size:57px !important}
.v_tit_m_size{font-size:36px !important}


.report_tit{font-size:36px !important}
.report_tit span{margin-top:10px;display:block}


/* Sustainability Report */
.company_r_style{background:#f1f1f1;margin-top:10px;padding:20px !important; color:#0057a4}
.company_r_style p{margin-bottom:0.5em}

	/* color theme */
.theme_txt{color:#fff !important}
.theme_txt a{color:#fff !important}
.theme_txt .tit{color:#fff !important}

.theme_01{background:#1429a0 !important;}
.theme_02{background:#685bc7 !important;}
.theme_02 a{color:#000!important}
.theme_03{background:#0588d9 !important;}
.theme_04{background:#019ca5 !important;}
.theme_05{background:#0588d9 !important;}
.theme_06{background:#0689d8 !important;}
.theme_07{background:#f9f9f9 !important;}
.theme_07 .txt{color:#000 !important}
.theme_07 .tit{color:#0588d7 !important}
.theme_07 .sub_tit{margin-bottom:25px;display:block}

.hei250 {height:250px;}

	/* font color */
.fsty_01{color:#007cc0 !important}
.fsty_02{color:#000 !important}

	/* font weight  */
.fsty_bold{ font-weight:bold;}

	/* button */
.ss_samsung .button {padding:0.8em 1em}
.buttonbox{overflow:hidden;padding-top:0 !important;}
.buttonbox .button{float:right}

	/* border type */
.b-bottom01{border-bottom:1px solid #0588d7 !important}


/* ======================================================================= */
/* desktop */

/* layout */
.about_nav{position:relative;z-index:1;width:380px;float:left;} /*20140703����*/
.about_centent{position:relative;z-index:0;padding-left:380px}
.about_nav .about_tit{font-size:28px;padding:70px 0 30px 30px}

/* text box*/
.con_txt_box{padding:20px}
.con_txt_box_x{padding:0 20px}
.con_txt_box_y{padding:20px 0}

.con_txt_box .tit,
.con_txt_box_x .tit,
.con_txt_box_y .tit{font-size:36px;margin-bottom:0.5em}

.con_txt_box dt,
.con_txt_box_x dt,
.con_txt_box_y dt{font-size:36px;margin-bottom:0.5em}

/* lnb */
.about_lnb{position:relative;z-index:0;/*border-bottom:3px solid #c1c1c1*/}
.about_lnb a{display:block;color:#000;padding:20px 30px;border-bottom:1px solid #f1f1f1}
.about_lnb a.on{font-weight:bold}
.about_lnb a:hover{color:#0689d8;font-weight:bold}
.about_lnb a span{float:right;font-size:18px;margin-top:2px}
.about_lnb h3:first-child .lnb_btn_01 {border-top:3px solid #c1c1c1;}
.about_lnb h3 .lnb_btn_01{font-weight:bold;border-bottom:3px solid #c1c1c1;}
.about_lnb .lnb_btn_01{font-weight:bold;border-bottom:3px solid #c1c1c1;}
.about_lnb .btn_left{border-top:1px solid #c1c1c1}
.about_lnb .last .btn_left{border-top:none;}
	/* 2depth */
.about_lnb ul{display:none}
.about_lnb > ul{display:block;}
.about_lnb > ul.not_lnb > li:first-child a{border-top:3px solid #c1c1c1}
.about_lnb > ul > li.last a, .about_lnb > ul > li:last-child a{border-bottom:3px solid #c1c1c1}
.about_lnb > ul > li > a{padding-left:45px}
	/* 3depth */
.about_lnb > ul > li > ul > li > a{padding-left:60px}
	/* 4depth */
.about_lnb > ul > li > ul > li > ul > li > a{padding-left:75px}

/*20140703�߰�*/
.about_lnb > ul.not_lnb li > .btn_right{border-top:1px solid #c1c1c1}
.about_lnb > ul.not_lnb li.not('.last') a {border-bottom:none;}

/* quick banner menu */
.about_quick {position:relative;z-index:1;margin-top:-3px;border-top:3px solid #c1c1c1;border-bottom:3px solid #c1c1c1}
.about_quick ul{border-top:1px solid #f1f1f1}
.about_quick ul li{border-bottom:1px solid #f1f1f1}
.about_quick ul li a{display:block;padding:20px 65px 20px 85px;position:relative;font-size:16px;}
.about_quick ul li a span.br{display:block}
.about_quick ul li a span.icon{position:absolute;top:50%;margin:-7px 0 0 0;right:25px;font-size:14px}

.about_quick ul li.bg_01 a{background:url(/cn/next/img/supportcn/bg_banner_01.png) no-repeat 30px 50%}
.about_quick ul li.bg_02 a{background:url(/cn/next/img/supportcn/bg_banner_02.png) no-repeat 30px 50%}
.about_quick ul li.bg_03 a{background:url(/cn/next/img/supportcn/bg_banner_03.png) no-repeat 30px 50%}
.about_quick ul li.bg_04 a{background:url(/cn/next/img/supportcn/bg_banner_04.png) no-repeat 30px 50%}
.about_quick ul li.bg_05 a{background:url(/cn/next/img/supportcn/bg_banner_05.png) no-repeat 30px 50%}
/* 2014-08-22 add */
.about_quick ul li.bg_06 a{background:url(/cn/next/img/supportcn/bg_banner_06.png) no-repeat 30px 50%}
.about_quick ul li.bg_07 a{background:url(/cn/next/img/supportcn/bg_banner_07.png) no-repeat 30px 50%}

/* bread crumbs */
.about_bread_crumbs{position:relative;overflow:hidden;z-index:1;color:#000;background:none;padding:80px 0 6px 20px;font-size:22px }
.about_bread_crumbs *{color:#000}
.about_bread_crumbs.white *{color:#fff !important}
.about_bread_crumbs.white{color:#fff !important;background-color: #0689d8 !important;}
.about_bread_crumbs h2{font-size:36px;}

/* key visual */
.ss_samsung .ss-carousel{clear:none}
.ss_samsung .hero {height:600px;position:relative;margin-top:-22px;z-index:0;width:auto !important}
.ss_samsung .hero.index_page{margin-top:0}
.ss_samsung .hero.white *{color:#fff}
.ss_samsung .hero [class*="hero"]{background-position-y:100%;min-height:600px;background-size:cover; -ms-behavior: url(/common/next/css/modules/backgroundsize.htc);}

.hero, .ss-carousel, .hero.ss-carousel, #content [class*='hero']{min-height:600px !important;max-height:inherit !important;}
.clear { clear: both; display: block; }
.ss_samsung .clear:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; *zoom: 1; }

.inner_txt{width:60%;padding:70px 40px 40px 20px}
.inner_txt .tit{font-size:57px;margin-bottom:0.3em;line-height:1em !important}
.bg_pst_left{background-position-x:0% !important;}

/* sub visual */
.sub_visual{overflow:hidden;position:relative;margin-top:-60px}
.sub_visual .pic{width:50%;overflow:hidden;float:right;position:relative}
.sub_visual .pic img{width:100%}
.sub_visual .pic a{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;width:44px;height:44px}
.sub_visual .pic a img{width:auto}
.sub_visual .txt{width:50%;padding-top:145px;margin-bottom:30px;float:left;color:#fff}
.sub_visual .txt .tit{font-size:16px !important;margin-bottom:0.5em}
.sub_visual .txt > *{margin:0 20px}
.sub_visual .break{display:block}
.sub_visual.over_txt .pic{overflow:visible;position:relative;z-index:0}
.sub_visual.over_txt .txt{position:relative;z-index:1}
	
/*  img gallery */
.img_gallery{margin:36px 20px 0 20px!important; }
.edu_gallery{margin:0 20px 20px 20px !important;height:780px !important}

/* tab */
.about_tab_con{display:none;padding:10px}
.about_tab .opener > a{position:relative;display:block;padding:20px 60px 20px 20px;background:#d7d7d7;color:#000;border-top:1px solid #fff;font-size:28px}
.about_tab .opener a span{position:absolute;top:50%;right:20px;margin-top:-18px;text-indent:0}
.about_tab .con_txt_box .tit,
.about_tab .con_txt_box_x .tit,
.about_tab .con_txt_box_y .tit{font-size:24px;margin-bottom:0.5em}

/* contents tab navi */
.divide2 ul li{width:50%}
.divide3 ul li{width:33.333333%}
.divide4 ul li{width:25%}
.divide5 ul li{width:20%}
.divide6 ul li{width:16.66666666666667%}
.divide7 ul li{width:14.2857%}
.divide8 ul li{width:12.5%}
.divide31 ul li{width:3.225806451612903%}

.con_navi{border-bottom:1px solid #fff}
.con_navi ul {overflow:hidden; height:100%}
.con_navi ul li{float:left;overflow:hidden; height:100%}
.con_navi ul li a{position:relative;display:block;border-left:1px solid #868c90;background:#7e8489;padding:20px 30px;color:#fff; height:100%}
.con_navi ul li a.on{background:#0689d8}
.con_navi ul li a span{display:block}
.con_navi ul li a span.icon{position:absolute;top:50%;right:30px;margin-top:-6px;display:none;font-size:11px}
.con_navi ul li:first-child a{border-left:none}
.con_navi.etc ul li a{padding:0.75em 0;text-align:center}

/* down load pdf */
.pdf_down_box {position:relative;padding:0 20px 20px 20px;margin-top:20px}
.pdf_down_box .download_tbl li {overflow:hidden;padding:10px 30px}
.pdf_down_box .download_tbl li .icon-balloon{margin-right:25px;font-size:25px;color:#0689d8;vertical-align: -4px}
.pdf_down_box .download_tbl li p{float:left;line-height:40px;margin-bottom:0}
.pdf_down_box .download_tbl li p em {color:#007cc0}
.pdf_down_box .download_tbl li .download{float:right;height:40px;line-height:40px}
.pdf_down_box .pdf_download {padding-right:20px;background:url(../img/common/icon_download.gif) no-repeat right center;min-height:20px}
.pdf_down_box .download_tbl li .download span {margin-right:20px}
.pdf_down_box .download_tbl li .download span.mobile_hidden{margin-right:0}
.pdf_down_box .download_tbl li .download .icon-download{vertical-align: -3px;font-size:32px;margin:0 0 0 10px}
.pdf_down_box .download_tbl li .download a {display:inline-block;font-weight:bold;color:#282828}
.pdf_down_box .download_tbl li .download a:hover {color:#0689d8}
.pdf_down_box .download_tbl li ul.down_list {clear:both;margin:0 0 10px 10px}
.pdf_down_box .download_tbl li ul.down_list li {border:none;padding:10px 0 0 0} 

/* page title */
.page_tit{position:relative;padding:0 20px;margin-bottom:20px}
.page_tit .p_tit{font-size:36px;margin-bottom:20px}
.page_tit .button{position:absolute;top:0;right:30px}
.add_gap{margin-top:2em}
.add_gap_02{margin-top:4em}

/* pic ir */
.pic_ir .txt{overflow:hidden;height:0;font-size:0;line-height:0}
.pic_ir .pic img{width:100%}

/* preview picture box */
.preview_pic_box .con{overflow:hidden;position:relative;min-height:160px}
.preview_pic_box .pic{position:absolute;top:0;left:0;width:260px;height:100%;overflow:hidden;margin-bottom:0;line-height:0}
.preview_pic_box .pic img{width:100%; height:100%}
.preview_pic_box .pic.ukinitiatives img{width:120%; margin-left:-30px}
.preview_pic_box .txt{padding:20px 20px 20px 280px;float:left}
.preview_pic_box .icon{font-size:15px}
.preview_pic_box .c_tit_m_size{margin-bottom:0.5em}

/* sub list */
.sub_list > ul{padding:0 0 0 20px;margin-left:20px}
.sub_list > ul.last{margin-bottom:0px}
.sub_list > ul li{margin-bottom:10px;list-style:square}

/* table */
.table_box{position:relative;padding:20px}
.table_box .unit{position:absolute;top:50px;right:37px}
.table_box .tit{font-size:36px;margin-bottom:1em}
.table_box table{width:100%;border-collapse:collapse;border-spacing:0}
.table_box table caption{font:0;line-height:0;overflow:hidden;height:0}
.table_box tr td,
.table_box tr th{text-align:center;padding:1em 0}
.table_box thead tr th{color:#fff;background:#00a8e0;text-align:center}
.table_box tbody tr.odd td,
.table_box tbody tr.odd th{background:#f1f1f1}
.table_box tbody tr td.agl {padding-left:30px;}
.table_box .agl tbody td {padding-left:20px; text-align:left;}

.table_box .tbl_x tbody th {border-bottom:1px solid #eee; border-right:1px solid #eee;}
.table_box .tbl_x tbody tr.odd th {background:#fff;}
.table_box .tbl_x tbody tr.odd td {background:#fff;}
.table_box .tbl_x tbody td {border-bottom:1px solid #eee; border-right:1px solid #eee;}
.table_box .tbl_x tbody td.last {border-right:none;}
.table_box .tbl_x tbody tr.odd td.last {background:#f1f1f1;}
.table_box .tbl_x tbody td .num_li {margin-left:20px;}
.table_box .tbl_x tbody td .fl {float:left;}

.table_box .tbl_y {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.table_box .tbl_y tbody th {padding-left:20px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#f6f6f6; font-size:20px; color:#000; text-align:left;}
.table_box .tbl_y tbody td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.table_box .tbl_y tbody td.last {border-right:none;}

/* brightcove */
.fe_brightcovePanel {overflow:hidden}
.liveregion {overflow:hidden;width:0px;height:0px}
.movie_area{position:relative !important;padding-bottom:54%;margin:36px 20px 0 20px; overflow:hidden}
.new_video .video-player{ margin-top:-60px !important;}
.brightcovePanel {position:relative;opacity:0.01;z-index:0;background-image:url("../img/bg_panel.gif");width:100%;height:40px;overflow:hidden}
.brightcovePanel .leftPanel {float:left}
.brightcovePanel .play {background-image:url("../img/btn_play.gif")}
.brightcovePanel button {float:left;width:50px;height:40px;overflow:hidden;padding-top:40px;font-family:Arial, verdana, sans-serif;color:#000;font-size:1.1em;background-repeat:no-repeat}
.brightcovePanel .rightPanel {float:right}
.brightcovePanel .rightPanel button.bc-cc {width:34px;background-image:url("../img/btn_bc_cc.png")}
.brightcovePanel .rightPanel a, .youtubePanel .rightPanel a {overflow:hidden;display:inline-block;float:left;height:40px}
.brightcovePanel .rightPanel a.bc-yt {padding-right:10px}
.brightcovePanel .mute {background-image:url("../img/btn_volon.gif")}
.brightcovePanel .volume-down {background-image:url("../img/btn_voldown.gif")}
.brightcovePanel .volume-up {background-image:url("../img/btn_volup.gif")}
.brightcoveContainer .video {top:-40px;z-index:3000;width:100%;height:100%}
.endofbrightcove {overflow:hidden;width:0px;height:0px;position:absolute}
.movie_cc_txt {margin-top:11px}
.cr_movie_wrap .cr_movie .movie_cliptxt {margin-top:15px}

/* box layout */
.box_layout {overflow:hidden}

.box_layout .cell{width:100%;overflow:hidden;position:relative}

.box_layout .cols_2{width:50%;float:left}
.box_layout .cols_2 .col{width:50%;float:left;overflow:hidden}
.box_layout .cols_2 .col .cell{padding-bottom:100%}
.box_layout .cols_2 .row .cell{width:50%;padding-bottom:50%;float:left}
.box_layout .cols_2 .row_group .cell{padding-bottom:200%}
.box_layout .cols_2 .col_group .cell{width:100%}

.box_layout .cols_4{width:100%;overflow:hidden}
.box_layout .cols_4 .col{width:25%;float:left;overflow:hidden}
.box_layout .cols_4 .col .cell{padding-bottom:100%}
.box_layout .cols_4 .col_group.col{width:50%}
.box_layout .cols_4 .col_group.col .cell{width:50%;padding-bottom:50%}
.box_layout .cols_4 .col_group.col .cell.double{width:100%}
.box_layout .cols_4 .col_group.col .cell.double .con{width:90%;height:80%;padding:20px}
.box_layout .cols_4 .col_group.col .cell.double .img{width:100%;height:100%;padding:0}

.box_layout .switch_y{position:relative}
.box_layout .switch_y .switch_fix{position:absolute;top:0;left:0;width:100%}
.box_layout .switch_y .switch_move{margin-top:100%}
.box_layout .switch_y .row.switch_move{margin-top:50%;left:0}

.box_layout .switch_x{position:relative}
.box_layout .switch_x .switch_fix{position:absolute;top:0;left:0}
.box_layout .switch_x .switch_move{margin-left:50%}

.box_layout .con{position:absolute;top:0;left:0;width:85%;height:85%;padding:20px;font-size:16px}
.box_layout .con.img{width:100%;height:100%;padding:0}
.box_layout .con.img{width:100%;height:100%;padding:0}
.box_layout .con img{height:100%}
.box_layout .con a{display:block;width:100%;height:100%;position:relative}
.box_layout .con .tit{font-size:22px;display:block;margin-bottom:0.5em;font-weight:bold;line-height:1}
.box_layout .con .cell_tit{display:block;font-size:22px;margin-bottom:0.5em;font-weight:bold}

.box_layout .con .tit.no_txt{margin-bottom:0.5em}
.box_layout .con .icon{vertical-align:-2px;font-size:0.8em}

.box_layout .con .btn_mov{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;height:44px !important;width:45px !important}
.box_layout .con .btn_pic{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;height:44px !important;width:45px !important}
.box_layout .con .over_con{display:none;width:81%;height:81%;padding:10%;overflow:hidden;color:#fff;position:absolute;top:0;left:0;background:url(../img/ssung_elec/corporatecitizenship/bg_img_over.png) repeat 0 0}
.box_layout .con .over_con.more{width:126%;height:126%;top:-13%;left:-13%;padding:0}

.box_layout .col_group .con .over_con{width:80%;height:80%;padding:10%}
.box_layout .row_group .con .over_con{width:80%;height:90%}

.box_layout .con a:hover .over_con{display:block;font-weight:bold}
.box_layout .con a .bg_img_txt{position:absolute;top:0;left:0; padding:20px}
.box_layout .btn_read_more{display:block;margin-top:0.5em}

/* list */
.warranty .law-container {padding-top:30px;}
.warranty .num-list > li {margin-bottom:30px;}
.warranty .num-list > li ol li {margin-bottom:20px; margin-left:40px;}
.warranty .num-list h3 {margin-bottom:10px; font-weight:bold;}
.privacy {margin-bottom:50px;}
.privacy h3 {margin-bottom:30px; text-align:center;}
.privacy .foot {margin-top:50px; text-align:right;}
.law-header .header {margin-bottom:20px; text-align:center; font-weight:bold;}
.law-header .adopt-date {margin-bottom:50px; text-align:center;}

/* tab */
.tabs .toggle-button {position:relative;background:#e7e7e6;}
.tabs .toggle-button a {position:relative;padding:15px 10px;text-align:center;color:#292929;}
.tabs .toggle-button.active {position:relative;background:#52565a;}
.tabs .toggle-button.active a {color:#fff;}

.jump-module-shim {}
.jump-module {width:100%;padding-top:20px;padding-bottom:20px;background:#f1f1f1;}
.jump-module .header{float:left; width:100%; text-align:left;}
.jump-module .header .icon{float:right;}
.jump-module .header .icon-minus{display:none;}
.jump-module .header.expanded .icon-minus{display:block;}
.jump-module .header.expanded .icon-plus{display:none;}
.jump-module .jump-link{width:100%;overflow:hidden;padding-top:20px;}
.jump-link li {float:left; list-style:none !important;}
.jump-link li a.jump-link {margin-right:25px;}
.jump-module.docked{position:fixed;top:0;left:0;background:#f1f1f1;z-index:899;padding-top:15px;padding-bottom:15px;border-top:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;-webkit-backface-visibility:hidden;min-height:inherit;}
.jump-module.docked .jump-link li.last{width:100%;}
.jump-module.docked .jump-link li.last a.jump-top{display:block !important;}

@media (min-width:80em){
	.jump-module .header{display:none !important;}
	.jump-module .jump-link{width:100%;overflow:hidden;padding-top:0;}
	.jump-module.docked .jump-link{display:block !important;}
}

@media screen and (max-width:1280px){
	.jump-module .header{float:left;}
}
@media (min-width:48em){
	.jump-module .header{font-size:36px;font-size:2.25rem;}
	.jump-module .header .icon{font-size:40px;font-size:2.5rem;}
}

@media screen and (max-width:1400px){	
	/* box layout */
	.box_layout .con .tit {font-size:20px}
	.box_layout .con .cell_tit{font-size:20px}
}


/* ======================================================================= */
/* tablet */
@media screen and (max-width:1280px){
	/* common */
	.about_wrap{font-size:18px}
	h1,h2,h3,h4,h5,h6{font-size:18px}

	
	/* title size*/
	.c_tit_l_size{font-size:32px !important}
	.c_tit_m_size{font-size:24px !important}
	.report_tit{font-size:32px !important}
	.table_box .tit{font-size:32px}
	
	/* visual title size*/
	.v_tit_l_size{font-size:47px !important}
	.v_tit_m_size{font-size:24px !important}
	
	/* movie area */
	.movie_area{margin-top:20px}
	
	/* navi */
	.about_nav{width:100%;float:none;border-top:1px solid #fff}
	.about_nav .about_tit{display:none}
	
	.about_lnb a{padding:16px 20px}
	.about_lnb .lnb_btn_01:hover{color:#fff !important;font-weight:bold}
	
	.about_lnb a span{font-size:16px}
	.about_lnb .btn_left{width:50%;position:relative;top:0;left:0;border-top:none}
	.about_lnb .btn_right{width:50%;position:absolute;top:0;right:0}
	.about_lnb .btn_right a{border-left:1px solid #fff}
	.about_lnb .lnb_btn_01{background:#1429a0;border-top:none;color:#fff;border-bottom:1px solid #c1c1c1}

	.about_lnb h3:first-child .lnb_btn_01 {border-top:none;}
	.about_lnb h3 .lnb_btn_01 {border-bottom:1px solid #f1f1f1;}

	.about_lnb ul li a:hover{background:#52565a;color:#fff;font-weight:normal}
	.about_lnb .lnb_btn_01.on{background:#52565a}
	.about_lnb ul li a.on:hover{font-weight:bold}
	
	.about_lnb > ul{display:none}
	.about_lnb > ul > li > a{padding-left:30px}
	.about_lnb > ul > li.last a{border-bottom:1px solid #c1c1c1}
	
	.about_lnb > ul > li > ul > li > a{padding-left:40px}
	.about_lnb > ul > li > ul > li > ul > li > a{padding-left:50px}
	
	/*20140703�߰�*/
	.about_lnb > ul.not_lnb{display:block;}
	.about_lnb > ul.not_lnb li {float:left;width:50%;position:relative;top:0;left:0;border-top:none}
	.about_lnb > ul.not_lnb > li:first-child a{border-top:0 solid #c1c1c1}
	.about_lnb > ul.not_lnb li.last {float:left;width:100%;border-top:none}
	.about_lnb > ul.not_lnb li .btn_left {width:100%;position:relative;top:0;left:0;border-top:none}
	.about_lnb > ul.not_lnb li .btn_right {width:100%;position:relative;top:0;left:0;border-top:none}
	.about_lnb > ul.not_lnb li a {background:#1429a0;border-top:none;color:#fff;border-bottom: 1px solid #c1c1c1;}
	.about_lnb .btn_right a{border-left:1px solid #fff}

		/* quick */
	.about_quick {margin-top:0px;border-top:none;border-bottom:none}
	.about_quick ul{overflow: hidden}
	.about_quick ul li{width:50%;float:left}
	.about_quick ul li.bg_01 a{border-right:1px solid #f1f1f1}
	.about_quick ul li.bg_03 a{border-right:1px solid #f1f1f1}
	.about_quick ul li a span.icon{right:15px}
	
	/* contents */
	.about_centent{padding:0}
	
	/* down load pdf */
	.pdf_down_box {position:relative;padding:0}
	.pdf_down_box .download_tbl li .icon-balloon{ display:none;}
	
	/* about quick */
	.about_quick{display:none}
	
	/* key visual text */
	.inner_txt{padding:40px 30px 30px 20px}
	.inner_txt .tit{font-size:47px}
	
	/* bread crumbs */
	
	/* contents tab navi */
	.con_navi ul li{width:50%}
	.con_navi ul li a{padding:16px 20px;border-bottom:1px solid #868c90}
	
	.about_wrap.history .con_navi ul li a{padding:16px 30px;text-align:left}
	
	.con_navi ul li a span.icon{display:block}
	.con_navi ul li a span{display:inline}
	.con_navi.etc ul li{width:12.5%}
	.con_navi ul li.even a{border-left:1px solid #fff}
	
	/* tab */
	.about_tab .opener > a{font-size:26px}
	.about_tab .opener a span{margin-top:-12px}
	
	.about_tab .con_txt_box .tit,
	.about_tab .con_txt_box_x .tit,
	.about_tab .con_txt_box_y .tit{font-size:22px; font-weight:bold}

	
	/* con_txt_box */
	.con_txt_box{padding:20px}
	.con_txt_box_x{padding:0 20px}
	.con_txt_box_y{padding:20px 0}
	
	.con_txt_box .tit,
	.con_txt_box_x .tit,
	.con_txt_box_y .tit{font-size:32px}
	
	.con_txt_box dt,
	.con_txt_box_x dt,
	.con_txt_box_y dt{font-size:32px;margin-bottom:0.5em}
	
	/* movie */
	.buttonbox{text-align:center;display:none !important}
	.buttonbox .button{float:none}
	
	 /* sub visual */
	.sub_visual .txt .tit{margin-bottom:0.5em}
	.sub_visual .txt > *{margin:0 20px}
	 
	/* box */
	.box_layout .con{width:auto;height:auto;}
	.box_layout .con .tit{font-size:24px}	
	.box_layout .con a:hover .over_con{display:none !important}
	
	/* icon */
	.preview_pic_box .icon{vertical-align:-2px;font-size:18px}	

	/*  img gallery */	
	.img_gallery{margin:0 20px 0 20px!important}
	.edu_gallery{margin-bottom:20px!important;margin-top:0 !important}
}

@media screen and (max-width:950px){
	.box_layout .con .tit {font-size:16px}
	.box_layout .con .cell_tit{font-size:16px}
}

/* ======================================================================= */
/* mobile */
@media screen and (max-width:768px){
	
	/*common*/
	.about_wrap{font-size:16px}
	.about_nav{z-index:10}
	.about_centent{z-index:1}
	h1,h2,h3,h4,h5,h6{font-size:16px}
	
	
		/* title size*/
	.c_tit_l_size{font-size:26px !important}
	.c_tit_m_size{font-size:22px !important}
	.report_tit{font-size:26px !important}
	.table_box .tit{font-size:26px}
	
		/* visual title size*/
	.v_tit_l_size{font-size:36px !important}
	.v_tit_m_size{font-size:22px !important}
	
		/* bg color */
	.odd_bg_m{background:#f9f9f9 !important}
	.even_bg_m{background:#f1f1f1 !important}
	
	/* navi */
	.about_lnb a{padding:14px 20px}
	.about_lnb a span{font-size:14px}
	.about_lnb .btn_left{width:100%;position:relative}
	.about_lnb .btn_right{width:100%;position:relative}
	.about_lnb .btn_right a {border-left:none}

	/*20140703�߰�*/
	.about_lnb > ul.not_lnb li {float:none;width:100%;}

	/* quick */
	.about_quick ul li a{padding:20px 80px}
	.about_quick ul li a span.br{display:inline}
	.about_quick ul li a span.icon {right: 15px}
	.about_quick ul li.bg_01 a {background-position:20px 50%}
	.about_quick ul li.bg_02 a {background-position:20px 50%}
	.about_quick ul li.bg_03 a {background-position:20px 50%}
	.about_quick ul li.bg_04 a {background-position:20px 50%}
	.about_quick ul li.bg_05 a {background-position:20px 50%}
	.about_quick ul li{width:100%;float:none}
	.about_quick ul li.bg_01 a{border-right:none}
	.about_quick ul li.bg_03 a{border-right:none}
	
	/* bread crumbs */
	.about_bread_crumbs{padding:50px 0 6px 20px;font-size:16px}
	
	/* key visual  text set */
	.inner_txt{width:50%;padding:40px 20px 20px 20px}
	.inner_txt.wide{width:auto !important}
	.main_page .inner_txt{width:auto;padding:20px 20px 20px 20px}
	.inner_txt .tit{font-size:32px}
	
	/* key visual min height */
	.ss_samsung .hero [class*='hero']{min-height:20em}
	
	/* key visual */
	.ss_samsung .hero {height:320px}
	.edu_gallery{margin-top:0 !important;height:480px !important}
	.edu_gallery .auto-rotate{vertical-align:top !important}
	
	/* tab */
	.about_tab .opener > a{font-size:22px; font-weight:bold}
	.about_tab .opener a span{margin-top:-12px}
	
	.about_tab .con_txt_box .tit,
	.about_tab .con_txt_box_x .tit,
	.about_tab .con_txt_box_y .tit{font-size:18px; font-weight:bold}
	
	/* page title */
	.page_tit .p_tit{font-size:26px;margin-bottom:10px}
	.page_tit .button{right:20px}
	
	/* con_txt_box */
	.con_txt_box{padding:20px}
	.con_txt_box_x{padding:0 20px}
	.con_txt_box_y{padding:20px 0}
	
	.con_txt_box .tit,
	.con_txt_box_x .tit,
	.con_txt_box_y .tit{font-size:26px}
	
	.con_txt_box dt,
	.con_txt_box_x dt,
	.con_txt_box_y dt{font-size:26px}
	
	/* contents tab navi */
	.con_navi ul li{width:100%;float:none}
	.con_navi ul li.even a {border-left:none}
	.con_navi ul li a span.icon{right:20px}
	.con_navi.etc ul li{float:left}
	.con_navi ul li a{padding:16px 20px}
	
	/* box layout */
	.box_layout .cols_2{width:100%}
	.box_layout .cols_4 .col{width:50%}
	.box_layout .cols_4 .col_group.col {width:100%}
	.box_layout .cols_4 .col_group.m_half{width:50%}
	.box_layout .cols_4 .col_group.m_half .cell{width:100%;padding-bottom:100%}
	
	.box_layout .col.expand{width:100%}
	.box_layout .col.expand .cell{padding-bottom:50%}
	.box_layout .col.expand .cell img{float:right}
	.box_layout .col.expand .cell .max_img{height:auto}
	.box_layout .col.expand .cell .txt{width:90%;height:90%;padding:5%}
	.box_layout .col.expand a .bg_img_txt {position:absolute;top:0;left:0}
	.box_layout .con .tit {font-size:24px}
	.box_layout .con .cell_tit{font-size:24px}
	
	 /* sub visual */
	.sub_visual{height:320px; margin-top:-52px;}
	.sub_visual .pic{width:100%;height:auto;overflow:hidden;float:none}
	.sub_visual .pic img{width:100%;height:auto}	
	.sub_visual .txt{width:auto;float:none;margin-bottom:0;padding-top:116px;}
	.sub_visual .txt .sub_tit{margin-bottom:0.5em !important}

	.hei250 {height:200px;}
	
	/* icon */
	.preview_pic_box .icon{vertical-align:-2px;font-size:16px}
	
	/* table */
	.table_box{padding:20px}
	
	/* list */
	.squre_list{margin-left:30px}	
	
	/* mobile hidden */
	.mobile_hidden{display:none}
	
	.about_bread_crumbs h2{font-size:23px; margin-bottom:105px;}
}

@media screen and (max-width:640px){
	/* preview picture box */
	.preview_pic_box .con{min-height:1px}
	.preview_pic_box .pic{display:none}
	.preview_pic_box .txt{padding-left:20px;float:none}
	
	/* sub visual picture right view */		
	.sub_visual .txt{width:auto;margin-top:0}
	
	/* list */
	.sub_list ul{padding:0 0 0 20px;margin-left:10px}
	
	/* table */
	.table_box .tit{margin-bottom:0}
	.table_box .unit{position:static;top:0;right:0;margin:0.5em 0}
}

@media screen and (max-width:480px){	
	/* down load pdf */
	.pdf_down_box .button{position:static;top:0;right:0;margin-bottom:1em}
	
	/* page title */
	.page_tit{margin-bottom:20px}
	.page_tit .button{position:static;top:0;right:0;margin-top:0.5em;width:100%;padding:0.8em 0}
	.page_tit .p_tit{font-size:26px}
	
	/* box layout  */
	.box_layout .con .tit {font-size:16px}
	.box_layout .con .cell_tit{font-size:16px}

}

@media screen and (max-width:400px){	
	/* down load pdf */
	.pdf_down_box .download_tbl li {padding: 10px 20px}
	.pdf_down_box .download_tbl li .icon-balloon{margin-right:5px;font-size:20px;vertical-align: -1px}
	.pdf_down_box .download_tbl li .download .icon-download{vertical-align: -2px;font-size:20px;margin:0}
	.pdf_down_box .download_tbl li .download span {margin-right: 15px}

	/* box layout */
	.box_layout .cols_2 .col .cell.long{padding-bottom:130%}
	.box_layout .cols_4 .col .cell.long{padding-bottom:130%}
	.box_layout .con{font-size:13px}
}

@media screen and (max-width:320px){	
	/* box layout */
	.box_layout .cols_2 .col .cell.long{padding-bottom:130%}
	.box_layout .cols_4 .col .cell.long{padding-bottom:130%}
	
	/* table */
	.table_box table{font-size:13px}
}

/* 20140602 bjy */
/*.internship .con_txt_box a{display:/*|**/block}*/
