@charset "utf-8";

#infra_cdn_wrapper {position:relative;}

.subbg_infra {background:#fff url('../../images/infra/infra_bg.jpg') 93% top no-repeat;}
.subbg_cdn {background:#fff url('../../images/cdn/cdn_bg.jpg') right top no-repeat;}

/* ========== 하이브리드 서비스 ========== */
.hybrid_service1 { padding-bottom:16px; }
.hybrid_service1 li.hybrid_list1 { float:left; }
.hybrid_service1 li.hybrid_list2 { float:right; padding-right:7px; }
.hybrid_service1 li.hybrid_list3 { float:left; padding-left:14px; }

.hybrid_service2 { padding-bottom:50px; }
.hybrid_service2 li { float:left; padding-left:9px; }
.hybrid_service2-1 li { float:left; padding-left:5px; }
.hybrid_service2 li:first-child { padding-left:0; }
.hybrid_service2 li.hybrid_video { padding-left:10px; }
.hybrid_service2 li.hybrid_video1 { padding-left:8px; }

.hybrid_service3 { padding-bottom:12px; text-align:center; }
.hybrid_service3 li { display:inline; padding-left:10px; }
.hybrid_service3 li:first-child { padding-left:0; }

.infraCom_conent { padding-bottom:50px; }

.clound_img_txt1 { padding-bottom:16px; }

.hybrid_table_type1 { margin-bottom:42px; width:100%; border-top:1px solid #0f0f0f;}
.hybrid_table_type1 .title_th1 { height:30px; }
.hybrid_table_type1 .title_th2 { height:50px; }

.hybrid_table_type1 .title_th1,
.hybrid_table_type1 .title_th2 { border-left:1px solid #e2e2e2; border-bottom:1px solid #363636; }
.hybrid_table_type1 .title_th3 {font-weight:normal;}

.hybrid_table_type1 th {  color:#363636; }
.hybrid_table_type1 td { height:44px; border-left:1px solid #e2e2e2; text-align:center; }


.hybrid_table_type1 th,
.hybrid_table_type1 td {  border-bottom:1px solid #e2e2e2; }

.th_color_type1 { background-color:#f4f4f4; }
.th_color_type2 { background-color:#fafafa; }


/* ========== 컴퓨팅서비스 ========== */
.service_opitonBox {margin-bottom:50px;}
.service_opitonBox2 {width:800px; margin-bottom:50px;}
.service_opitonBox2 .clear1 {width:800px;}
.service_opiton {overflow:hidden;}

.service_opiton .opiton_ul {float:left;}
.service_opiton .opiton_ul li {position:relative; float:left; margin-right:8px; text-align:center;}
.service_opiton .opiton_ul li a {position:absolute; left:20%; bottom:12px;font-size:12px; font-family:dotum; color:#d0006f; text-align:center; text-decoration:underline;}
.service_opiton .opiton_ul li a.network {position:absolute; left:20%; bottom:12px;font-size:12px; font-family:dotum; color:#d0006f; text-align:center; text-decoration:underline;}

.service_opiton .opiton_ul2 {float:left; }
.service_opiton .opiton_ul2 li {position:relative; float:left; margin-right:8px;}
.service_opiton .opiton_ul2 li a {position:absolute; left:27%; bottom:12px; font-size:12px; font-family:dotum; color:#d0006f; text-align:center; text-decoration:underline;}

.service_opiton .opiton_ul3 {float:left;  margin-right:0px;}
.service_opiton .opiton_ul3 li {position:relative; float:left; width:174px; margin-right:7px;}
.service_opiton .opiton_ul3 li a {position:absolute; left:46px; bottom:23px;}

.service_opiton .opiton_ul4 {overflow:hidden;  }
.service_opiton .opiton_ul4 li {position:relative; float:left; margin-right:6px;}
.service_opiton .opiton_ul4 li a {position:absolute; left:32%; bottom:11px; font-size:12px; font-family:dotum; color:#d0006f; text-align:center; text-decoration:underline;}

.service_opiton .opiton_ul5 {overflow:hidden;  }
.service_opiton .opiton_ul5 li {position:relative; float:left; margin-right:6px;}
.service_opiton .opiton_ul5 li a {position:absolute; left:39%; bottom:11px; font-size:12px; font-family:dotum; color:#d0006f; text-align:center; text-decoration:underline;}

.service_opiton .opiton_ul6 {overflow:hidden;  }
.service_opiton .opiton_ul6 li {position:relative; float:left; margin-right:4px;}
.service_opiton .opiton_ul6 li a {position:absolute; left:27%; bottom:11px; font-size:12px; font-family:dotum; color:#d0006f; text-align:center; text-decoration:underline;}

.download {float:right; margin-right:20px; padding-top:5px;}

.service_opiton .videoWrap {float:right;text-align:center;}
.service_opiton .videoWrap .video {margin-bottom:10px;}

.successBox {overflow:hidden; border:1px solid #e2e2e2;}
.successBox dl {float:left; border-right:1px solid #e2e2e2;}
.successBox dl dt {float:left; width:118px;}
.successBox dl dd {float:left; width:205px; padding: 15px 15px 15px 10px; font-size:12px; line-height:14px; }
.successBox dl dd div {color:#363636; line-height:16px;}
.successBox dl dd strong {display:inline-block; margin-bottom:10px; color:#333333; font-size:12px; line-height:14px;}
.successBox dl.brnone {border-right:none;}




/* ===== 컴퓨팅서비스 탭 ===== */
.infraComTab {clear:both;}
.infraComTab ul.infra_tab {overflow:hidden; _zoom:1; background:url('../../images/ecostore/tab_line.gif') repeat-x left bottom;}
.infraComTab ul.infra_tab li {float:left; }
.infraCom {clear:both; padding:40px 0 45px 0; margin:0 0 25px 0; }
.infraCom ul {line-height:18px; margin:0 0 20px 0;}
/* 컴퓨팅 */
#infraCom1 .mgb30 {margin-top:-25px;}
/* 특장점 */
.infraCom2_con {overflow:hidden; }
.infraCom2_con div {float:left;}
/*백업*/
.infraComTab .wrapper {background:url(/front/images/popup/pop_title_bg2.gif) repeat-x 0 0;}
.infraComTab .wrapper h1{padding: 14px 0 14px 20px;}
.infraComTab .wrapper .backup_charge{line-height:43px;padding:10px 0;position:relative;}
.infraComTab .wrapper .backup_charge a{margin-left:30px;vertical-align:middle;}
/* 주요기능 */
#infraCom3 div {margin-bottom:15px;}
/* 서버만들기 */
.player_view {width:700px;height:337px;overflow:hidden; _zoom:1; background-color:#2d2d35;}
.player_view .player {float:left; padding:10px; border-right:1px solid #151517;}
.player_view .playList {float:left; width:217px; height:307px; padding:30px 5px 0 5px; background:url('../../images/lecture/playlist_bg.gif') no-repeat 0 0;}
.player_view .playList .list {margin:0 0 20px 0; }
.player_view .playList .list strong.title {display:inline-block; margin-bottom:10px; font-size:12px; line-height:14px; font-family:'돋움', dotum; color:#fff;  padding: 0 0 0 22px; background:url('../../images/icon/icon_playlist.gif') no-repeat 5px 0; }
.player_view .playList .list ol {height:192px; padding:10px 0 0 0;  border-top:1px solid #0c0c0e; border-bottom:1px solid #575760; background:#2e2f37 url('../../images/lecture/playList_ol_bg.gif') no-repeat right top; }
.player_view .playList .list ol li {padding:11px 0 0 0; height:24px; border-top:1px solid #43444b; border-bottom:1px solid #09090b;font-size:12px; line-height:14px; font-family:'돋움', dotum;letter-spacing:-1px;}
.player_view .playList .list ol li.top {border-top:none;}
.player_view .playList .list ol li.bottom {border-bottom:none;}
.player_view .playList .list ol li a {padding:0 0 0 40px; color:#d0d0d0; display:block; line-height:11px;}
.player_view .playList .list ol li a:hover {color:#d0006f; font-weight:bold; }
.player_view .playList .list ol li a.num1 {background:url('../../images/icon/icon_playlist_num.gif') no-repeat 16px 0;}
.player_view .playList .list ol li a.num2 {background:url('../../images/icon/icon_playlist_num.gif') no-repeat 16px -37px;}
.player_view .playList .list ol li a.num3 {background:url('../../images/icon/icon_playlist_num.gif') no-repeat 16px -74px;}
.player_view .playList .list ol li a.num4 {background:url('../../images/icon/icon_playlist_num.gif') no-repeat 16px -111px;}
.player_view .playList .list ol li a.num5 {background:url('../../images/icon/icon_playlist_num.gif') no-repeat 16px -147px;}
.player_view .movie_info {float:right;width:245px;height:337px;border-left:1px solid #41424b;background-color:#393a44;}
.player_view .movie_info .movie_title {width:218px;margin:24px auto 0;padding-left:8px;font:bold 12px dotum;color:#ffffff;background:url('../../images/icon/arrow_pink.gif') no-repeat 0 2px; }
.player_view .movie_info .movie_cont {width:216px;height:257px;margin:15px auto 0;padding:9px;font:normal 12px dotum;color:#a9a9a9;line-height:140%;border-top:1px solid #0c0c0e;border-right:1px solid #575760;border-bottom:1px solid #575760;border-left:1px solid #0c0c0e;background-color:#2e2f37;}

.player_view .playList .download {margin:0 0 0 0; }
.player_view .playList .download strong.title {display:inline-block; margin-bottom:10px; font-size:12px; line-height:14px; font-family:'돋움', dotum; color:#fff;  padding: 0 0 0 22px; background:url('../../images/icon/icon_playlist.gif') no-repeat 5px 0; }
.player_view .playList .download span {display:block; height:17px; padding:5px 0 0 21px; font-size:12px; line-height:14px; font-family:'돋움', dotum; line-height:11px; color:#fff; border-top:1px solid #0c0c0e; border-bottom:1px solid #575760; background:#2e2f37; }
.player_view .playList .download span a {color:#9394a0; }
.player_view .playList .download span a:hover {color:#d0006f; }

/* 요금제 */
.infraCom5_group1 {margin-bottom:50px;}
.infraCom5_group1 h3 {height:15px;}
.infraCom5_group1 .h3_txt {float:right; height:15px;  line-height:15px; }
.infraCom5_group1 .infraCom5_txt1 {padding:10px 0 30px 0; line-height:18px;}
.infraCom5_group1 .infraCom5_txt1 span {display:block; color:#767475; font: 12px dotum,'돋움'; line-height:18px; padding-left:8px; margin-top:4px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}
.infraCom5_group1 .infraCom5_txt1 span.bgnone {background:none; margin-top:0;}
.infraCom5_group1 .infraCom5_txt1 strong {display:block; color:#767475; font: 12px dotum,'돋움'; line-height:18px; font-weight:normal; padding-left:8px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}
.infraCom5_group1 .infraCom5_txt1 strong.bgnone {background:none;}
.infraCom5_group1 .infraCom5_txt1 strong span {text-indent:65px; color:#767475;}
.cash_style1 {color:#d0006f;}
.infraCom5_group1 th {font: 12px dotum,'돋움'; line-height:14px; background:#fafafa;}

.infraCom5_group2 {overflow:hidden; margin-bottom:50px;}
.infraCom5_group2 h3 {height:15px;}
.infraCom5_group2 .h3_txt {float:right; height:15px;  line-height:15px; }
.infraCom5_group2 .infraCom5_txt2 { margin-top:15px;}
.infraCom5_group2 .infraCom5_txt2 span {display:block; color:#767475; font: 12px dotum,'돋움'; line-height:18px; margin-top:4px; padding-left:8px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}
.infraCom5_group2 .infraCom5_txt2 span.bgnone {background:none; margin-top:0; }
.infraCom5_group2 .infraCom5_txt2 strong {color:#363636;}
.infraCom5_group2 .infraCom5_txt2 span.txtcolor1 {display:block; margin-bottom:5px; color:#996697; margin-top:4px; font: 12px dotum,'돋움'; line-height:18px;}

.infraCom5_group3 { margin-bottom:50px;}
.infraCom5_group3 h3 {height:15px;}
.infraCom5_group3 .h3_txt {float:right; height:15px;  line-height:15px; }
.infraCom5_group3 .infraCom5_txt1 {margin-top:15px;}
.infraCom5_group3 .infraCom5_txt1 span {display:block;  color:#767475; font: 12px dotum,'돋움';  margin-top:4px; line-height:18px; padding-left:8px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}
.infraCom5_group3 .infraCom5_txt1 span.bgnone {background:none; margin:0 0 5px 0; text-indent:10px;}
.infraCom5_group3 .infraCom5_txt1 strong {color:#363636;}
.infraCom5_group3 .infraCom5_txt1 span.mgt0 {margin-top:0px !important;}
.infraCom5_group3 .infraCom5_txt2 {display:block; margin-top:15px; color:#767475; font: 12px dotum,'돋움'; line-height:18px; margin-top:4px; padding-left:8px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}
.infraCom5_group3 .infraCom5_txt2 .bgnone {background:none; margin-top:0;}
.infraCom5_group3 .infraCom5_txt2 strong {color:#363636;}
.infraCom5_group4 { margin-bottom:30px;}
.infraCom5_group4 h3 {height:15px;}
.infraCom5_group4 .h3_txt {float:right; height:15px;  line-height:15px; }
.infraCom5_group5 { }
.infraCom5_group5 h3 {height:15px;}
.infraCom5_group5 .h3_txt {float:right; height:15px;  line-height:15px; }

.infraCom5_txt4 {margin-top:15px;}
.infraCom5_txt4 span.infra_sto_tit {display:block; margin-bottom:5px; color:#767475; font-weight:bold !important; font:12px dotum,'돋움'; line-height:18px; padding-left:8px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}/* 2012-03-16 */
.infraCom5_txt4 span {display:block; margin-bottom:5px; color:#767475; font:12px dotum,'돋움'; line-height:18px;  }/* 2012-03-16 */

.infraCom5_txt4 strong.infra_sto_tit {display:block; margin-top:15px; color:#767475; font-weight:bold !important; font:12px dotum,'돋움'; line-height:18px; padding-left:8px; letter-spacing:-1px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}/* 2012-03-16 */


.infraCom5_txt4 .mgb25 {margin-bottom:25px;}
span.indent_txt {text-indent:19px; margin:0 0 5px;}/* 2012-03-16 */

/* 영문*/
.en_computing h3 {margin-bottom:15px;}
.en_computing .tbl_list {width:800px;}
.en_computing .infraCom5_group2 .infraCom5_section1 {float:left; width:343px; margin-right:12px;}
.en_computing .infraCom5_group2 .infraCom5_section1 .tbl343 {width:343px;} 
.en_computing .infraCom5_group2 .infraCom5_section2 {float:left; width:444px;}
.en_computing .infraCom5_group2 .infraCom5_section2 .clear1 {margin-bottom:15px;}
.en_computing .infraCom5_group2 .infraCom5_section2 h3 {margin-bottom:0;}
.en_computing .infraCom5_group2 .infraCom5_section2 .tbl444 {float:left; width:444px;}
.en_computing .infraCom5_group2 .infraCom5_section2 .h3_txt {margin-bottom:4px;}
.en_computing .infraCom5_group2 .tbl_list {width:444px}

.en_network .tbl_list {width:800px}
.en_network .opiton_ul .network { top:90px}

.en_cdn .tbl_list {width:800px;}

.mgr0 {margin-right:0 !important;}

/* 서비스문의 */
#infraCom6 {text-align:center;}



/* ========== 네트워크서비스 ========== */
.infraNet_group1 {}
.infraNet_group1 h3.infraNet_h3 {margin:35px 0 10px 0;}
.infraNet_box1 {padding-top:15px; border-top:1px solid #0f0f0f;}
.bordernone {border-bottom:0px;}
.infraNet_L47Td {height:97px; text-align:left; }
.infraNet_L47Td span {display:inilne-block; margin-left:43px; padding-left:12px; background:url('../../images/infra/graydot.gif') left 2px no-repeat ;}

.infraNet_service {overflow:hidden; width:700px; margin:35px 0 10px 0; }
.infraNet_service .infraNet_h3_service {float:left;}
.infraNet_service span {float:right; vertical-align:bottom;}
.mgb15 {display:inline-block; margin-bottom:15px !important;}

.infraNet_txt1 {padding:10px 0 30px 0; line-height:14px;}
.infraNet_txt1 span.infra_sto_tit {display:block; margin-bottom:5px; color:#767475; font:12px dotum,'돋움';  line-height:18px; padding-left:8px; background:url('../../images/infra/icon_sq.gif') left 50% no-repeat;}
.infraNet_txt1 span {display:block; margin-bottom:5px; color:#767475; font:12px dotum,'돋움';  line-height:18px; }
.infraNet_txt1 .mgb25 {margin-bottom:25px;}

.netCash {overflow:hidden; margin:35px 0 10px 0; font-size:12px; line-height:14px; }
.netCash h3 {float:left; height:17px;}
.netCash span {float:right; height:12px; padding-top: 5px;   }

/* 윗첨자 */
.super_plus {display:inline !important; width:5px; vertical-align:super;}


/* ========== 스토리지 서비스 ========== */
/* 특장점 */
.h3_infraSto2 {margin-bottom:10px;}
.infraSto2_group {overflow:hidden; width:700px; margin-bottom:35px;}
.infraSto2_group .infraSto2_section1 {float:left; margin-right:15px;}
.infraSto2_group .infraSto2_section2 {float:left; padding-top:30px;}
.infraSto2_group .infraSto2_section3 {float:left; padding-top:34px;}
.infraSto2_group .h4_infraSto2 {margin-bottom:11px;}
.infraSto2_group div {margin-bottom:26px;}

.infraSto2_group2 {overflow:hidden; width:800px; margin-bottom:35px;}
.infraSto2_group2 .infraSto2_section1 {float:left; margin-right:15px;}
.infraSto2_group2 .infraSto2_section2 {float:left; padding-top:30px;}
.infraSto2_group2 .infraSto2_section3 {float:left; padding-top:34px;}
.infraSto2_group2 .h4_infraSto2 {margin-bottom:11px;}
.infraSto2_group2 div {margin-bottom:26px;}

.cash_style1 {color:#d0006f;}

/* 요금제 */

.infraCom5_group1 .infraCom5_txt1 .infra_sto_tit {display:block; color:#737373; font-size:12px}









/* ========== cdn ========== */
#cdnTab3 div {margin-bottom:15px;}
.cdn5txt {text-align:right; font-size:12px; line-height:14px; color:#555; margin-bottom:8px;}
.cdn_cashInfo {}
.cdn_cashInfo li {margin:0 0 7px 0; padding-left:8px; color:#767475; background:url('../../images/infra/icon_sq.gif') left 7px no-repeat;}
.cdn_cashInfo li .txt_indent1 {text-indent:10px; margin-bottom:0;}
.cdn_cashInfo li .txt_indent2 {text-indent:25px; margin-bottom:0;}


/* 레이어팝업 */
.layerPop_wrap {padding:20px; border:1px solid #602077; background:#fff;}
.layerPop_wrap p {margin-bottom:14px;}
.layerpop {width:640px; height:480px; border:10px solid #2d2d35;}

.btn_close {position:absolute; right:0; top:0; width:20px; height:21px; cursor:pointer;} 
.btn_close .hide {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}


/* ========== 솔루션 ========== */

/* 게임 패키지 */
.game_summary_img1 {padding-bottom:32px;}

.infra_img1 {padding-bottom:50px;}
.infra_img2 {padding-bottom:38px;}

.game_cloud_table_type1 td {height:30px;}
.game_cloud_table_type2 td {height:40px;}
.game_cloud_table_type3 td {padding-left:6px;height:63px;text-align:left;}

.infra_txt3 {border-bottom:1px solid #0f0f0f;}
.infra_txt5 {padding-bottom:14px;}

.game_govern_list1 {padding:20px 0 0 10px;}

.clound_img_txt2 {padding:17px 0 20px 0;}

.infra_list_type1 {padding-top:20px;}
.infra_list_type1 li {float:left;}
.infra_list_type1 .list1 {padding-left:60px;}

.game_cloud_rate {position:absolute;margin-top:-6px;}

.btn_addition_rate {float:right;width:162px;height:40px;padding-top:20px;}


/*솔루션 - OVP */
.hybrid_table_type2 { width:100%; border-collapse:collapse; border-spacing:0;}
.hybrid_table_type2 th { background:#f4f4f4; border-left: solid 1px #e2e2e2; border-bottom: solid 1px #000; color:#363636; padding:7px 0; font-weight:bold; border-top: solid 1px #000; }
.hybrid_table_type2 td { border-left: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; color:#7c7c7c; padding:7px 0; text-align:center;}
td.txt_l { text-align:left; text-indent:10px;}
td.txt_r { text-align:right; padding-right:10px;}
#hiddenDiv { position:fixed; top:0; left:0; width:100%; height:100%; background:hsla(0, 0%, 0%, .6);z-index:99;}
.layer { position:absolute; background:#f9f9f9; z-index:100; width:660px; top:50%; left:50%; margin-left:-330px; margin-top:-215px;}
.poptitle { background:#b50a80; height:54px;}
.poptitle h4 { color:#fff; text-indent:20px; font-size:14px; font-weight:normal; margin:0; padding:0; line-height:54px; letter-spacing:-0.3px; font-weight:bold;}

.pop_contents { padding: 20px; text-align:center;}
.pop_contents dl { width:600px; display:block; margin:0 auto;}
.pop_contents dl dt { text-align:left; color:#000;  font-size:12px; line-height:30px; margin:10px 0; font-weight:bold; background:#e1e1e1; text-indent:10px;}
.pop_contents dl dd { text-align:left; padding-bottom:6px; }

.pop_contents p { text-align:left; padding-left:135px; margin-top:20px; background:url(../_img/sub3/icon_info.png) 100px 5px no-repeat;}
.pop_contents p span { display:block; font-size:16px; color:#000; margin-top:8px;}
.pop_bottom { border-top: solid 1px #cdd7de; background:#ebeff2; padding: 10px 20px; text-align:right;}

.selbox { width:334px; height:209px; background:url('../../images/ovp/bg_selbox.gif') left top no-repeat; text-align:center; float:left;}
.selbox dl { padding-top:20px; width:275px; margin:0 auto;}
.selbox dl dt { font-weight: bold; margin-bottom:40px;}
.selbox dl dd { color:#7c7c7c; text-align:left; margin-bottom:15px; background:url('../../images/ovp/img_sq.gif') left 7px no-repeat; padding-left:8px;}