img {border: 0px;}
 
body {margin: 0px; padding: 0px; font-family: NanumGothic,"나눔고딕",ngttf,ngeot,Dotum,"돋움",sans-serif; color: #333; font-size: 11px; border-collapse: collapse;}
span {font-family: NanumGothic,"나눔고딕",ngttf,ngeot,Dotum,"돋움",sans-serif;}
ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, label, textarea, img, a {margin:0; padding:0; }

a {text-decoration: none; color: #333}

.navi{margin-top:43px;margin-bottom:31px; font-family:돋움; font-size: 12px; color:#666;}

address, caption, em, cite {font-weight: normal; font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
caption {text-indent:-9999px; font-size:0;  width:0; height:0;}

/* functions */

.clear {clear: both;}
.flt_lef {float: left;}
.flt_rig {float: right;}

/* pagenation */
.pagination {
    display: inline-block;
}


.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border-radius: 5px;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}

/* /web/index  */
.body_wrap {width: 1024px; height: auto; margin: 0px auto; z-index: 99; position: relative; background-color: #fff;}
.rig_body_wrap {width: 812px; min-height: 650px; float: right;}
.rig_body_write_wrap {width: 700px; min-height: 650px; float: right;}
.rig_body_conbine_wrap {width: 780px; min-height: 650px; float: left;}


/* 통합리스트 */
.t_info {color: #333; font-weight: bold; font-size: 16px}
.t_rig_t {font-size: 20px; font-weight: bold}
.info_l {float: left; width: 80px; height: 30px; line-height: 30px; padding: 0px 10px; margin-left: 0px; color: gray; font-weight: bold; background-color: #f3f3f3; border-right: 1px solid #dfdfdf; }

.info_l_list {float: left; width: 80px; height: 30px; line-height: 30px; padding: 0px 10px; margin-left: 0px; color: gray;  }

.info_l_textarea {float: left; width: 80px; height: 223px; line-height: 230px; padding: 0px 10px; margin-left: 0px; color: gray; font-weight: bold; background-color: #f3f3f3; border-right: 1px solid #dfdfdf; }

.info_u_textarea {float: left; width: 80px; height: 100px; line-height: 100px; padding: 0px 10px; margin-left: 0px; color: gray; font-weight: bold; background-color: #f3f3f3; border-right: 1px solid #dfdfdf; }


.info_r {float: left; width: 120px; height: 30px; line-height: 30px; margin: 0px; padding: 0px 0px 0px 2px; }
.info_r_select {float: left; height: 30px; line-height: 30px; margin-left: -40px; padding: 0px 0px 0px 2px; }

.psw_l {float: left; width: 130px; height: 50px; line-height: 50px; padding: 0px 20px; text-align: right}
.psw_r {float: left; width: 230px; height: 50px; line-height: 50px}
.ipt_psw {width: 100px; height: 25px; line-height: 25px; padding: 0px 5px; margin: 0px; border: 1px solid #c5c5c5; vertical-align: middle}

.board_line {width: 780px; height:1px; margin: 1px 0px;  border-bottom: 1px solid #d1cdcd; text-align: center; color: #888; cursor: pointer; }


.body_l_padding {padding-left: 62px;}
/* left_menu */

.menu_top_line {height: 10px; background-image: url('/images/main/left_line.gif'); background-position: right;}

.left_menu_bg {width: auto; height: auto; background-image: url('/images/main/left_bg.gif'); background-repeat: repeat-y;}
.left_menu_bg_sub {width: auto; height: auto; margin-left: 212px}

.left_menu_wrap {width: 212px; height: auto; float: left;} 
.left_menu_wrap_sub {width: 121px; height: 100%; float: left; background-image: url('/images/main/menu_bg.gif'); background-repeat: repeat-y;z-index: 1;position: absolute;} 
.left_menu_wrap_sub_no{width: 121px; height: 100%; float: left; background-repeat: repeat-y;z-index: 100;position: absolute;} 
.left_menu_wrap_sub_no_width{width: 20px; background: white;opacity: 0.0;-khtml-opacity: 0.0; -moz-opacity: 0.0;filter: alpha(opacity = 0);height: 100%;float: left; background-repeat: repeat-y;z-index: 100;position: absolute;}

.menu_sub {width: 61px; height: 20px; padding: 10px 30px; color: #fff; cursor: pointer;font-size: 12px;}
.menu_sub_s{width: 61px; height: 20px; padding: 10px 30px; color: #fffaaa;cursor: pointer; background-image: url('/images/left/menu2_bg.png');font-size: 12px;}

.logo {width: 185px; height: 84px; cursor: pointer;}

.menu_email {width: 183px; height: 39px; border-top: 1px solid #dddddd; color: #c9c9c9;}
.menu{width: 163px; height: 13px; padding: 13px 0px; padding-left: 20px; border-top: 1px solid #dddddd; color: #333; font-size: 13px; font-weight: bold; cursor: pointer;}
.menu_s{width: 200px; height: 14px; padding: 13px 0px; padding-left: 20px; color: #fffaaa; font-size: 13px; font-weight: bold; background-image: url('/images/main/menu_over.gif'); cursor: pointer;}


/* 배경만 투명도를 줄 경우 로그인 관련  */
.login_bd {position: absolute; z-index: 40; width: 100%; height: 100%; background: transparent; zoom: 1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6000000, endColorstr=#a6000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6000000, endColorstr=#a6000000)";background: rgba(0, 0, 0, 0.6);}
.login_bd2 {position: relative; z-index: 50; width: 545px; height: 264px; margin: 0px auto; margin-top: 200px}
.login_wrap {width: 475px; height: 168px; padding: 44px 0px 0px 60px; border: 5px solid #eb7801; background-color: #fff; }
.login_close {width: 46px; height: 42px; float: right; cursor: pointer;}

.login_bx {width: 237px; height: 26px; padding: 3px; border: 1px solid #ddd;}
.login_txt {font-family: "돋음"; color: #222; font-size: 12px; margin-right:32px;}




/* 게시판 */

.title_tab {width: 790px; height:16px; padding: 10px 0px; border-top: 2px solid #2c5a9f; border-bottom: 1px solid #2c5a9f; text-align: center; color: #888; }

.ls_2 {width:2%; float:left; }
.ls_5_left {width:4%; float:left; }


.ls_5 {width:5%; float:right; }
.ls_10_right {width:10%; float:right; }
.ls_10 {width:10%; float:left; }
.ls_13 {width:13%; float:left; }
.ls_15 {width:15%; float:left; }
.ls_20 {width:20%; float:left; }
.ls_20_ellipsis {float:left; width:10%; text-overflow:ellipsis; overflow:hidden }
.ls_25 {width:25%; float:left; }
.ls_60 {width:60%; float:left; }

.connect_list_tab {width: 790px; height:12px; padding: 10px 0px;  border-bottom: 1px solid #d1cdcd; text-align: center; color: #888; cursor: pointer; }
.list_combine_tab {width: 790px; height:22px; padding: 10px 0px;  border-bottom: 1px solid #d1cdcd; text-align: center; color: #888; cursor: pointer;}
.list_combine_tab:hover{ color: red; }

.list_tab {width: 790px; height:22px; padding: 10px 0px;  border-bottom: 1px solid #d1cdcd; text-align: center; color: #888; cursor: pointer; }
.list_board_tab {width: 790px; height:22px; padding: 10px 0px;  border-bottom: 1px solid #d1cdcd; text-align: center; color: #888; cursor: pointer; }


.pgn_center {margin:0 auto; text-align: center; margin-top:60px;}
.search_center {margin:0 auto; text-align: center;  vertical-align: bottom;}
.list_combo{ border: 1px solid #d9d9d9; width:70px; height: 19px; text-align:center; }
.search_border {border: 1px solid #dfdfdf; width: 100px; height: 18px; text-align: center; padding:0px 10px; text-align: left; }
.btn_box_noma {border: 1px solid #d9d9d9; width:50px; height: 22px; text-align:center;  background-color: white; padding-top: 1px; cursor: pointer; vertical-align: top; font-size: 12px; font-weight: bolder;}
.btn_box_rig { border: 1px solid #d9d9d9; width:50px; height: 17px; text-align: center;  margin-bottom: 20px; cursor: pointer; float: right; padding-top: 2px; margin-left: 3px;}
.bt{float:right;border-top:1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;padding:5px 15px 5px 15px;color:black;font-weight: bold;cursor: pointer;margin-right: 5px;font-size: 12px;}

.view_tit{border-top:2px solid #666;border-bottom:1px solid #666; height:37px; line-height:37px;text-align:center;;background:#fdfdfd;font-size: 12px;font-weight: bold;font-family: "Dotum";}
.view_con{border-bottom:2px solid #ddd;height:auto;padding-top:15px;padding-left:5px;padding-bottom:20px;font-size:12px;color:#666;line-height: 20px;}
.view_date{float:right;font-size:12px;color:#666;font-family: "Verdana";padding: 10px;}
.view_next{border-top:1px solid #ddd;height:25px;line-height:25px;font-size:12px;border-bottom:1px solid #ddd;padding-left:20px;cursor: pointer;}
.file_diown{text-decoration: none;color: #333;padding: 5px 5px;background-color: #f2f2f2;float: left;margin-top: 10px;}

/* 삼성재단 dMainWrap - index*/
#dMainWrap {
	position: relative;
	min-width: 1000px;
	height:470px;
	z-index: 110;
}

.main-roll {width:1000px; margin:0 auto;}
.roll-list {position:absolute; top:0; left:0; width:100%; height:727px;}
.roll-list li {width:100%; height:727px; text-indent:-5000px;}
.roll-list li.section01 {/* background:url(/attached_photos/photo_1/0/attached_1.png) no-repeat center 0; */}
.roll-list li.section02 {/* background:url(/attached_photos/photo_2/0/attached_1.png) no-repeat center 0; */}
.roll-list li.section03 {/* background:url(/attached_photos/photo_3/0/attached_1.png) no-repeat center 0; */}
.roll-coment {position:absolute; top:0; left:0; width:100%; z-index:9;}

.roll-coment ul {position:relative; width: 1000px; height: 276px; margin:0 auto; overflow:hidden; zoom:1; background:url("/images/main/t_bg.png") no-repeat 0 0; margin-top: 160px}

.roll-coment ul li {position:absolute; top:56px; left:35px;}
.main-rollnum {position:relative; top:0; left:0; width:1000px; margin: 0px auto; z-index:999; }
.main-rollnum .main-rollnum-con {width:200px; margin-top: 264px}
.main-rollnum .main-rollnum-con .num {float:left; zoom:1; overflow:hidden;}
.main-rollnum .main-rollnum-con .num a {float:left; width: 184px; height: 50px; line-height: 50px; padding-left: 30px; display:inline; zoom:1; font-size: 14px; color: #fff; cursor: pointer; border-bottom: 1px solid #444; overflow: hidden}
.main-rollnum .main-rollnum-con .num a.activeSlide,
.main-rollnum .main-rollnum-con .num a:hover {color: #fcfcd6}
.main-rollnum .main-rollnum-con .stop {float:left; width:13px; height:17px; margin-left:4px; text-indent:-5000px; background:url("/images/main/btn_stop_off.png") no-repeat 0 1px; *display:inline; zoom:1;}
.main-rollnum .main-rollnum-con .stop:hover {background:url("/images/main/btn_stop_on.png") no-repeat 0 1px;}
.main-rollnum .main-rollnum-con .play {float:left; width:13px; height:17px; margin-left:4px; text-indent:-5000px; background:url("/images/main/btn_play_on.png") no-repeat 0 1px; *display:inline; zoom:1;}
.main-rollnum .main-rollnum-con .play:hover {background:url("/images/main/btn_play_on.png") no-repeat 0 1px;}

.main-news {position:relative; width:207px; padding:300px 0 0 35px; z-index:10;}
.main-news h2 {margin-bottom:10px; padding:21px 0 0 0; font-size:0; line-height:0; border-top:2px solid #676362;}
.main-news li {position:relative; padding:0 20px 0 0; font-size:0; line-height:0;}
.main-news li a {color:#fff; font-size:11px; line-height:18px;}
.main-news li .date {position:absolute; right:0; top:0; color:#fff; font-size:11px; line-height:18px;}

.main-link {width:955px; margin:0 auto; padding:24px 35px 20px 10px; background:#fff; overflow:hidden;}
.main-link div {float:left; margin-left:25px;}



/* 메인 비주얼 - index1*/
.visual{position:relative; z-index:10; height: 470px; margin:0 auto; }
.visual .visualWrap{position:absolute; overflow:hidden; top:0; left:0; z-index:10; width:100%; height:470px;}
.visual ul {position:absolute; top:0; left:0; width: 200%;}
.visual ul li {float:left; width: 50%; height:470px; list-style-type:none; }
.visual ul li.tp1,
.visual ul li.tp1 .inner {background:url('/images/main/visual1.png') no-repeat 50% top; }
.visual ul li.tp2,
.visual ul li.tp2 .inner {background:url('/images/main/visual2.png') no-repeat 50% top}
.visual ul li.tp3,
.visual ul li.tp3 .inner {background:url('/images/main/visual3.png') no-repeat 50% top}
.visual ul .inner {position:relative; width: 1000px; padding-right:45px; margin:0 auto; text-align:right; letter-spacing:-1px; font-size:0; line-height:0;}
.visual img {vertical-align:top;}
.visual ul .first img {margin:0;}
.visual ul .third{margin:0px; border:1px solid #45a6dd}
.visual .ctr {position:relative; z-index:11; height:0; margin:0 auto; cursor: pointer}
.visual .prev{position:absolute;top:200px;left:0; cursor: pointer}
.visual .next{position:absolute;top:200px;right:0; cursor: pointer}



/* 파리바게트 - index2 */
.introWrap { position: relative; height: 400px; background-color: #fff; overflow: hidden; }
#intro {
    position: relative; height: 400px !important;
    background-color: #fff;
}
#intro .introBg { position: absolute; top: 0; left: 50%; margin-left: -1000px; }
#intro span.btnDetail { position: absolute; top: 55%; left: 50%; margin-left: -36px; }
#intro div { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; /*max-width: 1600px;*/ }
#intro p { padding: 0; margin: 0; position: relative; width: 100%; height: 100%; overflow: hidden; background-color: #fff; }
#intro div a { display: block; width: 100%; height: 100%; font-size: 0; line-height: 0; }

#intro div .introTxt { position: absolute; display: block; font-size: 0; line-height: 0; }
.introPagerWrap { position: absolute; padding: 4px; left: 50%; margin-left: -20px; bottom: 5%; z-index: 10000; /* background:url('/images/main/bgIntroPager.png') no-repeat 100% 0;*/ font-size: 0; line-height: 0; }
.introPager { background: url('/images/main/bgIntroPagerL.png') no-repeat 100% 0; }
.introPager a { display: block; float: left; width: 14px; height: 13px; margin: 0 2px; background: url('/images/main/btnIntroPager.png') no-repeat; font-size: 0; line-height: 0; }
.introPager a.active { width: 38px; height: 13px; background: url('/images/main/btnIntroPagerActive.png') no-repeat; font-size: 0; line-height: 0; }
.introWrap .btnIntroLeft { position: absolute; left: 40px; top: 50%; width: 48px; height: 48px; margin-top: -24px; font-size: 0; line-height: 0; text-indent: -9999; background: url('/images/main/btnIntroLeft.png') no-repeat; z-index: 51; }
.introWrap .btnIntroRight { position: absolute; right: 40px; top: 50%; width: 48px; height: 48px; margin-top: -24px; font-size: 0; line-height: 0; text-indent: -9999; background: url('/images/main/btnIntroRight.png') no-repeat; z-index: 51; }
.introBtn { position: absolute; top: 8px; left: 50%; display: block; width: 20px; height: 12px; cursor: pointer; }
.introBtn.view { background: url('/images/main/btnIntroClose.gif') no-repeat 50% 50%; }
.introBtn.close { background: url('/images/main/btnIntroView.gif') no-repeat 50% 50%; }