@charset "utf-8";
/* for styles */
@import url("common.css");


/* 전체 레이아웃 */
#wrap{width:100%;}

/* header */
#header{width:100%;}
.header_util{height:32px; text-align:right; border-bottom:solid 1px #e6e6e6;}
.header_util .util_all{width:1024px;  height:33px; margin:0 auto; border-right:solid 1px #e6e6e6;}
.header_util .util_all li{float:right; border-left:solid 1px #e6e6e6; height:27px; }
.header_util .util_all .util_mail{background:url(/img/common/icon_mail.gif) left no-repeat ; background-position-y:12px;  background-position-x:8px;padding:6px 6px 0px 18px;  display:inline-block; margin-left:5px;}
.header_util .util_all .util_login{background:url(/img/common/icon_login.gif) left no-repeat; background-position-y:10px;  background-position-x:10px; padding:6px 6px 0px 18px;  display:inline-block;margin-left:5px;}
.header_util .util_all a{padding:3px 8px; color:#999;}
.header_util .util_all a:hover{color:#f99911;}

.cont_nav {position:relative; width:1024px;margin:0 auto;height:83px; }
.cont_nav .quick{position:relative; left:1045px; top:336px;width:182px; height:261px;}
.cont_nav .gmnc_logo{position:absolute; top:10px; left:0;}
.cont_nav .gmnc_nav{position:absolute; top:0; left:260px; font-size:16px; font-weight:bold;width:780px;}
.cont_nav .gmnc_nav li{float:left; margin-left:42px;height:50px; padding-top:27px; }
.cont_nav .gmnc_nav li a:hover{border-top:solid 7px #f99911; padding-top:25px;}

/* main */
#contents{width:100%; display:inline-block;}
.main_banner_top{position:relative; height:461px; width:100%; margin:0 auto;}
.main_banner_top .banner_jom{position:absolute; top:20px; width:1024px; margin-left:50%; left:-512px; }
.main_banner_top .banner_jom li{float:right; padding-left:6px;}

#contents  .main_cont{position:relative; width:1024px;margin:0 auto; height:500px;}
#contents  .main_cont .m_quick{position:absolute; left:1045px; top:34px; width:182px; height:261px;}
#contents  .main_cont .main_app{width:478px; float:left;margin-top:30px;}
#contents  .main_cont .main_app span{display:block; width:480px;font-size:20px; font-weight:bold; color:#333; text-align:left; letter-spacing:-1px;}
#contents  .main_cont .main_app .tit_vpartner{background:url(/img/main/bar_app01.gif) no-repeat left bottom; height:42px; }
#contents  .main_cont .main_app dl{padding-left:150px; padding-top:30px;}
#contents  .main_cont .main_app dt{font-size:17px; font-weight:bold; height:30px; color:#666;}
#contents  .main_cont .main_app dd{font-size:13px; height:20px; color:#666;}
#contents  .main_cont .main_app .tit_quiz{background:url(/img/main/bar_app02.gif) no-repeat left bottom; height:42px; }
#contents  .main_cont .main_app .tit_quiz a{display:block; float:right; padding-top:5px}
#contents  .main_cont .main_app .app_cont_vpartner{background:url(/img/main/vpartner_app_img.gif) no-repeat left bottom; width:100%; border:1px solid #e5e5e5; height:185px; margin-top:15px;}
#contents  .main_cont .main_app .app_cont_vpartner p{padding-left:150px; padding-top:15px;}
#contents  .main_cont .main_app .app_cont_quiz{background:url(/img/main/quiz_app_img2.gif) no-repeat left bottom; width:100%; border:1px solid #e5e5e5; height:185px; margin-top:15px;}
#contents  .main_cont .main_app .app_cont_quiz p{padding-left:150px; padding-top:15px;}
#contents  .main_cont .main_app .app_cont_quiz a{display:block; width:140px; float:left; padding-right:5px;}
#contents  .main_cont .main_board{width:478px; float:left;margin-top:30px;}
#contents  .main_cont .main_board span{display:block; width:480px;font-size:20px; font-weight:bold; color:#333; text-align:left; letter-spacing:-1px; height:42px; border-bottom: 4px #666666 solid; margin-bottom:17px;}
#contents  .main_cont .main_board span a{display:block; float:right; padding-top:5px}
.board_cont{width:100%;}
.board_cont li{background:url(/img/main/icon_jom.gif) no-repeat left; padding-left:12px;  height:22px; color:#908e8e; font-size:13px;}

/* sub */
#contents .sub_banner_top{background:#343434 url(/img/sub/sub_topimg01.jpg) no-repeat center bottom; height:162px; width:100%; margin:0 auto;}
#contents .sub_banner_top02{background:#343434 url(/img/sub/sub_topimg02.jpg) no-repeat center bottom; height:162px; width:100%; margin:0 auto;}
#contents .sub_banner_top03{background:#343434 url(/img/sub/sub_topimg03.jpg) no-repeat center bottom; height:162px; width:100%; margin:0 auto;}
#contents .sub_tit_line{border-bottom:#e6e6e6 1px solid; height:70px; }
#contents .sub_tab_app{height:60px; text-align:left; width:1014px; margin:30px auto 5px auto;}
#contents .sub_tab_app a{float:left; margin:0 5px;}
#contents .sub_tit_line span{display:block; font-size:33px; color:#666666; width:1014px; height:45px; margin:0 auto; padding-top:12px; padding-left:15px;}
#contents .sub_company{width:1024px; background:url(/img/sub/company_img01.jpg) no-repeat center top; color:#7d7c7c; font-size:14px; margin:0 auto; margin-top:30px;}
#contents .sub_company span{display:block; text-align:left; padding-top:200px; padding-bottom:50px;}
#contents .sub_map{width:1024px;margin:0 auto; height:700px;}
#contents .sub_map span{display:block; }
#contents .sub_map .map_title{font-size:24px; font-weight:bold; color:#666666; padding-bottom:10px}
#contents .sub_map .map_all{padding-bottom:35px;}
#contents .sub_map li{float:left; font-size:14px;}
#contents .sub_map .map_tit{color:#f99911; width:60px;}
#contents .sub_map .map_cont{color:#666666; width:924px; padding-left:30px;}



#contents .sub_merchant{position:relative; width:1024px; background:url(/img/sub/merchant_img01.jpg) no-repeat center top; color:#7d7c7c; font-size:14px; margin:0 auto; margin-top:30px; height:660px; padding-top:180px;}
#contents .sub_merchant p{position:absolute; top:280px; left:750px;}
#contents .sub_merchant dt{font-size:20px; color:#666666; font-weight:bold; text-decoration:underline; height:45px;}
#contents .sub_merchant dd{font-size:14px;color:#7d7c7c; height:24px;}
#contents .sub_merchant dd span{color:#f99911;}
.tab_ad_admin{width:1024px; text-align:left;height:65px; margin:0 auto;}
.tab_ad_admin span{float:left; display:block; width:182px; height:63px;}
.tab_admin{width:1024px; text-align:left;height:65px; margin:0 auto; border-bottom:#e6e6e6 solid 1px; margin-bottom:20px;}
.tab_admin span{float:left; display:block; width:182px; height:63px;}
#contents .tab_all{width:1024px; margin:0 auto; height:800px;}
#contents .tab_all .tab_ad_no dt{width:332px; height:184px;}
#contents .tab_all .tab_ad_no dd{width:298px; height:160px; border-bottom:#e6e6e6 solid 1px;border-left:#e6e6e6 solid 1px;border-right:#e6e6e6 solid 1px; padding:11px;}
#contents .tab_all .tab_ad_no span{display:block; font-size:13px; color:#7d7c7c; line-height:1.4;}
#contents .tab_all .tab_ad_no .tab_tit{font-size:18px;letter-spacing:-1px; font-weight:bold; color:#666; padding:7px 0;}
#contents .tab_all .tab_ad_no{float:left;}

#contents .sub_affil{position:relative; width:1024px; margin:0 auto; height:1200px;}
#contents .sub_affil p{position:absolute; top:410px; left:825px;}
#contents .sub_affil span {display:block;}
#contents .sub_affil .affil_tit_text{ width:560px; height:75px; margin-top:30px;}
#contents .sub_affil ul{height:210px;}
#contents .sub_affil li{float:left; font-size:16px; font-weight:bold; color:#FFF;}
#contents .sub_affil .affil_sum01{background:url(/img/sub/affil_img02.jpg); width:331px; height:34px; text-align:center; padding-top:160px;}
#contents .sub_affil .affil_sum02{background:url(/img/sub/affil_img03.jpg); width:331px; height:34px; text-align:center; padding-top:160px; margin-left:12px;}
#contents .sub_affil .affil_sum03{background:url(/img/sub/affil_img04.jpg); width:331px; height:34px; text-align:center; padding-top:160px;  margin-left:12px;}
#contents .sub_affil dl{}
#contents .sub_affil dt{font-size:20px; font-weight:bold; color:#666666; padding-top:20px; padding-bottom:15px;}
#contents .sub_affil dd{font-size:14px;color:#7d7c7c;}
#contents .sub_affil .affil_adguide{width:1024px; height:535px; border:#e6e6e6 1px solid; background:url(/img/sub/affil_img05.png) no-repeat bottom center; }
#contents .sub_affil .affil_adguide span{display:block;}
#contents .sub_affil .affil_adguide .affil_title{margin:20px 0 10px 80px ; font-size:24px; font-weight:bold; color:#ff6600; width:100%; }
#contents .sub_affil .affil_adguide .affil_cont{color:#666; font-size:14px;  width:100%; margin-left:80px;}
#contents .sub_partnership{width:1024px; margin:0 auto; height:2400px; padding-top:20px;}
#contents .sub_partnership p{display:block; width:1016px; height:36px; padding-top:20px; margin-left:12px; border-bottom:#e6e6e6 1px solid; font-size:24px; text-align:left; color:#666; }
#contents .sub_partnership ul{}
#contents .sub_partnership li{float:left; border:solid 1px #dcdcdc;width:239px; margin-left:15px;margin-top:15px;}
#contents .sub_partnership span{display:block;}
#contents .sub_partnership .par_img{width:193px; height:80px; padding:17px 23px;}
#contents .sub_partnership .par_txt{height:37px;padding-top:14px; background-color:#f4f4f4; border-top:solid 1px #dcdcdc; font-size:14px; font-weight:bold; text-align:center;width:239px; }

#contents .sub_inqu_all{width:1008px; margin:0 auto; height:850px; padding-top:20px; padding-left:15px;}
#contents .sub_inqu_all span{display:block; width:100%; height:30px; font-size:14px; color:#666; text-align:left; padding-top:30px}
#contents .sub_inqu_all ul{ padding-bottom:30px;}
#contents .sub_inqu_all li{width:1000px; padding:5px 0; }
#contents .sub_inqu_all dl{width:1000px; font-size:14px; color:#999; margin:4px 0;}
#contents .sub_inqu_all dt{width:120px; float:left; height:40px;}
#contents .sub_inqu_all dd{width:800px; float:left; height:40px;}
#contents .sub_inqu_all dl input{border:#cccccc solid 1px; font-size:14px; color:#878787;  height:28px; }
#contents .sub_inqu_all dl select{border:#cccccc solid 1px; font-size:14px; color:#878787;  height:28px; }
#contents .sub_inqu_all .inqu_body{border:#e6e6e6 solid 1px; padding:40px 100px; height:440px; }
#contents .sub_inqu_all p{float:left; padding-left:230px;padding-top:135px; }
#contents .sub_inqu_all p span{width:131px; height:44px; display:block; float:left; margin-left:10px;}


#contents .sub_quiz{width:1024px; margin:0 auto;  padding-top:20px;}
#contents .sub_quiz div{float:left;}
#contents .sub_quiz .quiz_left{width:700px; display:inline-block; margin-bottom:30px;}
#contents .sub_quiz .quiz_left p{display:block; margin-top:20px;}
#contents .sub_quiz .quiz_left li{font-size:14px; color:#7d7c7c;}
#contents .sub_quiz .quiz_left .quiz_txt{height:463px;width:690px;}
#contents .sub_quiz .quiz_left .quiz_txt1{font-size:30px; color:#484747; font-weight:bold; text-decoration:underline; padding-top:35px;}
#contents .sub_quiz .quiz_left .quiz_txt2{font-size:18px; color:#ff9933; padding-top:15px; }



#contents .sub_quiz .quiz_right{width:310px; margin-left:10px; float:right;}
#contents .sub_quiz .quiz_right .quiz_btn{padding-left:45px; padding-bottom:5px;}
#contents .sub_quiz .quiz_right .quiz_app_down{margin-bottom:10px; height:116px;}
#contents .sub_quiz .quiz_right .quiz_app_down li{float:left; width:148px; height:116px;}
#contents .sub_quiz .quiz_right .quiz_mobile{position:relative; border:#e7e5e5 1px solid; width:277px; padding:16px; font-size:18px; font-weight:bold; color:#666666; margin-top:0px;}
#contents .sub_quiz .quiz_right .quiz_mobile p{position:absolute; left:250px; top:18px; }
#contents .sub_quiz .quiz_right .quiz_mobile p a{padding-left:4px;}
#contents .sub_quiz .quiz_right .quiz_mobile01{position:relative; background:url(/img/sub/pone_bg.jpg); width:323px; height:670px;  font-size:18px; font-weight:bold; color:#666666; margin-top:0px;}
#contents .sub_quiz .quiz_right .quiz_mobile01 iframe{position:absolute; left:35px; top:55px;}
#contents .sub_quiz .quiz_right .quiz_mobile01 p{position:absolute; left:250px; top:18px; }
#contents .sub_quiz .quiz_right .quiz_mobile01 p a{padding-left:4px;}



.board_all{width:1024px; margin:0 auto; padding-top:20px;}



/* footer */
#footer {width:100%; background-color:#333333; background-size:auto, cover;;  height:145px;}
#footer span{display:block; width:1024px; margin:0 auto; height:120px;}
#footer  div{float:left; margin-top:28px;}
#footer .footer_logo{width:100px;}
#footer .footer_add{width:850px;}
#footer .footer_add li{height:24px; color:#adacac; font-size:13px;}
#footer .footer_add li p{float:left; padding-left:18px;}