@charset "utf-8";

@import url("base.css");
@import url("layout.css");
@import url("common.css");
@import url("board.css");
@import url("popup.css");


div.play_info {position:relative;width:760px; border:5px solid #e8e8e8; margin-bottom:20px;}
div.play_info ul {padding:18px 16px 12px 16px;}
div.play_info ul li {padding:0 0 6px 7px; letter-spacing:-0.06em;background:url('../../images/common/bulit_gray_squre.gif') no-repeat left 5px;}
div.play_info ul li span {display:inline-block;width:61px;padding-right: 13px;color:#6e9934;font-weight:bold;background:url('../../images/common/ico_bar_gr.gif') no-repeat 63px top;}
div.play_info div.ham_img {position:absolute;top:15px;right:31px;}
div.play_info div.email_img {position:absolute;top:20px;right:31px;}

div.player {width:770px;}
div.player div.flash {float:left;}
div.flash {margin-right:12px;font-size:0;display:block;border:1px solid #e2e2e2;}
div.player div.txt {float:left;width:360px;padding-top:15px;line-height:18px;}
div.player div.snsicon {float:left;width:770px; margin-bottom:5px;}

div.emailcon {float:left;width:758px;padding-left:10px;border:1px solid #d7d7d7;}
div.emailcon_txt {float:left;width:748px; padding-top:15px; font-weight:bold; margin-bottom:15px; padding-bottom:15px;border-bottom:1px solid #d7d7d7;}
div.emailcon_txt span {color:#4ca516;}
div.email_box {float:left;width:510px; margin-left:130px;}
div.email_box dd {float:left;}
div.email_box dd.inputtxt {width:384px; height:42px;border:1px solid #4ca516; margin-right:3px;}
div.email_box dd.inputtxt input {width:370px;font-size:24px;height:26px;border:0; font-weight:bold; margin-top:7px; margin-left:4px; color:#ff4c00;}
div.email_box dd img { vertical-align:top;}
div.email_box dd.inputcaption {width:510px; margin-top:10px; padding-bottom:30px;}

div.caption01 { float:left;width:748px;padding-bottom:25px; line-height:16px;}

div.cd_box01 {float:left;width:746px; height:53px; padding-top:23px; margin-bottom:25px; border:1px solid #b7b6b7; background-color:#fdfadb;}
div.cd_box01 dd {float:left;}
div.cd_box01 dd.cd_txt01 { font-weight:bold; margin-top:7px; margin-left:156px; padding-right:10px; border-right:1px solid #b8b8b8;}
div.cd_box01 dd.cd_txt01 img { vertical-align: text-bottom;}
div.cd_box01 dd.cd_txt02 { font-weight:bold; margin-top: 7px; color:#4ca516; padding-right:20px; padding-left:8px;}

div.cd_box02 {float:left;width:746px; height:53px; padding-top:23px; margin-bottom:25px; border:1px solid #b7b6b7; background-color:#fdfadb;}
div.cd_box02 dd {float:left;}
div.cd_box02 dd.cd_txt01 { font-weight:bold; margin-top:7px; margin-left:140px; padding-right:10px; border-right:1px solid #b8b8b8;}
div.cd_box02 dd.cd_txt01 img { vertical-align: text-bottom;}
div.cd_box02 dd.cd_txt02 {width:186px;height:26px; border:2px solid #4ca516; background-color:#FFF; margin-right:4px; margin-left:4px;}
div.cd_box02 dd.cd_txt02 input {border:0; font-size:16px; height:17px; width:170px; margin-top:2px; font-weight:bold; letter-spacing:1px;}

div.cd_box03 {float:left;width:746px; height:53px; padding-top:23px; margin-bottom:5px; border:1px solid #b7b6b7; background-color:#fdfadb;}
div.cd_box03 dd {float:left;}
div.cd_box03 dd.cd_txt01 {font-weight:bold; margin-top:7px; color:#4ca516; margin-left:100px; padding-right:10px; border-right:1px solid #b8b8b8;}
div.cd_box03 dd.cd_txt01 img {vertical-align: text-bottom;}
div.cd_box03 dd.cd_txt02 {font-weight:bold; margin-top: 7px; padding-right:20px; padding-left:8px;}

ul.cd_process_guide {float:left;width:738px; height:100px; margin-bottom:20px; margin-left:5px;border-bottom:1px solid #d7d7d7;}
ul.cd_process_guide li {float:left;}
ul.cd_process_guide li.tit {width:748px; padding-bottom:16px;}
ul.cd_process_guide li.image {}
ul.cd_process_guide li.txt { margin-left:9px; margin-right:9px;line-height:16px;}
ul.cd_process_guide li.arrow { margin-right:24px;}

div.ucctopbox {width:580px;height:220px;}

div.newucc {float:left; width:281px;}
div.newucc dd {float:left; width:281px;}
div.newucc dd.titimg { padding-bottom:7px;}
div.newucc dd.tit { font-weight:bold;padding-bottom:5px; padding-top:5px;}
div.newucc dd.copy { line-height:15px; color:#787878;}
div.newucc dd.topimg img {float:left; width:281px; height:114px;}

div.hotucc {float:left; width:281px; margin-left:18px;}
div.hotucc dd {float:left; width:281px;}
div.hotucc dd.titimg { padding-bottom:7px;}
div.hotucc dd.tit { font-weight:bold;padding-bottom:5px; padding-top:5px;}
div.hotucc dd.copy { line-height:15px; color:#787878;}
div.hotucc dd.topimg img {float:left; width:281px; height:114px;}

div.htoon_topban {position:relative;width:578px;font-size:0;border:1px solid #e4e4e4;}
div.htoon_topban img.bt01 {position:absolute;top:50px;right:17px;}
div.htoon_topban img.bt02 {position:absolute;top:20px;right:12px;}

div.char_stit {position:relative; width:580px;border-top:1px solid #d7d7d7; padding-top:14px; padding-bottom:10px;}
div.char_stit dd {position:absolute;top:7px;right:1px;}

div.char_file {width:580px;padding-top:10px;border-top:1px solid #c7c7c7;}
p.file_stit {clear:both;padding:30px 0 6px 0;}
div.char_movie {width:524px; padding-left:56px;margin-top:10px; margin-bottom:30px;height:196px; background-image:url(../../images/play/img_charter_moviebg.gif); background-repeat:no-repeat;}
div.char_movie ul {float:left;width:140px; margin-top:36px;margin-right:24px;}
div.char_movie ul li {float:left;width:140px; text-align:center; font-weight:bold; padding-top:7px;}

div.subtab {width:580px;height:30px;margin:10px 0;background:url('../../images/about/ot_tab_bg.gif') repeat-x scroll left bottom;}
ul.tab_btn {overflow:hidden;width:580px;font-size:0;height:30px;}
ul.tab_btn li {float:left;list-style:none;}

div.monginfobox {width:580px;height:560px;background:url('../../images/play/bg_intro_mong.gif') no-repeat right bottom;}
p.stit_monginfo {width:580px;margin-bottom:17px;padding:10px 0 5px 0;border-bottom:1px solid #C7C7C7;}
dl.stit_copy {padding-bottom:25px;}
dl.monginfo_txt {width:552px;margin-left:4px;}
dl.monginfo_txt dt {font-weight:bold;padding:0 0 6px 8px;color:#F25818;background:url('../../images/common/bulit_red_arrow02.gif') no-repeat left 4px;}
dl.monginfo_txt dd {width:540px;padding:0 0 24px 8px;}
dl.monginfo_txt dd ul li {line-height:17px;}
dl.btn_mongappli { margin-left:150px;}
p.mong_noappli {width:580px;margin:62px 0 0 10px;text-align:center;}

/* happymong_docdown_120510.html */
div.qut {position:relative;width:580px;margin-top:25px;}
div.qut img.btn {position:absolute;top:27px;right:30px;}
p.mission {margin:0 0 0 15px;}
ul.quest {margin:14px 0 0 15px;}
ul.quest li span {width:97px;display:inline-block;margin-right:10px;padding-right:6px;background:url('../../images/common/ico_bar_gr.gif') no-repeat right 3px;color:#6E9934;}
ul.quest li {line-height:18px;color:#545454;}
div.mong_info {width:556px;margin-top:30px;padding:0 0 30px 22px;border:1px solid #D7D7D7;background:url('../../images/together/bg_intro_mong_sm.gif') no-repeat right 98%;}
p.mong_tit {width:532px;margin-bottom:17px;padding:28px 0 5px 0;border-bottom:1px solid #C7C7C7;}
p.mong_tit02 {width:388px;margin-bottom:17px;padding:28px 0 5px 0;border-bottom:1px solid #C7C7C7;}
dl.mong_detail {width:532px;margin-left:4px;}
dl.mong_detail dt {font-weight:bold;padding:0 0 6px 8px;color:#F25818;background:url('../../images/common/bulit_red_arrow02.gif') no-repeat left 4px;}
dl.mong_detail dd {width:540px;padding:0 0 24px 8px;line-height:18px;}
p.mong_applic {margin:35px 0 0 28px;}
ul.quest02 {margin:14px 0 0 36px;}
ul.quest02 li span {width:97px;display:inline-block;margin-right:10px;padding-right:6px;background:url('../../images/common/ico_bar_gr.gif') no-repeat right 3px;color:#6E9934;}
ul.quest02 li {line-height:18px;color:#545454;}
ul.btn_area {margin-top:20px;}
ul.btn_area li {width:580px;text-align:center;}
ul.btn_area li.ft {width:580px;margin-bottom:10px;text-align:center;}
ul.btn_area img.left {margin-right:30px;}
ul.btn_area img.left02 {margin-right:80px;}