@charset "euc-kr";

/* °øÅë */
.cmp_tab{background:url('images/membership/join_check_tab_bg.gif') repeat-x left bottom;}
.cmp_tab ul{overflow:hidden;}
.cmp_tab li{float:left;width:95px;margin-right:2px;}
.cmp_tab li a{display:block;height:25px;background:url('images/company/cmp_bg_tab_95.gif') no-repeat;}
.cmp_tab li a{padding-top:8px;font:700 11pt 'Nanum Gothic';color:#444;text-align:center;}
.cmp_tab li a.on{background-position:0 -33px;color:#2eb8e0;}
.cmp_tab li a:hover{text-decoration:none;}

.join_tab{background:url('images/membership/join_check_tab_bg.gif') repeat-x left bottom;}
.join_tab ul{overflow:hidden;}
.join_tab li{float:left;width:204px;margin-right:2px;}
.join_tab li a{display:block;height:33px;text-indent:-9999px;}

.content_title{position:relative;margin-top:10px;font-size:13px;}
.content_title span{position:absolute;right:0;top:5px;}
.content_title h3{margin-bottom:15px;}
.content_title h3 p{margin-top:10px;}
.content_title p{line-height:1.4;font-size:13px;}
.content_title .s_height18{padding-bottom:20px;line-height:18px;}


/* ÀÎ»ç¸» */
.com_greeting h3{overflow:hidden;padding:40px 0 30px 0;}
.com_greeting h4{padding:0 0 14px 0;}
.com_greeting p{line-height:18px;}




/* ÀÎÀçÃ¤¿ë */
#recruit_guide{height:249px;margin-top:30px;background:url('images/company/cmp_recruit_img.jpg') no-repeat;}
#recruit_guide p{margin-bottom:25px;padding-top:31px;text-align:center;}
#recruit_guide ul{overflow:hidden;padding-left:194px;}
#recruit_guide li{float:left;padding-left:50px;}
.recruitGuide{margin-top:30px;}
.recruitGuide h4{margin-top:20px;}
.recruitGuide #bbs_list04 td{padding:0;}
.recruitGuide #bbs_list04 td p{font-weight:normal;padding:8px 0 4px 15px;line-height:18px;text-align:left;color:#767676;}
.recruitGuide .welfare_info{height:371px;text-indent:-9999px;background:url('images/company/cmp_recruit_welfare_img.jpg') no-repeat;}
.recruitGuide .welfare_info h4{margin-top:10px;}
.recruitGuide .recruiEtc{margin:10px 0 -22px;}
.recruitGuide .recruiEtc li{height:18px;padding-left:11px;background:url('images/common/icon_blue_dot.gif') no-repeat left 3px;}
#recruitForm .desc{margin:10px 0 -5px;color:#5d86b4;}
#recruitForm .btn{position:relative;margin-top:20px;text-align:right;}
#recruitForm .btn p{position:absolute;left:0;top:7px;}
#recruitForm .memobox{padding:12px 0}
#recruitForm .memobox textarea{background:url('images/join/join_bbs_txt01.gif') no-repeat left top;}
#recruitForm .rules_cont{display:none;margin-top:-1px;padding:19px 20px 14px;height:54px;line-height:18px;border:1px solid #cacaca;overflow-x:hidden;overflow-y:scroll;}
#recruitForm .rules_cont2{display:none;margin-top:10px;padding:10px 20px 14px;height:66px;line-height:18px;border:1px solid #cacaca;overflow-x:hidden;overflow-y:scroll;}
#recruitForm #rules_cont01{display:block;}
#recruitForm .rules_chk{margin-top:10px;}


/* ±¤°í */
#ad_vod{width:600px;margin:30px auto;}
#ad_list{position:relative;}
#ad_list span.btn_prev{position:absolute;left:0;top:29px;}
#ad_list span.btn_prev a{display:block;width:27px;height:32px;text-indent:-9999px;background:url('images/company/cmp_ad_btn_prev.gif') no-repeat;}
#ad_list span.btn_next{position:absolute;right:0;top:29px;}
#ad_list span.btn_next a{display:block;width:27px;height:32px;text-indent:-9999px;background:url('images/company/cmp_ad_btn_next.gif') no-repeat;}
#ad_list{overflow:hidden;height:120px;padding:0 28px 0 39px;}
#ad_list li{float:left;width:158px;padding:0;text-align:center;}
#ad_list li img{border:1px solid #dfdfe1;}
#ad_list li p{margin-top:15px;}

/* »çÈ¸°øÇå - ¿¬Çõ */
.history_tab{position:relative;}
.history_tab .history_select{position:absolute;right:0;top:7px;}
.history_tab .history_select label{display:block;float:left;width:58px;height:20px;text-indent:-9999px;background:url('images/company/cmp_contribution_text01.gif') no-repeat left 1px;}
.contribution_history{margin-top:30px;border-top:2px solid #21aed9;}
.contribution_history li{padding:15px 21px;border-bottom:1px solid #d8d8d8;}
.contribution_history li dl{overflow:hidden;}
.contribution_history li dd.thum{float:left;margin-top:0;margin-right:32px;}
.contribution_history li dd.thum img{border:1px solid #eaeaea;}
.contribution_history li dt{padding-top:10px;font-weight:bold;color:#555;}
.contribution_history li dt p{margin-top:3px;}
.contribution_history li dt p img{margin-right:6px;}
.contribution_history li dd{margin-top:15px;line-height:18px;}

/* »çÈ¸°øÇå - ÁÖ¿ä»ç¾÷ */
.contribution_info{height: 463px; margin-top:60px;background:url('images/company/cmp_contribution_img02.jpg') no-repeat right 54px;}
.contribution_info h3{margin:0 0 20px;}
.contribution_info .con_txt {padding: 0; margin-top: 30px; font-size: 14px; color: #323949; line-height: 1.4em; letter-spacing: -1px;}
.contribution_info .att_org {padding: 1px 2px; background: #fa6c6a; color: #fff;}
.contribution_info2 {height:157px;margin-top:30px;background:url('images/company/cmp_contribution_img.jpg') no-repeat right top;}
.contribution_info2 h3{padding:1px 0 14px;}
.contribution_info2 p{margin-bottom:18px;line-height:18px;}
#contribution_srvice{margin-top:50px;}
#contribution_srvice .service_box{margin-top: 30px;}
#contribution_srvice .service_box .bxTit {padding: 14px 0; margin-top: 2px; font-size: 14px; color: #192a4e; text-align: center; font-weight: 500; background: #e9eef2; border-radius: 0 0 18px 18px;}
#contribution_srvice .service_box .bxCnt {position: absolute; left: 12px; bottom: 65px; padding: 4px 8px; background: #000; opacity: 0.6; font-size: 11px; line-height: 1em; color: #fff; border-radius: 10px;}
#contribution_srvice .service_box .lf_srv {float: left; width: 350px;}
#contribution_srvice .service_box .rgt_srv {float: right; width: 364px; border-bottom: 1px solid #d0d0d0;}
#contribution_srvice .service_box .rgt_srv dt {margin: 23px 0 29px; font-size: 24px; color: #00aec8; font-weight: 500; font-weight: 1em;}
#contribution_srvice .service_box .rgt_srv dd {font-size: 14px; color: #333; line-height: 1.6em; letter-spacing: -1px;}
#contribution_srvice .service_box li {overflow: hidden; width: 100%; margin-bottom: 30px;}
#contribution_srvice .service_box .rgt_srv .btnMr {width: 100%; text-align: left; margin: 30px 0;}
#contribution_srvice .service_box .rgt_srv .btnMr a {display: inline-block; width: 140px; padding: 13px 0; text-align: center; border-radius: 20px; border: 2px solid #00aec8; background: #fff; color: #00aec8; font-size: 14px;}
#contribution_srvice .service_box .rgt_srv .btnMr a:hover {background: #00aec8; color: fff;}




#contribution_srvice .service_list{overflow:hidden;}
#contribution_srvice .service_list li{float:left;position:relative;width:310px;margin-bottom:21px;padding:0 19px 21px 18px;}
#contribution_srvice .service_list li .cont_title{position:relative;margin-bottom:5px;}
#contribution_srvice .service_list li .cont_title h4{color:#555;}
#contribution_srvice .service_list li .cont_title .more{position:absolute;right:0;top:0;}
#contribution_srvice .service_list li .service_thum{width:310px;height:220px;overflow:hidden;}
#contribution_srvice .service_list li .service_thum li{margin:0;padding:0;text-align:center;}
#contribution_srvice .service_list li .service_thum li img{border:1px solid #eaeaea;margin-bottom:10px;}
#contribution_srvice .service_list li .rolling_ctrl{overflow:hidden;position:absolute;bottom:7px;left:124px;z-index:5;}
#contribution_srvice .service_list li .rolling_ctrl a.stop{float:left;width:10px;height:9px;margin-right:5px;background:url('images/main/btn_visual_stop.png') no-repeat;text-indent:-9999px;}
#contribution_srvice .service_list li .rolling_btn{position:absolute;left:138px;bottom:0px;text-align:center;}
#contribution_srvice .service_list li .rolling_btn a{display:inline-block;width:9px;height:9px;margin-right:1px;background:url('images/company/cmp_contribution_btn_off.png') no-repeat;text-indent:-9999px;}
#contribution_srvice .service_list li .rolling_btn a.on{background:url('images/company/cmp_contribution_btn_on.png') no-repeat;}
#contribution_view{margin-top:30px;border-bottom:1px solid #e5e5e5;}
#contribution_view table{width:100%;border-top:2px solid #21aed9;}
#contribution_view thead th, #contribution_view thead td{height:31px;border-bottom:1px solid #e5e5e5;}
#contribution_view thead th{background:#f6f6f6;color:#555;}
#contribution_view thead td span{padding-left:15px;}
#contribution_view td .view_cont{padding:18px 10px 14px 18px;}
#contribution_view td .view_cont p{padding-left:5px;margin-bottom:2px;}
#contribution_view td .view_cont p img{margin-right:7px;}
#contribution_view td .view_cont .view_thum ul{overflow:hidden;margin-top:12px;}
#contribution_view td .view_cont .view_thum li{float:left; padding:5px 6px 6px 5px;}
#contribution_view td .view_cont .view_thum li img{border:1px solid #eaeaea;}
#contribution_view td .view_cont .view_thum li.vod{position:relative;}
#contribution_view td .view_cont .view_thum li a .sticker{position:absolute;left:50%;top:50%;margin:-17px 0 0 -17px;}
#contribution_view td .view_cont .view_thum li a .sticker img{border:none;}

/* È«º¸¼¾ÅÍ - ´º½º·¹ÅÍ */
.choice_letter .n_choice{width:77px;background:url('images/company/cmp_publicity_letter_text01.gif') no-repeat;}
.letter_list{padding-top:5px;}
.letter_list ul{overflow:hidden;}
.letter_list li{float:left;position:relative;width:118px;margin:15px 6px 0 0;}
.letter_list li.last_r{margin-right:0;}
.letter_list li img{border:1px solid #eaeaea;}
.letter_list li p{padding-top:11px;text-align:center;}
.letter_list li .over{display:none;position:absolute;left:0;top:0;width:78px;height:101px;padding:34px 20px 0;line-height:18px;word-break:keep-all;word-break:break-word;background:#000; filter:alpha(opacity=70); opacity: 0.7;color:#fff;text-align:center;}
.letter_list li a:hover{text-decoration:none;}
.letter_list li a:hover .over{display:block;}
#letter_view{margin-top:30px;}
#letter_view .out_box_top{width:738px;height:10px;background:url('images/company/letter_round_box_738_top.gif') no-repeat;}
#letter_view .out_box_bot{width:738px;height:10px;background:url('images/company/letter_round_box_738_bot.gif') no-repeat;}
#letter_view .in_box_top{width:718px;height:10px;background:url('images/company/letter_round_box_718_top.gif') no-repeat;}
#letter_view .in_box_bot{width:718px;height:10px;background:url('images/company/letter_round_box_718_bot.gif') no-repeat;}
#letter_view .letter_step01_cont{position:relative;padding:0 9px;background:#f6f6f6;border:1px solid #e1e1e1;border-width:0 1px;}
#letter_view .letter_step02_cont{background:#fff;border:1px solid #e1e1e1;border-width:0 1px;}
#letter_view .letter_step01_cont h3{padding:5px 0 18px 10px;font:700 17pt 'Nanum Gothic';color:#f26522;}
#letter_view .letter_step01_cont .num{position:absolute;right:20px;top:16px;font-weight:bold;color:#000;}
#letter_view .letter_step01_cont li{padding-bottom:10px;}
#letter_view .letter_step01_cont li.cover_story dd{display:block;}
#letter_view .letter_step02_cont dt{position:relative;height:12px;padding:6px 0 5px 20px;}
#letter_view .letter_step02_cont dt .title{position:absolute;left:152px;top:6px;font-weight:normal;}
#letter_view .letter_step02_cont dt .more{position:absolute;right:9px;top:2px;}
#letter_view .letter_step02_cont dd{display:none;margin-top:9px;padding:25px 0;border-top:1px solid #d9d9d9;text-align:center;}

/* ¿À½Ã´Â ±æ */
.map_info li{padding-top:55px;background:url('images/company/cmp_map_bg.gif') no-repeat center 24px;}
.map_info li.first{padding-top:30px;background:none;}
.map_info h3{margin-bottom:10px;}
.map_info h4{margin:3px 0 8px;}
.map_info p{line-height:18px;}
.map_info p span{padding-left:52px;}
.map_info p.addr{margin-top:9px;}
.map_info p img{margin-right:10px;}


/* ¿¬Çõ */
#bbs_list05{margin-top:10px;border-top:2px solid #21aed9;}
#bbs_list05 table{width:100%;}
#bbs_list05 th, #bbs_list05 td{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;text-align:center;white-space:nowrap;}
#bbs_list05 th.histryYear_text{padding-top:20px;font:700 15pt 'Nanum Gothic';color:#21aed9;letter-spacing:-1p;vertical-align:top;}
#bbs_list05 td{text-align:left;white-space:normal;line-height:20px;}
#bbs_list05 td.month{text-align:center;white-space:normal;}
#bbs_list05 td.month strong{color:#555;}
#bbs_list05 td span{clear:both;padding-left:15px;margin-bottom:10px;}

/* ºñÀü */
/*.vision_bg1{margin-top:10px;width:739px;height:123px;background:url('images/company/vision_img1.gif') 0 0 no-repeat;text-indent:-9999px;}*/

.vision_bg1{margin-top:10px;width:739px;height:1280px;background:url('images/company/vision_img1_new_2024.jpg') 0 0 no-repeat;text-indent:-9999px;}
.vision_bg2{margin-top:10px;width:739px;height:94px;background:url('images/company/vision_img2.gif') 0 0 no-repeat;text-indent:-9999px;}
.vision_bg3{margin-top:10px;width:739px;height:130px;background:url('images/company/vision_img3.gif') 0 0 no-repeat;text-indent:-9999px;}
.vision_bg4{margin-top:10px;width:739px;height:100px;background:url('images/company/vision_img4.gif') 0 0 no-repeat;text-indent:-9999px;}
.vision_bg5{position:relative;left:133px;top:60px;width:23px;height:22px;background:url('images/company/vision_img9.gif') 0 0 no-repeat;}
.vision_bg5_1{float:left;padding-left:33px;margin-top:10px;width:160px;height:146px;background:url('images/company/vision_img5.gif') 0 0 no-repeat;text-indent:-9999px;}
.vision_bg5_2{float:left;padding-left:33px;margin-top:10px;margin-top:10px;width:160px;height:146px;background:url('images/company/vision_img6.gif') 0 0 no-repeat;text-indent:-9999px;}
.vision_bg5_3{float:left;padding-left:33px;margin-top:10px;margin-top:10px;width:160px;height:146px;background:url('images/company/vision_img7.gif') 0 0 no-repeat;text-indent:-9999px;}
.vision_bg5_4{float:left;margin-top:10px;width:160px;height:146px;background:url('images/company/vision_img8.gif') 0 0 no-repeat;text-indent:-9999px;}



.managementsystem{margin-top:10px;width:739px;height:1800px;background:url('images/company/managementsystem_1215.jpg') 0 0 no-repeat;text-indent:-9999px;}



/* ½½·Î°Ç */
.btn_slogan_list{overflow:hidden;padding-bottom:20px;}
.btn_slogan_list li{line-height:18px;}
.slogan_color{width:739px;height:72px;background:url('images/company/slogan_img3.gif') 0 0 no-repeat;text-indent:-9999px;}

/* Àç¹«Á¤º¸ */
#bbs_list02 tr.c_eef4f8 td strong{color:#2c78ad}

/* »õ¼Ò½Ä */
.choice_new{position:relative;margin-top:30px;padding-top:2px;}
.choice_new .n_choice{display:block;float:left;width:30px;height:18px;text-indent:-9999px;background:url('images/company/prcenter_choice_title1.gif') 0 2px no-repeat;}
.choice_new select{margin-right:1px;}

#bbs_search03{margin-top:30px;padding:8px 0 9px 189px;background:#f8f8f8;border:1px solid #e5e5e5;}
#bbs_search03 fieldset input[type="text"]{margin-right:1px;}
#bbs_search03 fieldset input[type="image"]{margin-top:2px;}
#bbs_search03 fieldset label{display:block;float:left;height:20px;text-indent:-9999px;}
#bbs_search03 fieldset .label01{width:76px;background:url('images/helpdesk/hlp_search_txt01.gif') 0 0 no-repeat;}
#bbs_search03 fieldset .label02{width:45px;background:url('images/helpdesk/hlp_search_txt02.gif') 0 0 no-repeat;}

/* ±¤°í¾È³» */
.tree_list{margin-top:30px;margin-bottom:-4px;;color:#5d86b4;}
strong.f_bold{color:#de6800;font-weight:bold;}
.ad_info1{margin-top:28px;}
.ad_info1 h3{margin-bottom:10px;}
.ad_info1 h3 p{height:18px;}
.ad_client_list td p{padding:7px 0 5px;line-height:18px;}
.admessage_box{position:relative;margin-top:30px;margin-bottom:19px;border:1px solid #d8d8d8;}
.admessage_box dl{position:absolute;left:155px;top:24px;}
.admessage_box dd{margin-top:9px;}
.admessage_box .wm_d{position:relative;margin-left:400px;margin-top:-48px;}
.admessage_box2{position:relative;margin-top:30px;margin-bottom:19px;border:1px solid #d8d8d8;}
.admessage_box2 dl{position:absolute;left:155px;top:18px;}
.admessage_box2 dt, .admessage_box2 dd{float:left;margin-bottom:1px;}
.admessage_box2 dt{clear:both;}
.admessage_box2 dd{width:530px;}
.admessage_box2 .ad_down{position:relative;margin-left:425px;margin-top:-30px;}
#ad_vodview{overflow:hidden;margin-top:30px;}
#ad_vodview .ad_vod_movie{float:left;width:540px;padding-right:10px;}
#ad_vodview .ad_vod_text{float:left;}
#ad_vodview .ad_vod_text .vod_text{width:147px;height:310px;}
.ad_boder{margin-top:10px;margin-bottom:20px;border-top:2px solid #21aed9;}

.join_rules_tab{margin-top:10px;}
.join_rules_tab li a{background:url('images/join/join_phone_tab.gif') no-repeat left top;}
.join_rules_tab li.tab01{width:158px;}
.join_rules_tab li.tab01 a{background-position:0 0;}
.join_rules_tab li.tab01 a.on{background-position:0 -33px;}
.join_rules_tab li.tab02 a{background-position:-160px 0;}
.join_rules_tab li.tab02 a.on{background-position:-160px -33px;}
.join_rules_tab li.tab03 a{background-position:-366px 0;}
.join_rules_tab li.tab03 a.on{background-position:-366px -33px;}

.rules_cont{display:none;margin-top:10px;padding:10px 20px 14px;height:62px;line-height:18px;border:1px solid #cacaca;overflow-x:hidden;overflow-y:scroll;}
#rules_cont01{display:block;}
.rules_chk{margin-top:10px;}


#ad_view01{margin-top:30px;border-top:2px solid #21aed9;}
#ad_view01 table{width:100%;}
#ad_view01 th{padding:25px 5px 30px 5px;text-align:center;border-bottom:1px solid #ddd;background:#f6f6f6;}
#ad_view01 th p{line-height:15px;text-align:center; padding:5px 5px 0px 5px; color:#555;}
#ad_view01 td{padding:20px 0px 0px 7px;line-height:17px;text-align:left;border-bottom:1px solid #ddd;}
#ad_view01 td p{line-height:18px;text-align:left; color:#555;padding-bottom:5px; }


#contents  textarea{width:420px;height:54px;margin-right:5px;}
.rules_cont2{display:none;margin-top:10px;padding:10px 20px 14px;height:50px;line-height:18px;border:1px solid #cacaca;overflow-x:hidden;overflow-y:scroll;}
.rules_cont2{display:block;}
.rules_chk{margin-top:15px;}
p{padding-bottom:10px;}



/***** 2018 ¾÷µ¥ÀÌÆ® *****/
.greeting_text { font-family:"³ª´®°íµñ", "NamumGothic"; font-size:24px; color:#333; font-weight:600; letter-spacing:-0.05em; line-height:130% !important; padding-left:80px; margin:10px 0 40px;  }
.greeting_text span { color:#00afc8; }

/*2022*/
.greeting_cnt {padding-left: 80px; font-size: 14px;}
.greeting_cnt span {color: #00afc8; font-size: 22px; font-weight: 600;}
.greeting_cnt p {line-height: 22px; color: #333; padding-bottom: 30px; letter-spacing: -1px;}





